Android XML中Button图标居中设置及Shape复用方案咨询

嘿，我来帮你搞定这两个Android布局问题：

一、把图标移到Button中心 #

你现在用android:drawableLeft把图标钉在了左侧，要让它居中，这里有两个实用方案：

方案1：用foreground属性（最推荐） #

既然你已经用android:background设置了按钮的背景图，那直接用foreground来放图标就很合适，再配合foregroundGravity让它精准居中：

<Button
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/imgbutton"
    android:layout_weight="1"
    android:layout_margin="10dp"
    android:fontFamily="cursive"
    android:textSize="30sp"
    android:foreground="@drawable/lock"
    android:foregroundGravity="center"
    <!-- 如果不需要显示文字，加个android:text=""就行 -->
/>

这个方法的好处是图标会稳稳地盖在背景上方，不管按钮怎么调整大小，都能保持居中。

方案2：调整gravity和drawable属性（适合带文字的场景） #

如果你的按钮需要显示文字，还想让图标和文字一起居中，那就这么改：

<Button
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/imgbutton"
    android:layout_weight="1"
    android:layout_margin="10dp"
    android:fontFamily="cursive"
    android:textSize="30sp"
    android:text="你的按钮文字"
    android:drawableTop="@drawable/lock" <!-- 把图标放在文字上方 -->
    android:gravity="center"
    android:drawablePadding="8dp" <!-- 可以调整图标和文字的间距 -->
/>

要是不需要文字，直接删掉android:text，gravity="center"会让图标自动居中（记得把drawableLeft换成drawableTop这类属性，不然图标还是会靠左）。

二、用Shape实现多按钮复用 #

先澄清个小误区：Shape本身不能直接设置图标，它是用来画按钮的背景样式（比如圆角、边框、渐变这些）的。不过我们可以结合Style和状态选择器，用Shape做统一的按钮背景，再让不同按钮复用这个样式，只改图标，就能实现高效复用啦。

步骤1：用Shape做带点击效果的背景（可选） #

在res/drawable文件夹下新建btn_common_bg.xml，写一个状态选择器，定义按钮正常和按下时的样式：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 按下时的背景 -->
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <solid android:color="#E0E0E0"/> <!-- 按下后的灰色 -->
            <corners android:radius="8dp"/> <!-- 圆角大小 -->
        </shape>
    </item>
    <!-- 正常状态的背景 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF"/> <!-- 白色背景 -->
            <corners android:radius="8dp"/>
            <stroke android:width="1dp" android:color="#CCCCCC"/> <!-- 灰色边框 -->
        </shape>
    </item>
</selector>

你可以根据自己的需求调整颜色、圆角这些参数。

步骤2：定义可复用的Button样式 #

打开res/values/styles.xml，加一个公共样式，把按钮的通用属性都放进去：

<style name="ReusableButton">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">match_parent</item>
    <item name="android:layout_weight">1</item>
    <item name="android:layout_margin">10dp</item>
    <item name="android:fontFamily">cursive</item>
    <item name="android:textSize">30sp</item>
    <item name="android:background">@drawable/btn_common_bg</item>
    <item name="android:foregroundGravity">center</item>
</style>

步骤3：快速创建多个复用按钮 #

现在你只需要在布局里引用这个样式，然后改个图标就行，不用重复写一堆属性：

<!-- 第一个按钮：锁图标 -->
<Button
    style="@style/ReusableButton"
    android:foreground="@drawable/lock"/>

<!-- 第二个按钮：解锁图标 -->
<Button
    style="@style/ReusableButton"
    android:foreground="@drawable/unlock"/>

以后要改按钮的样式（比如调整margin、圆角），只需要修改ReusableButton这个样式，所有按钮都会同步更新，超方便！

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