Android与Xamarin.Android：如何设置按钮文本右侧紧跟图片

嘿，我完全明白你碰到的这个问题！你用SetCompoundDrawablesRelativeWithIntrinsicBounds设置的Drawable跑到按钮最右侧，而不是紧跟在文本后面，大概率是因为你的按钮宽度设成了match_parent，导致Compound Drawable对齐到了控件边缘，而不是文本末尾。下面给你两种靠谱的解决办法，不管是原生Android还是Xamarin.Android都适用：

方法一：调整按钮宽度+设置Drawable间距 #

这个方法适合按钮不需要占满父控件宽度的场景，让按钮宽度自适应内容，同时控制Drawable和文本的间距：

原生Android布局写法 #

直接在XML里配置：

<Button
    android:id="@+id/customBtn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="操作按钮"
    android:drawableEnd="@drawable/ic_right_icon"
    android:drawablePadding="6dp" />

Xamarin.Android代码写法 #

如果是动态设置Drawable，代码里这么写：

// 假设Control是你的Button实例
Control.Text = "操作按钮";
// 设置右侧Drawable
Drawable drawable = Resources.GetDrawable(Resource.Drawable.ic_right_icon);
Control.SetCompoundDrawablesRelativeWithIntrinsicBounds(null, null, drawable, null);

// 设置Drawable与文本的间距（这里转成dp适配不同屏幕）
Control.CompoundDrawablePadding = (int)TypedValue.ApplyDimension(ComplexUnitType.Dip, 6, Resources.DisplayMetrics);

// 关键：让按钮宽度自适应内容，避免Drawable跑到控件最右侧
Control.LayoutParameters.Width = ViewGroup.LayoutParams.WrapContent;

方法二：用SpannableString将图片嵌入文本 #

如果你的按钮必须设置为match_parent宽度，这个方法绝对管用——它把图片直接作为文本的一部分，不管按钮多宽，图片都会紧紧跟在文本末尾：

Xamarin.Android代码示例 #

string btnText = "操作按钮";
// 加一个空格预留图片位置，避免和文本挤在一起
SpannableString spannableText = new SpannableString(btnText + " ");

// 获取要添加的Drawable并设置它的尺寸
Drawable icon = Resources.GetDrawable(Resource.Drawable.ic_right_icon);
icon.SetBounds(0, 0, icon.IntrinsicWidth, icon.IntrinsicHeight);

// 创建ImageSpan并绑定到SpannableString上
ImageSpan imageSpan = new ImageSpan(icon, ImageSpanAlign.Baseline);
// 将Span应用到预留的空格位置
spannableText.SetSpan(imageSpan, btnText.Length, btnText.Length + 1, SpanTypes.ExclusiveExclusive);

// 给按钮设置格式化后的文本
Control.TextFormatted = spannableText;

注意事项 #

• 如果用方法一，要确保父布局不会强制拉伸按钮（比如不要给父布局加layout_weight之类的属性）；
• 方法二中，你可以通过调整icon.SetBounds()的参数来控制图片的大小，让它和文本高度更匹配。

内容的提问来源于stack exchange，提问作者Libin Joseph