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>

 

閱讀原文