Question

我希望我的图像视图直接位于文本视图的右侧。我可以通过在TextView的属性中设置 toLeftOf 来完成此操作。但是对于非常长的文本字符串，我设置了椭圆，当它到达布局的宽度后，它也会将ImageView推开。

我可以通过将TextView的引力设置为1来显示 ImageView ，但是ImageView会锚定在右侧。我该怎么办？

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

    <TextView
        android:id="@+id/title_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ellipsize="end"
        android:maxLines="1"
        android:layout_weight="1"
        android:text="MY TEXT TO THE LEFT"
        android:layout_toLeftOf="@id/img_button" />

    <ImageButton
        android:id="@+id/img_button"
        android:layout_width="22dp"
        android:layout_height="22dp"
        android:layout_marginLeft="4dp"
        android:layout_marginTop="6dp"
        android:background="@drawable/some_img"        
        app:srcCompat="@drawable/ic_edit" />

</LinearLayout>

因此，将w /设置weight = 1可以将图像拥抱到最右边，我需要它始终是动态的并且始终位于textview的右侧，然后当textview的宽度变得比父级，以免图像被推离屏幕。

Answer 1

您可以使用constraintLayout并将textView宽度设置为0dp（也称为match constraint）。

如果文本太多，结果将导致textView删除一行。

这里是一个例子：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="match_parent">


    <ImageView
        android:id="@+id/textView8"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="8dp"
        android:background="@android:color/holo_green_light"
        android:padding="10dp"
        android:text="something"
        android:textColor="@color/colorAccent"
        app:layout_constraintBottom_toBottomOf="@+id/textView10"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/guideline3"
        app:layout_constraintTop_toTopOf="@+id/textView10" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
       app:layout_constraintGuide_percent="0.5" />

    <TextView
        android:id="@+id/textView10"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="8dp"
        android:text="this is really long text and it wont push the green image because of   android:layout_width attribute"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/guideline3"
        app:layout_constraintHorizontal_bias="0.496"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />


</androidx.constraintlayout.widget.ConstraintLayout>

它看起来像这样：

Answer 2

我在文本视图内部将 paddingRight 设置为图像按钮的大小，并在图像按钮上使用了 alignRight 。并将容器更改为 RelativeLayout。。它可以按预期工作！

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="left">

    <TextView
        android:id="@+id/title_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ellipsize="end"
        android:maxLines="1"
        android:paddingRight="22dp"
        android:text="MY TEXT TO THE LEFT"
        android:layout_toLeftOf="@id/img_button" />

    <ImageButton
        android:id="@+id/img_button"
        android:layout_width="22dp"
        android:layout_height="22dp"
        android:layout_marginLeft="4dp"
        android:layout_marginTop="6dp"
        android:layout_alignRight="@+id/title_view"
        android:background="@drawable/some_img"        
        app:srcCompat="@drawable/ic_edit" />

</RelativeLayout>

Answer 3

将LinearLayout与orientation="horizontal"属性一起使用。比为LinearLayout设置weight_sum = 100，而不是为TextView和ImageView设置public MainProfile(final String customerId, final CommProfile commProfile) { this(); this.customerId = customerId; this.commProfile = commProfile; commProfile.setMainProfile(this); }，只需根据需要设置weight属性即可。希望对您有所帮助。

如何不使用Long TextView将ImageView推离屏幕？

3 个答案: