Question

我的活动布局如下所示。我想为布局内的图像视图添加另一个图像视图（右下角）。

如何在线性布局中添加相对于图像视图的黄色和红色图像视图？

或者将两个图像嵌入到相对布局/框架布局中并显示和隐藏它们是否容易？

谢谢和问候，

Answer 1

使用 FrameLayout ，您可以解决此问题

试试这个：

<?xml version="1.0" encoding="utf-8"?>
  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:font="http://schemas.android.com/apk/res-auto"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:background="@color/gray_ea"
   android:orientation="vertical">

 <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:orientation="horizontal">

    <FrameLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1">

        <ImageView
            android:background="@color/black"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@mipmap/ic_launcher" />

        <ImageView
            android:background="@color/white"
            android:layout_gravity="bottom|right"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher" />
    </FrameLayout>

    <ImageView
        android:background="@color/black"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:src="@mipmap/ic_launcher" />
 </LinearLayout>

 <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:orientation="horizontal">

    <ImageView
        android:background="@color/black"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:src="@mipmap/ic_launcher" />

    <FrameLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1">

        <ImageView
            android:background="@color/black"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@mipmap/ic_launcher" />

        <ImageView
            android:background="@color/white"
            android:layout_gravity="bottom|right"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher" />
    </FrameLayout>
 </LinearLayout>
 </LinearLayout>

Answer 2

尝试像这样使用框架布局

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

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

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:padding="10dp"
            app:srcCompat="@mipmap/ic_launcher"/>

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_gravity="bottom|right"
            app:srcCompat="@mipmap/ic_launcher_round"/>


    </FrameLayout>

    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:padding="10dp"
        app:srcCompat="@mipmap/ic_launcher"/>
</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/imageView4"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:padding="10dp"
        app:srcCompat="@mipmap/ic_launcher"/>

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

        <ImageView
            android:id="@+id/imageView5"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:padding="10dp"
            app:srcCompat="@mipmap/ic_launcher"/>

        <ImageView
            android:id="@+id/imageView6"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_gravity="bottom|right"
            app:srcCompat="@mipmap/ic_launcher_round"/>


    </FrameLayout>


</LinearLayout>

我使用了硬编码的高度宽度，您可以根据图像大小删除或更新它们

Answer 3

我认为你正在寻找这个。希望这会对你有所帮助。

    <RelativeLayout
        android:id="@+id/rr_main"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        android:paddingBottom="10dp"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:paddingTop="10dp">

        <ImageView
            android:id="@+id/img_profile_image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingRight="5dp"
            android:scaleType="center" />



        <de.hdodenhof.circleimageview.CircleImageView xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/img_edit_btn"
            android:layout_width="50dp"
            android:layout_height="35dp"
            android:layout_alignBottom="@+id/img_profile_image"
            android:layout_alignEnd="@+id/img_profile_image"
            android:layout_alignRight="@+id/img_profile_image"
            android:layerType="software"
            android:src="@mipmap/edit_thumb" />
    </RelativeLayout>

Answer 4

设置外部LinearLayout垂直的方向，并使用两个RelativeLayout。将imageViews放在RelativeLayouts中。只需添加android:layout_alignParentStart="true"和android:layout_alignParentEnd="true"即可。就这样。

在Android中以编程方式在另一个imageview上添加imageview？

4 个答案: