如何在Xamarin Android应用中实现指定样式的自定义按钮背景？

嘿，我来帮你搞定这个按钮样式！从你给的示例来看，这个按钮应该是带圆角、柔和填充色还有轻微阴影的风格对吧？在Xamarin Android里，我们有几种简单的实现方式，我给你详细说说：

这种方式最灵活，样式还能重复使用，非常适合项目里的多个按钮统一风格。

1. 创建按钮背景的XML文件
   在你的项目Resources/drawable目录下新建一个文件，比如叫custom_button_bg.xml，把下面的代码放进去：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 圆角大小，你可以根据示例调整数值 -->
    <corners android:radius="8dp" />
    <!-- 按钮填充色，换成你示例里的柔和色调就行 -->
    <solid android:color="#4CAF50" />
    <!-- 内边距，保证文字和按钮边缘有合适的距离 -->
    <padding android:left="16dp" android:top="8dp" android:right="16dp" android:bottom="8dp" />
</shape>

如果想要更自然的阴影效果，可以用layer-list叠加阴影层：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 阴影层，颜色用半透明的黑色 -->
    <item>
        <shape android:shape="rectangle">
            <corners android:radius="8dp" />
            <solid android:color="#88000000" />
        </shape>
    </item>
    <!-- 按钮主体层，设置偏移量让阴影显示出来 -->
    <item android:bottom="2dp" android:right="2dp" android:left="0dp" android:top="0dp">
        <shape android:shape="rectangle">
            <corners android:radius="8dp" />
            <solid android:color="#4CAF50" />
            <padding android:left="16dp" android:top="8dp" android:right="16dp" android:bottom="8dp" />
        </shape>
    </item>
</layer-list>

2. 在布局里使用这个样式
   打开你的布局XML，给按钮设置刚才的背景，再加上elevation属性增强阴影（Android 5.0及以上支持）：

<Button
    android:id="@+id/customBtn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="自定义按钮"
    android:background="@drawable/custom_button_bg"
    android:elevation="4dp"
    android:textColor="#FFFFFF"
    android:textSize="16sp" />

如果需要在代码里生成这个样式的按钮，也可以这样做：

// 实例化按钮
var customButton = new Button(this);
customButton.Text = "动态按钮";
customButton.TextSize = 16;
customButton.SetTextColor(Color.White);

// 创建圆角背景
var shape = new GradientDrawable();
shape.SetShape(ShapeType.Rectangle);
shape.SetColor(Color.ParseColor("#4CAF50"));
// 把dp转成像素值，保证不同分辨率设备显示一致
shape.SetCornerRadius(8 * Resources.DisplayMetrics.Density);

// 设置内边距
int paddingHorizontal = (int)(16 * Resources.DisplayMetrics.Density);
int paddingVertical = (int)(8 * Resources.DisplayMetrics.Density);
customButton.SetPadding(paddingHorizontal, paddingVertical, paddingHorizontal, paddingVertical);

// 给Android 5.0+设备设置阴影
if (Build.VERSION.SdkInt >= BuildVersionCodes.Lollipop)
{
    customButton.Elevation = 4 * Resources.DisplayMetrics.Density;
}

// 把按钮添加到布局里
var mainLayout = FindViewById<LinearLayout>(Resource.Id.mainLayout);
mainLayout.AddView(customButton);

• 如果想要按钮按下时有状态变化，可以用selector来切换背景，比如按下时颜色加深：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <corners android:radius="8dp" />
            <solid android:color="#388E3C" />
            <padding android:left="16dp" android:top="8dp" android:right="16dp" android:bottom="8dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <corners android:radius="8dp" />
            <solid android:color="#4CAF50" />
            <padding android:left="16dp" android:top="8dp" android:right="16dp" android:bottom="8dp" />
        </shape>
    </item>
</selector>

• 建议用AppCompatButton代替原生Button，这样在低版本Android系统上也能保持样式一致，只需要把布局里的Button换成androidx.appcompat.widget.AppCompatButton就行。

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