Question

我想在两个不同的视图前放置一个图像视图帮助我创建这个图像如下所示

Answer 1

下面是我创建的你想要的布局。

这是布局文件，你还需要一个drawable来制作imageview的边框。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/black">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true">

        <LinearLayout
            android:id="@+id/ll_image"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_above="@+id/ll_bottom"
            android:background="@android:color/white"
            android:orientation="horizontal"></LinearLayout>


        <LinearLayout
            android:id="@+id/ll_bottom"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:background="@color/colorAccent"
            android:paddingBottom="10dp"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:paddingTop="24dp">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="5dp"
                android:text="This is bottom layout."
                android:textAppearance="@style/Base.TextAppearance.AppCompat.Body2"
                android:textColor="@android:color/white" />
        </LinearLayout>

        <ImageView
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_alignTop="@+id/ll_image"
            android:layout_marginLeft="24dp"
            android:layout_marginTop="-30dp"
            android:background="@drawable/drawable_image_border"
            android:padding="10dp"
            android:src="@mipmap/ic_launcher" />
    </RelativeLayout>
</RelativeLayout>

可绘制文件

创建名为 drawable_image_border

的新drawable

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadius="0dp"
    android:shape="ring"
    android:thickness="50dp"
    android:useLevel="false">
    <solid android:color="@android:color/white" />
    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />
</shape>

将视图放在多个视图的前面

1 个答案: