背景有两种颜色的布局，背景中两种颜色之间放置的圆形图像和圆形图像上的边框

Question

我对 Android Studio 还是很陌生，布局仍然令人困惑.. SwiftUI 只有 3 个堆栈可以使这种方式更容易。无论如何，我将附上一张图片，显示我正在努力实现的目标。我想要两种背景颜色，在背景中的两种颜色之间放置一个圆形图像，并为圆形图像添加边框。

Ex of what I am looking for

Answer 1

要做你想做的事，首先你必须在 drawable 资源文件夹中创建一个新的 xml 文件。为此，请单击 res > drawable。右键单击 drawable 并创建一个新的 xml 文件。给它一个名字，并在其中添加以下代码。

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

    <stroke android:color="#000000" android:width="2dp"/>

    <solid
        android:color="@color/colorPrimary"/>
</shape>

描边是轮廓，实心是椭圆的填充颜色。您可以修改颜色值。 然后在你想要一个像所示图片一样的按钮的布局中，添加

<ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:background="@drawable/circle_bg"
        android:src="@drawable/ic_baseline_image_24"/>

填充可以修改为您希望背景轮廓与图像的接近程度。 src 是您的图像。如果您希望按钮图像更大，请按住 command 或 control（取决于您是否使用 mac），然后单击您在源中放置的路径。

点击后，您应该看到以下内容：

如果图像看起来太小，请根据自己的喜好修改宽度和高度。