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

Question

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

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

任何人都可以建议我解决这个问题.

Answer 1

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

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);