ios 在 UIButton 中添加右视图

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/33033737/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-31 07:57:14  来源:igfitidea点击:

add rightview in UIButton

iosswiftswift3uibuttonuiimage

提问by Saty

I am trying to display some text and an image over a button. I am using the code from here

我试图在按钮上显示一些文本和图像。我正在使用这里的代码

    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)  

I can see the image at the right place, however the text is not appearing. I think titleEdgeInsetsis not working.

我可以在正确的位置看到图像,但是文本没有出现。我认为titleEdgeInsets是行不通的。

回答by Anbu.Karthik

the code I tried I got the output what the problem U faced.

我试过的代码我得到了你面临的问题的输出。

btnSort.backgroundColor = UIColor.redColor()--> set the background color and check

btnSort.backgroundColor = UIColor.redColor()--> 设置背景颜色并检查

 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

斯威夫特3

 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)

and handle the action as

并将动作处理为

  func showSortTbl() {
    // do your stuff here

}

output

输出

enter image description here

在此处输入图片说明

回答by kamalraj venkatesan

Subclass UIButton

子类 UIButton

Override the layoutSubviews()function

覆盖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)

     }
}
  • Add a button to Storyboard
  • Add custom class to the button
  • Change button type to System
  • Set Title and image to the button
  • 向故事板添加按钮
  • 向按钮添加自定义类
  • 将按钮类型更改为系统
  • 将标题和图像设置为按钮

回答by Jay Bhalani

Set only background color and display your text :

仅设置背景颜色并显示您的文本:

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

btnSort.backgroundColor = UIColor.yellowColor()

OR

或者

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

回答by iGatiTech

Please check below code.

请检查以下代码。

Hope it will work for you.

希望它对你有用。

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)