web-dev-qa-db-fra.com

ajouter rightview dans UIButton

J'essaie d'afficher du texte et une image sur un bouton. J'utilise le code de ici

    let btnSort   = UIButton.buttonWithType(UIButtonType.System) as! UIButton
    btnSort.frame =  CGRectMake(2, 74, 140, 26)
    btnSort.tintColor = UIColor.whiteColor()
    btnSort.setImage(UIImage(named:"immgg"), forState: UIControlState.Normal)
    btnSort.imageEdgeInsets = UIEdgeInsets(top: 6,left: 100,bottom: 6,right: 14)
    btnSort.titleEdgeInsets = UIEdgeInsets(top: 0,left: -30,bottom: 0,right: 34)
    btnSort.setTitle("SORT", forState: UIControlState.Normal)
    btnSort.layer.borderWidth = 1.0
    btnSort.layer.borderColor = UIColor.whiteColor().CGColor
    btnSort.addTarget(self, action: Selector("showSortTbl"), forControlEvents: UIControlEvents.TouchUpInside)
    self.view.addSubview(btnSort)

Je peux voir l'image au bon endroit, mais le texte n'apparaît pas. Je pense que titleEdgeInsets ne fonctionne pas.

iosswiftswift3uibuttonuiimage
12
Saty

le code que j'ai essayé j'ai la sortie ce que le problème U face à.

btnSort.backgroundColor = UIColor.redColor() -> définir la couleur de fond et vérifier 

 let btnSort   = UIButton(type: UIButtonType.System) as UIButton! //this is Swift2.0 in this place use your code
    btnSort.frame =  CGRectMake(2, 74, 140, 40)
    btnSort.tintColor = UIColor.whiteColor()
    btnSort.setImage(UIImage(named:"youtube16x16.png"), forState: UIControlState.Normal)
    btnSort.imageEdgeInsets = UIEdgeInsets(top: 6,left: 100,bottom: 6,right: 14)
    btnSort.titleEdgeInsets = UIEdgeInsets(top: 0,left: -30,bottom: 0,right: 34)
    btnSort.setTitle("SORT", forState: UIControlState.Normal)
    btnSort.layer.borderWidth = 1.0
    btnSort.backgroundColor = UIColor.redColor() --> set the background color and check 
    btnSort.layer.borderColor = UIColor.whiteColor().CGColor
    btnSort.addTarget(self, action: Selector("showSortTbl"), forControlEvents: UIControlEvents.TouchUpInside)
    self.view.addSubview(btnSort)

Swift3

 let btnSort   = UIButton(type: .system)
    btnSort.frame =  CGRect(x: 2, y: 74, width: 140, height: 40)
    btnSort.tintColor = UIColor.white
    btnSort.setImage(UIImage(named:"youtube16x16.png"), for: .normal)
    btnSort.imageEdgeInsets = UIEdgeInsets(top: 6,left: 100,bottom: 6,right: 14)
    btnSort.titleEdgeInsets = UIEdgeInsets(top: 0,left: -30,bottom: 0,right: 34)
    btnSort.setTitle("SORT", for: .normal)
    btnSort.layer.borderWidth = 1.0
    btnSort.backgroundColor = UIColor.red //--> set the background color and check
    btnSort.layer.borderColor = UIColor.white.cgColor
    btnSort.addTarget(self, action: #selector(ViewController.showSortTbl), for: UIControlEvents.touchUpInside)
    self.view.addSubview(btnSort)

et gérer l'action comme

  func showSortTbl() {
    // do your stuff here

}

sortie 

 enter image description here

27
Anbu.Karthik

Sous-classe UIButton 

Remplace la fonction layoutSubviews()

class CustomButton: UIButton {

    override func layoutSubviews() {
        super.layoutSubviews()

        guard imageView != nil else {
         return
        }

        imageEdgeInsets = UIEdgeInsets(top: 5, left: (bounds.width - 25), bottom: 5, right: 5)
        titleEdgeInsets = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: imageView!.frame.width)

     }
}
  • Ajouter un bouton au Storyboard 
  • Ajouter une classe personnalisée au bouton
  • Changer le type de bouton en Système
  • Définir le titre et l'image sur le bouton
1
kamalraj venkatesan

Définissez uniquement la couleur de fond et affichez votre texte:

let btnSort = UIButton(type: UIButtonType.System) as UIButton // Shift 2.0

btnSort.backgroundColor = UIColor.yellowColor()

OU

btnSort.setTitleColor(UIColor.greenColor(), forState: UIControlState.Normal)
0
Jay Bhalani

S'il vous plaît vérifier le code ci-dessous.

J'espère que cela fonctionnera pour vous.

let teamImage: UIButton = UIButton(frame: CGRect(x: 0, y: 75, width: 100, height: 50))
let imageTest = UIImage(named: "immgg")

teamImage.setTitle("HypnotoadTitle", forState: .Normal)
teamImage.setBackgroundImage(imageTest, forState: .Normal)
self.view.addSubview(teamImage)
0
Gati