在imageview的右上角添加小按钮

时间:2018-03-14 06:52:47

标签: android xml android-layout imageview

目前我有这种布局:

https://imgur.com/a/Y2a67

这是此布局的代码:

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

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

                        <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
                            android:layout_width="fill_parent"
                            android:layout_height="fill_parent">
                        <LinearLayout
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:orientation="horizontal">

                            <ImageView
                                android:layout_width="match_parent"
                                android:layout_height="match_parent"
                                android:layout_margin="5dp"
                                android:src="@drawable/img_docu_placeholder"/>


                            <ImageView
                                android:layout_width="match_parent"
                                android:layout_height="match_parent"
                                android:layout_margin="5dp"
                                android:src="@drawable/img_docu_placeholder"/>
                            <ImageView
                                android:layout_width="match_parent"
                                android:layout_height="match_parent"
                                android:layout_margin="5dp"
                                android:src="@drawable/img_docu_placeholder"/>
                            <ImageView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                                android:layout_margin="5dp"
                            android:src="@drawable/img_docu_placeholder"/>
                            <ImageView
                                android:layout_width="match_parent"
                                android:layout_height="match_parent"
                                android:layout_margin="5dp"
                                android:src="@drawable/img_docu_placeholder"/>

                        </LinearLayout>
                        </FrameLayout>

                    </HorizontalScrollView>

我想要实现的目标是:

https://imgur.com/a/MYxkh

我需要添加额外的&#39; X&#39; imageview左上角的按钮

2 个答案:

答案 0 :(得分:0)

您可以使用FrameLayout。您的图标必须具有android:layout_gravity属性。

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

    <ImageView
        android:id="@+id/myImage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dip"
        android:src="@mipmap/ic_launcher"/>

    <ImageView
        android:id="@+id/imgX"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_gravity="top|left" //This line
        android:src="@mipmap/ic_launcher_round" />

</FrameLayout>

希望它有所帮助。

答案 1 :(得分:0)

试试这个:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="80dp"
android:layout_height="108dp"
android:background="#ffffff">

<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="8dp"
    android:background="#e6e6e6" />

<ImageView
    android:layout_width="16dp"
    android:layout_height="16dp"
    android:src="@drawable/ic_cancel_black" />

输出:

enter image description here

支持多种解决方案: