[英]Align ImageView to top right corner
我有一个彼此相邻的图像的RelativeLayout。 图像的数量将是可变的。
<RelativeLayout
android:id="@id/multipleImages"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:background="@drawable/border">
<ImageView
android:id="@+id/multi_image1"
android:layout_width="20dp"
android:layout_height="20dp"
android:scaleType="fitXY"
app:srcCompat="@drawable/imag1"/>
<ImageView
android:id="@+id/multi_image2"
android:layout_toRightOf="@+id/imag1"
android:layout_width="20dp"
android:layout_height="20dp"
android:scaleType="fitXY"
app:srcCompat="@drawable/imag2"/>
<ImageView
android:id="@+id/multi_image3"
android:layout_toRightOf="@+id/multi_image2"
android:layout_width="20dp"
android:layout_height="20dp"
android:scaleType="fitXY"
app:srcCompat="@drawable/imag3"/>
<ImageView
android:id="@+id/multi_image4"
android:layout_toRightOf="@+id/multi_image3"
android:layout_marginTop="2dp"
android:layout_width="20dp"
android:layout_height="20dp"
android:scaleType="fitXY"
app:srcCompat="@drawable/imag4"/>
</RelativeLayout>
我想将另一个图像(红色矩形)添加到略高于最后一个图像的右上角。 我试过 layout_alignParentEnd 但布局全宽。 设置负 layout_marginTop 图像会上升,但在相对布局之外消失。
创建一个新的相对布局作为根布局,并将图像视图放在原始相对布局之后
<RelativeLayout android:id="@id/multipleImages"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/border"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/multi_image1"
android:layout_width="20dp"
android:layout_height="20dp"
android:scaleType="fitXY"
app:srcCompat="@drawable/imag1"/>
<ImageView
android:id="@+id/multi_image2"
android:layout_toRightOf="@+id/imag1"
android:layout_width="20dp"
android:layout_height="20dp"
android:scaleType="fitXY"
app:srcCompat="@drawable/imag2"/>
<ImageView
android:id="@+id/multi_image3"
android:layout_toRightOf="@+id/multi_image2"
android:layout_width="20dp"
android:layout_height="20dp"
android:scaleType="fitXY"
app:srcCompat="@drawable/imag3"/>
<ImageView
android:id="@+id/multi_image4"
android:layout_toRightOf="@+id/multi_image3"
android:layout_marginTop="2dp"
android:layout_width="20dp"
android:layout_height="20dp"
android:scaleType="fitXY"
app:srcCompat="@drawable/imag4"/>
</RelativeLayout>
<ImageView
android:id="@+id/multi_image_last"
android:layout_alignParentEnd="true"
android:layout_alignParentTop="true"
android:layout_marginTop="2dp"
android:layout_width="20dp"
android:layout_height="20dp"
android:scaleType="fitXY"
app:srcCompat="@drawable/imag4"/>
</RelativeLayout>
尝试将 marginTop 添加到您的 RelativeLayout,这样当您向最后一张图片添加负边距时,它就不会消失
尝试这个 :
<?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">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_alignParentTop="true"
android:layout_alignParentRight="true"
android:background="#ff0000" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_marginTop="25dp"
android:layout_marginRight="25dp">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_marginRight="10dp"
android:background="#000000" />
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_marginRight="10dp"
android:background="#000000" />
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_marginRight="10dp"
android:background="#000000" />
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_marginRight="10dp"
android:background="#000000" />
</LinearLayout>
</RelativeLayout>
您可以根据您的要求更改保证金并获得所需的结果
我使用ConstraintLayout
而不是RelativeLayout
。 尝试使用我的答案:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/multipleImages"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:background="@drawable/border">
<ImageView
android:id="@+id/multi_image1"
android:layout_width="20dp"
android:layout_height="20dp"
android:scaleType="fitXY"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/imag" />
<ImageView
android:id="@+id/multi_image2"
android:layout_width="20dp"
android:layout_height="20dp"
android:scaleType="fitXY"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@+id/multi_image4"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/imag2" />
<ImageView
android:id="@+id/multi_image3"
android:layout_width="20dp"
android:layout_height="20dp"
android:scaleType="fitXY"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@+id/multi_image2"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/imag3" />
<ImageView
android:id="@+id/multi_image4"
android:layout_width="20dp"
android:layout_height="20dp"
android:scaleType="fitXY"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@+id/multi_image1"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/imag4" />
</android.support.constraint.ConstraintLayout>
使用这个 xml :
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="wrap_content"
android:layout_height="@dimen/dimension_40">
<LinearLayout
android:id="@+id/multipleImages"
android:layout_width="wrap_content"
android:gravity="center"
android:layout_gravity="bottom"
android:layout_height="wrap_content"
android:padding="@dimen/dimension_10"
android:background="@drawable/grey_border"
android:orientation="horizontal">
<ImageView
android:id="@+id/multi_image1"
android:layout_width="20dp"
android:layout_height="20dp"
android:scaleType="fitXY"
app:srcCompat="@drawable/ic_check_icon_blue" />
<ImageView
android:id="@+id/multi_image2"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_toRightOf="@+id/multi_image1"
android:scaleType="fitXY"
app:srcCompat="@drawable/ic_check_icon_blue" />
<ImageView
android:id="@+id/multi_image3"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_toRightOf="@+id/multi_image2"
android:scaleType="fitXY"
app:srcCompat="@drawable/ic_check_icon_blue" />
<ImageView
android:id="@+id/multi_image4"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_marginTop="2dp"
android:layout_toRightOf="@+id/multi_image3"
android:scaleType="fitXY"
app:srcCompat="@drawable/ic_check_icon_blue" />
</LinearLayout>
<ImageView
android:id="@+id/multi_image5"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_gravity="end|center_vertical"
android:layout_marginStart="@dimen/dimension_15"
android:layout_marginBottom="@dimen/dimension_10"
android:background="@drawable/notification_background"
/>
</FrameLayout>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.