[英]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.