xamarin - 在 Xamarin IOS 中显示带有文本和图像的按钮

Question

我想在 Xamarin IOS 中设计一个自定义按钮来显示文本和图像。 请找到下面的图片。

您可以在上图中找到文本和向下箭头符号。 向下箭头符号应始终显示在文本之后。按钮文本是动态的。

有人可以建议我解决这个问题吗？

Answer 1

您想要使用 UIButton 的 TitleEdgeInsets 和 ImageEdgeInsets 属性来控制文本和图像的插入开始位置:

button.TitleEdgeInsets = new UIEdgeInsets(0, -button.ImageView.Frame.Size.Width, 0, button.ImageView.Frame.Size.Width);
button.ImageEdgeInsets = new UIEdgeInsets(0, button.TitleLabel.Frame.Size.Width, 0, -button.TitleLabel.Frame.Size.Width);

完整示例:

<小时/>

    button = new UIButton(UIButtonType.System);
    button.Frame = new CGRect(150, 20, 200, 50);
    button.Layer.CornerRadius = 5;
    button.BackgroundColor = UIColor.Black;
    button.SetTitleColor(UIColor.White, UIControlState.Normal);
    button.SetImage(UIImage.FromFile("ratingstar.png"), UIControlState.Normal);
    button.SetTitle("StackOverflow", UIControlState.Normal);
    button.TitleEdgeInsets = new UIEdgeInsets(0, -button.ImageView.Frame.Size.Width, 0, button.ImageView.Frame.Size.Width);
    button.ImageEdgeInsets = new UIEdgeInsets(0, button.TitleLabel.Frame.Size.Width, 0, -button.TitleLabel.Frame.Size.Width);

<小时/>