[英]Align ImageView to end to text in textView
我需要將 imageView 與 textView 的末尾對齊,兩者都限制在復選框的末尾。 我的代碼的問題是 imageView 總是出現在 Checkbox 的開頭,而不是 textView 中的文本結束的地方。 誰能幫忙
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:background="@color/white">
<TextView
android:id="@+id/tvMerchantTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/margin4"
android:layout_marginEnd="@dimen/margin8"
android:layout_marginStart="@dimen/margin16"
android:drawablePadding="@dimen/padding4"
android:ellipsize="middle"
android:maxWidth="@dimen/width200"
android:singleLine="true"
android:textSize="@dimen/textSize12"
app:layout_constraintBottom_toTopOf="@id/tvMerchantSubtitle"
app:layout_constraintEnd_toStartOf="@id/cbMerchantSelect"
app:layout_constraintHorizontal_bias="0"
app:layout_constraintStart_toEndOf="@id/ivMerchantLogo"
app:layout_constraintTop_toTopOf="@id/ivMerchantLogo" />
<androidx.appcompat.widget.AppCompatCheckBox
android:id="@+id/cbMerchantSelect"
android:layout_width="@dimen/width16"
android:layout_height="@dimen/height16"
android:layout_marginEnd="@dimen/margin16"
android:button="@drawable/ic_round_checkbox"
android:clickable="false"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
我正在使用 glide 將圖像設置為 textView end drawable -
Glide.with(this)
.load(url)
.into(object : CustomTarget<Drawable?>(
DisplayUtils.dpToPx(this.context, R.dimen.width30),
DisplayUtils.dpToPx(this.context, R.dimen.height20)
) {
override fun onLoadCleared(@Nullable placeholder: Drawable?) {}
override fun onResourceReady(
resource: Drawable,
transition: com.bumptech.glide.request.transition.Transition<in Drawable?>?
) {
mBinding.inPaymentMethod.tvMerchantTitle.setCompoundDrawablesWithIntrinsicBounds(
null,
null,
resource,
null
)
}
})
將app:layout_constraintStart_toEndOf="@+id/tvMerchantTitle"
添加到您的 ImageView
示例代碼:
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/white">
<TextView
android:id="@+id/tvMerchantTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="4dp"
android:layout_marginEnd="8dp"
android:layout_marginStart="16dp"
android:drawablePadding="4dp"
android:ellipsize="middle"
android:maxWidth="200dp"
android:singleLine="true"
android:textSize="12sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@id/ivMerchantLogo"
app:layout_constraintBottom_toBottomOf="@+id/ivMerchantLogo"
android:text="@string/app_name"/>
<ImageView
android:id="@+id/ivMerchantLogo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintStart_toEndOf="@+id/tvMerchantTitle"
app:layout_constraintTop_toTopOf="parent"/>
<androidx.appcompat.widget.AppCompatCheckBox
android:id="@+id/cbMerchantSelect"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="16dp"
android:clickable="false"
android:gravity="end"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@id/ivMerchantLogo"
app:layout_constraintBottom_toBottomOf="@+id/ivMerchantLogo" />
</androidx.constraintlayout.widget.ConstraintLayout>
上述代碼的 Output 如下所示:
如果Textview的文字太長,Textview和ImageView會在Checkbox的左邊如何使<ImageView的右邊>不在<Checkbox的左邊>不要使用ZE62B85E9C91FF5C83DZEBdrawableCright like below
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.