我怎样才能创建像图像中那样的布局？

Question

我想要像这样的图片但是当文本长度不相等时，TextViews 之间的距离会发生变化，当文字过多时会转到下一行。

我创建的 xml 布局代码是：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:padding="10dp"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

<LinearLayout
        
                android:padding="10dp"
                android:orientation="horizontal"
                android:minWidth="25px"
                android:minHeight="25px"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"                
                android:id="@+id/linearLayout1" >
                <TextView
                    android:textSize="12dp"
                    android:gravity="center_vertical |right"
                    android:drawableRight="@drawable/shape_rectangle"
                    android:drawablePadding="5dp"                    
                    android:layout_weight="33.66"
                    android:text=" text"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:id="@+id/textView3" />

                <TextView
                    android:textSize="12dp"
                    android:gravity="center_vertical |right"
                    android:drawableRight="@drawable/shape_rectangle"
                    android:drawablePadding="5dp"                    
                    android:layout_weight="33.66"
                    android:text="some text"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:id="@+id/textView2" />

                <TextView
                    android:textSize="12dp"
                    android:ellipsize="end"
                   android:gravity="center_vertical |right"
                    android:drawableRight="@drawable/shape_rectangle"
                    android:drawablePadding="5dp"                    
                    android:layout_weight="33.66"
                   android:text="some text with more word"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:id="@+id/textView1" />
        
            </LinearLayout>

            <View        
                android:background="#CCC"
                android:layout_width="match_parent"
                android:layout_height="2dp"/>

</LinearLayout>

我怎样才能使布局具有不同文本和所有屏幕尺寸的稳定外观？

Answer 1

您需要为所有 TextViews 设置 android:layout_width="match_parent"，如果所有权重都相同，您可以为每个人设置 1，重要的是比率，而不是数字本身。

<TextView
            ...
            android:singleLine="true"
            android:ellipsize="end"
            android:layout_weight="1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/textView1" />

编辑：将 android:singleLine 和 android:singleLineattribute 添加到答案以匹配问题标准。

Answer 2

您可以切换到 ConstraintLayout 并创建水平链 (https://developer.android.com/training/constraint-layout#constrain-chain)

我怎样才能创建像图像中那样的布局？

How can I create a layout like the one in the image?

layout

android