Question

我正在使用Android XML设计，我希望合并这样的两个图像。我使用了帧布局，但它合并了两个图像。我不知道如何制作这个设计。

这是我的代码：

  <FrameLayout
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="wrap_content">
                    <ImageView

                        android:layout_width="wrap_content"

                        android:layout_height="wrap_content"
                        android:src="@drawable/rsz_ic_db_trash"
                        android:layout_alignParentTop="true"
                        android:layout_toLeftOf="@+id/save_btn"
                        android:layout_toStartOf="@+id/save_btn"
                        />
                    <ImageView

                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/rsz_ic_db_red_bubble"
                        android:layout_alignParentTop="true"
                        android:layout_toLeftOf="@+id/save_btn"
                        android:layout_toStartOf="@+id/save_btn"
                        />
                </FrameLayout>

Answer 1

您需要做的是使用FrameLayout。

棘手的部分是找到完美的边距和图像尺寸。

在这里，我为15dp图片使用了bigger的余量。

<FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">


        <ImageView
            android:layout_marginLeft="12dp"
            android:layout_marginTop="15dp"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:src="#900"
            />

        <ImageView
            android:layout_width="60dp"
            android:layout_height="60dp"
            android:src="#090"
            />


</FrameLayout>

结果：

Answer 2

这是我的代码，它适用于我，我希望它也适合你。

  <FrameLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerHorizontal="true">
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/rsz_ic_db_trash"
                        android:layout_gravity="center"
                        />
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/rsz_ic_db_red_bubble"
                        />
                </FrameLayout>

如何在Android XML中组合两个图像

2 个答案: