带有背景图像和标题的 UIButton 使用自动布局

Posted 2023-03-22

【中文标题】带有背景图像和标题的 UIButton 使用自动布局

【英文标题】：UIButton with background image and title using auto layout

【发布时间】：2016-01-21 01:48:46

【问题描述】：

我目前在使用 UIButton 时遇到问题。我有这样的其他人设计的背景图片： background image 我需要将按钮的标题放在背景图像中的白色竖线之后。我尝试为内容设置左边缘，但由于我使用了自动布局，因此框架会因屏幕尺寸不同（3.5 英寸、4.7 英寸...）而有所不同。 有没有办法通过自动布局将文本放在与我想要的背景相关的位置。 谢谢

【参考方案1】：

我个人会将背景图像的左侧与右侧分开。这样，您可以有两个相邻的 UIButton，水平空间约束为 0。按钮的右侧必须放在 UIImageView 内，这样您就可以将图像设置为视图的属性，而不是按钮的背景。当然，您不必这样做，但我更喜欢这种解决方案，因为它更易于管理不同的屏幕尺寸。

这是我上面解释的直观表示： Separated Views for Single UIButton

然后，您需要路由两个按钮的触摸事件以运行相同的方法或功能，以使右侧和左侧都可点击。

注意：我不确定您对突出显示按钮的确切想法，但这必须经过测试和调整才能获得所需的效果。

【讨论】：

感谢您的回答，这是解决我问题的一种方法。但我可能希望文本的大小相应改变。我想我需要创建一个自定义 uiview