哪种布局GridLayout或TableLayout适用于Android中的此类UI

时间:2016-11-22 13:55:27

标签: android android-layout xamarin.android

enter image description here

我在Screenlayout.xml中编写了这个xml

<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content">
            <LinearLayout android:paddingLeft="10dp" android:layout_width="match_parent" android:background="@android:color/transparent" android:layout_height="50dp">
                <TextView android:layout_width="wrap_content" android:gravity="center_vertical"
                    android:layout_height="match_parent" android:text="Total (In USD)" android:textColor="#696969"/>
            </LinearLayout>
        </LinearLayout>
    <GridLayout android:orientation="horizontal" android:layout_width="match_parent"
        android:stretchMode="columnWidth" android:columnCount="2" android:rowCount="3"
            android:layout_height="50dp" android:background="#696969">
                 <LinearLayout  android:layout_margin="1dp" android:layout_row="0" android:layout_column="0"
                    android:background="#FFFFFF" android:orientation="vertical" android:layout_height="48dp" android:layout_width="wrap_content">
                    <TextView android:layout_width="wrap_content" android:gravity="center_vertical"
                    android:textSize="13dp" android:layout_height="wrap_content" android:text="Contract Amount" android:textColor="#9E9E9E"/>
                    <TextView android:layout_width="wrap_content" android:gravity="center_vertical"
                        android:layout_height="wrap_content" android:textStyle="bold" android:text="4523452345234" android:textColor="#696969"/>
                    </LinearLayout>
                 <LinearLayout android:layout_row="0" android:layout_column="1"
                     android:layout_margin="1dp" android:background="#FFFFFF" android:orientation="vertical" android:layout_height="48dp" android:layout_width="wrap_content">
                      <TextView android:layout_width="wrap_content" android:gravity="center_vertical"
                    android:textSize="13dp" android:layout_height="wrap_content" android:text="Actual Amount" android:textColor="#9E9E9E"/>
                    <TextView android:layout_width="wrap_content" android:gravity="center_vertical"
                        android:layout_height="wrap_content" android:textStyle="bold" android:text="45243" android:textColor="#696969"/>
                 </LinearLayout>
    </GridLayout>

enter image description here

但遗憾的是,这是它正在制作的UI。 实现这一目标的最佳选择是什么

2 个答案:

答案 0 :(得分:2)

您应该选择表格布局

答案 1 :(得分:0)

表布局通常用于这些类型的布局。

请参阅此问题。

https://www.tutorialspoint.com/android/android_table_layout.htm