ios - Xamarin.Forms - iOS - 在 UIButton 上放置多个图像的自定义效果

Question

我正在使用带有自定义效果的 Xamarin.Forms(可移植项目)，我正在尝试在 iOS 上实现以下按钮布局:

___________________________________
|                                  |
||image2|    'Button 1'    |image2||
|__________________________________|

在 Android 中，它可以通过使用 button.SetCompoundDrawablesWithIntrinsicBounds(left, top, right, bottom) 来实现。其中参数是适当的 Android 可绘制对象。

现在我正在使用添加到 UIButton 的 subview ，但我正在努力实现上述行为。

button.AddSubView(leftImage);
button.AddSubView(rightImage);

有什么想法吗？

Answer 1

您可以添加多个 UIImageView 并将 UIButton 布局切片为图像和文本所需的任何分区，这里是三分之一:

public override void LayoutSubviews()
{
    var image1 = new UIImageView(new UIImage("btn_image.png"))
    {
        Frame = new CoreGraphics.CGRect(0, 0, Frame.Width / 3, Frame.Height)
    };
    Add(image1);
    var image2 = new UIImageView(new UIImage("btn_image.png"))
    {
        Frame = new CoreGraphics.CGRect((Frame.Width / 3) * 2, 0, Frame.Width / 3, Frame.Height)
    };
    Add(image2);
    base.LayoutSubviews();
}