Android布局：宽度适应的横向跟随，防止挤掉重要视图

不知道这样的布局该怎么描述，标题也是乱取的。。直接上图吧

最近遇到了这样要求的布局：

1、上图中的“标题”长度不定，“状态”标签可能有多个并紧跟在标题右边，“属性”一直居右显示；

2、当“标题”过长，一行显示不下时，“标题”换行显示，但不能挤掉“状态”和“属性”。

 

刚开始用了LinearLayout和RelativeLayout的多层嵌套总算是强行实现，但是嵌套太深了，而且代码看着也相当复杂，所以修改为用TableLayout，利用shrinkColumns和stretchColumns保证跟随的视图不被挤掉。

 

当然还有一个问题没解决：固定居右的“属性”一直没能放进TableLayout里，尝试设置“属性”为 stretchColumns + match_parent + gravity: right，放到TableRow的最后，但是没有效果，所以这里才套了层RelativeLayout，如果有办法能把RelativeLayout这层都省去，麻烦大家告诉我下~

 

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

            <TableLayout
                android:id="@+id/table"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_toLeftOf="@+id/txvCreateTime"
                android:shrinkColumns="0"
                android:stretchColumns="1|2">

                <TableRow android:gravity="center_vertical">

                    <TextView
                        android:id="@+id/txvTitle"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:ellipsize="end"
                        android:maxLines="2"
                        android:text="居左居左居左居左居左居左"
                        android:textColor="@android:color/black"
                        android:textSize="@dimen/dimens_16_sp"
                        android:textStyle="bold" />

                    <TextView
                        android:id="@+id/txvState1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="@dimen/dimens_5_dp"
                        android:background="@drawable/layout_bg_orange"
                        android:paddingBottom="@dimen/dimens_2_dp"
                        android:paddingLeft="@dimen/dimens_5_dp"
                        android:paddingRight="@dimen/dimens_5_dp"
                        android:paddingTop="@dimen/dimens_2_dp"
                        android:singleLine="true"
                        android:text="跟随"
                        android:textColor="@android:color/white"
                        android:textSize="@dimen/dimens_12_sp" />

                    <TextView
                        android:id="@+id/txvState2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="@dimen/dimens_5_dp"
                        android:background="@drawable/layout_bg_orange"
                        android:paddingBottom="@dimen/dimens_2_dp"
                        android:paddingLeft="@dimen/dimens_5_dp"
                        android:paddingRight="@dimen/dimens_5_dp"
                        android:paddingTop="@dimen/dimens_2_dp"
                        android:singleLine="true"
                        android:text="跟随"
                        android:textColor="@android:color/white"
                        android:textSize="@dimen/dimens_12_sp" />
                </TableRow>
            </TableLayout>

            <TextView
                android:id="@+id/txvCreateTime"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:layout_marginLeft="@dimen/dimens_5_dp"
                android:gravity="center"
                android:text="居右"
                android:textColor="#999999"
                android:textSize="@dimen/dimens_14_sp" />
        </RelativeLayout>

 

阅读原文