Ios7 使用自动布局创建带有文本和图像的iOS UI7按钮

使用Autolayout和Interface Builder，目标设备是iOS 7 iPhone，我如何创建其中三种UIButton，它们具有图像、分隔线和文本？每个按钮的3个图像都具有相同的大小。一个按钮中的行和文本必须与其他按钮的行和文本对齐（文本左对齐）。如果手机转向风景线，事情不会变得疯狂。所有按钮的大小都相同

这些按钮是主屏幕布局的一部分，主屏幕顶部有徽标，依此类推。当点击其中一个按钮时，应用程序会做一些事情

---

一个想法是创建一个没有文本的按钮，在顶部放置一个标签，在顶部为行创建一个精简视图，在顶部放置uiimageview。也许甚至不需要显式布局约束？“按钮”内容可能需要一个包含视图来将“按钮”各部分保持在一起？

图像+文本可以使用

ui按钮来实现，而无需添加任何自动布局约束。使用
-setImage:forState
和
-setTitle:forState:
设置图像和文本，然后使用
*insets
属性调整按钮插入。要正确设置插图，请使用这个伟大的测试项目：（文档中不太清楚如何同时使用它们，这个测试应用程序应该会告诉您这个想法）

至于分隔符，我建议将其直接添加到图像中

但是，如果您不想坚持使用
UIButton
及其插入项，您可以将
UIView
子类化，添加2个
UIImageView
s（实际图像和分隔符）、一个
UILabel
，并加入一些约束。若要使视图可单击，请将
UIAppgestureRecognitor
附加到视图上。
仅使用
UIButton
即可实现图像+文本，而无需添加任何自动布局约束。使用
-setImage:forState
和
-setTitle:forState:
设置图像和文本，然后使用
*insets
属性调整按钮插入。要正确设置插图，请使用这个伟大的测试项目：（文档中不太清楚如何同时使用它们，这个测试应用程序应该会告诉您这个想法）

至于分隔符，我建议将其直接添加到图像中

但是，如果您不想坚持使用
UIButton
及其插入项，您可以将
UIView
子类化，添加2个
UIImageView
s（实际图像和分隔符）、一个
UILabel
，并加入一些约束。若要使视图可单击，请将
UIAppgestureRecognitor
附加到视图上。
仅使用
UIButton
即可实现图像+文本，而无需添加任何自动布局约束。使用
-setImage:forState
和
-setTitle:forState:
设置图像和文本，然后使用
*insets
属性调整按钮插入。要正确设置插图，请使用这个伟大的测试项目：（文档中不太清楚如何同时使用它们，这个测试应用程序应该会告诉您这个想法）

至于分隔符，我建议将其直接添加到图像中

但是，如果您不想坚持使用
UIButton
及其插入项，您可以将
UIView
子类化，添加2个
UIImageView
s（实际图像和分隔符）、一个
UILabel
，并加入一些约束。若要使视图可单击，请将
UIAppgestureRecognitor
附加到视图上。
仅使用
UIButton
即可实现图像+文本，而无需添加任何自动布局约束。使用
-setImage:forState
和
-setTitle:forState:
设置图像和文本，然后使用
*insets
属性调整按钮插入。要正确设置插图，请使用这个伟大的测试项目：（文档中不太清楚如何同时使用它们，这个测试应用程序应该会告诉您这个想法）

至于分隔符，我建议将其直接添加到图像中

但是，如果您不想坚持使用
UIButton
及其插入项，您可以将
UIView
子类化，添加2个
UIImageView
s（实际图像和分隔符）、一个
UILabel
，并加入一些约束。要使视图可单击，请在其上附加一个
UITapgestureRecognitizer
。
谢谢！我要试一试。我尝试了“包含2个图像、标签和一个按钮解决方案的视图”。这种方法会带来快乐和悲伤的后果。它可以很好地按照您建议的使用UIButton。这就解决了它周围的所有问题，当点击它时，它的行为不好。以下内容也有助于使按钮文本在点击时发生变化（请参阅“UIImageRenderingModeAlwaysOriginal”）：在对此进行更多思考之后，最简单的方法就是为整个按钮创建一个图像。前面评论中提到的UIImageRenderingModeAlwaysOriginal仍然是一件好事。谢谢！我要试一试。我尝试了“包含2个图像、标签和一个按钮解决方案的视图”。这种方法会带来快乐和悲伤的后果。它可以很好地按照您建议的使用UIButton。这就解决了它周围的所有问题，当点击它时，它的行为不好。以下内容也有助于使按钮文本在点击时发生变化（请参阅“UIImageRenderingModeAlwaysOriginal”）：在对此进行更多思考之后，最简单的方法就是为整个按钮创建一个图像。前面评论中提到的UIImageRenderingModeAlwaysOriginal仍然是一件好事。谢谢！我要试一试。我尝试了“包含2个图像、标签和一个按钮解决方案的视图”。这种方法会带来快乐和悲伤的后果。它可以很好地按照您建议的使用UIButton。这就解决了它周围的所有问题，当点击它时，它的行为不好。followin