如何创建在中心包含图标的小圆形按钮？

Question

我想在我的 android 应用程序中创建按钮，如下图所示

您可以看到下面的所有四个按钮。

我想给他们一个自定义颜色背景，然后在顶部添加一个图标。我无法调整按钮中心的图标。

怎样才能达到想要的效果？

Answer 1

您可以使用 FrameLayout 执行此操作，对于圆形背景，您需要创建一个可绘制形状的文件。请参考我的答案。

<FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/round_shape"
        android:clickable="true"
        android:focusable="true"
        android:visibility="visible"
        android:foreground="?android:attr/selectableItemBackground"
        android:padding="4dp">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_star_border_black_24dp"/>
    </FrameLayout>

round_shape.xml将此文件添加到drawable文件夹中

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

    <gradient
        android:angle="270"
        android:startColor="@color/profile_grey"
        android:endColor="@color/profile_grey"/>

</shape>

Answer 2

创建可绘制对象并将该可绘制对象用作按钮背景。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item>
    <shape android:shape="oval">
        <stroke android:color="#e1e1e1"
            android:width="0.5dp"/>
        <solid android:color="@android:color/white"/>
    </shape>
  </item>
</selector>

此代码创建一个白色背景的圆圈。