如何在表格布局底部显示按钮？答案

【问题标题】：how to show buttons in bottom of the tablelayout?如何在表格布局底部显示按钮？
【发布时间】：2012-09-10 19:46:20
【问题描述】：

我已经下载了示例 tablelayout 源代码，它工作正常。我正在尝试在表格布局的底部显示四个图像按钮，但它仍然无法正常工作。

当前图片：

我试图在表格布局的底部显示这 4 个按钮：

这是我的代码：我希望将我的源代码合并到我的表格布局底部，请帮助我。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >

    <Button
        android:id="@+id/ttt3"
        android:layout_width="150dip"
        android:layout_height="40dip"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:background="@drawable/bt_blue" />

    <Button
        android:id="@+id/ttt2"
        android:layout_width="150dip"
        android:background="@drawable/bt_yellow"
        android:layout_height="40dip"
        android:layout_alignParentBottom="true"
        android:layout_marginRight="20dp"
        android:layout_toLeftOf="@+id/ttt3"
         />

    <Button
        android:id="@+id/ttt1"
        android:layout_width="150dip"
       android:background="@drawable/bt_green"
        android:layout_height="40dip"
        android:layout_alignParentBottom="true"
        android:layout_marginRight="20dp"
        android:layout_toLeftOf="@+id/ttt2"
         />

    <Button
        android:id="@+id/ttt0"
        android:layout_width="150dip"
        android:layout_height="40dip"
        android:background="@drawable/bt_red"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:gravity="bottom"
         />

</RelativeLayout>

表格代码：

<?xml version="1.0" encoding="utf-8"?>
<TableLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tableLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:shrinkColumns="*"
    android:stretchColumns="*">
    <TableRow
        android:id="@+id/tableRow4"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:gravity="center_horizontal">
        <TextView
            android:id="@+id/textView9"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textStyle="bold"
            android:typeface="serif"
            android:textSize="18dp"
            android:text="Weather Table"
            android:gravity="center"
            android:layout_span="6"></TextView>
    </TableRow>
    <TableRow
        android:id="@+id/tableRow1"
        android:layout_height="wrap_content"
        android:layout_width="match_parent">
        <TextView
            android:id="@+id/TextView04"
            android:text=""></TextView>
        <TextView
            android:id="@+id/TextView04"
            android:text="Feb 7"
            android:textStyle="bold"
            android:typeface="serif"></TextView>
        <TextView
            android:id="@+id/TextView03"
            android:text="Feb 8"
            android:textStyle="bold"
            android:typeface="serif"></TextView>
        <TextView
            android:id="@+id/TextView02"
            android:text="Feb 9"
            android:textStyle="bold"
            android:typeface="serif"></TextView>
        <TextView
            android:id="@+id/TextView01"
            android:text="Feb 10"
            android:textStyle="bold"
            android:typeface="serif"></TextView>
        <TextView
            android:text="Feb 11"
            android:id="@+id/textView1"
            android:textStyle="bold"
            android:typeface="serif"></TextView>
    </TableRow>
    <TableRow
        android:layout_height="wrap_content"
        android:id="@+id/tableRow2"
        android:layout_width="match_parent">
        <TextView
            android:text="Day High"
            android:id="@+id/textView2"
            android:textStyle="bold"></TextView>
        <TextView
            android:id="@+id/textView3"
            android:text="28°F"
            android:gravity="center_horizontal"></TextView>
        <TextView
            android:text="26°F"
            android:id="@+id/textView4"
            android:gravity="center_horizontal"></TextView>
        <TextView
            android:text="23°F"
            android:id="@+id/textView5"
            android:gravity="center_horizontal"></TextView>
        <TextView
            android:text="17°F"
            android:id="@+id/textView6"
            android:gravity="center_horizontal"></TextView>
        <TextView
            android:text="19°F"
            android:id="@+id/textView7"
            android:gravity="center_horizontal"></TextView>
    </TableRow>
    <TableRow
        android:layout_height="wrap_content"
        android:id="@+id/tableRow2"
        android:layout_width="match_parent">
        <TextView
            android:text="Day Low"
            android:id="@+id/textView2"
            android:textStyle="bold"></TextView>
        <TextView
            android:text="15°F"
            android:id="@+id/textView3"
            android:gravity="center_horizontal"></TextView>
        <TextView
            android:text="14°F"
            android:id="@+id/textView4"
            android:gravity="center_horizontal"></TextView>
        <TextView
            android:text="3°F"
            android:id="@+id/textView5"
            android:gravity="center_horizontal"></TextView>
        <TextView
            android:text="5°F"
            android:id="@+id/textView6"
            android:gravity="center_horizontal"></TextView>
        <TextView
            android:text="6°F"
            android:id="@+id/textView7"
            android:gravity="center_horizontal"></TextView>
    </TableRow>
    <TableRow
        android:id="@+id/tableRow3"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:gravity="center">
        <TextView
            android:id="@+id/textView8"
            android:text="Conditions"
            android:textStyle="bold"></TextView>
        <ImageView
            android:id="@+id/imageView1"
            android:src="@drawable/hot"></ImageView>
        <ImageView
            android:id="@+id/imageView2"
            android:src="@drawable/pt_cloud"></ImageView>
        <ImageView
            android:id="@+id/imageView3"
            android:src="@drawable/snow"></ImageView>
        <ImageView
            android:id="@+id/imageView4"
            android:src="@drawable/lt_snow"></ImageView>
        <ImageView
            android:id="@+id/imageView5"
            android:src="@drawable/pt_sun"></ImageView>
    </TableRow>
</TableLayout>

【问题讨论】：

你想要屏幕底部的按钮吗？
请看我期待的屏幕截图。我正在尝试创建相同的设计我知道表格设计但底部的 4 个按钮设计如何合并到表格布局的底部？
@RBalaji，屏幕底部和表格底部布局有区别。假设表格布局只占屏幕的一半，按钮应该在哪里？在屏幕底部还是表格布局的末尾？

标签： android tablelayout ui-design

【解决方案1】：

如果您希望它出现在屏幕按钮上，只需将表格包裹在 LinearLayout 中即可。表格完成后，您可以通过复制粘贴或使用

添加您的相对布局

【讨论】：

【解决方案2】：

如果您想将按钮放在屏幕底部，您可以进行如下设置：

<RelativeLayout>
    <RelativeLayout layout_alignParentBottom="true" android:id="buttons">
        <!-- your buttons go here -->
    </RelativeLayout>

    <TableLayout layout_height="match_parent" layout_above="buttons">
        <!-- your table content -->
    </TableLayout>
</RelativeLayout>

请注意，这是伪代码。您将需要在 XML 元素上实际指定所有必需的属性。

【讨论】：

【解决方案3】：

如果您希望将按钮放置在屏幕底部，请将线性布局替换为相对布局并将按钮放置在其中。

    <RelativeLayout>
        <RelativeLayout 
    layout_alignParentBottom="true" >
           <!-- Your Button is to be placed here -->
        </RelativeLayout>
    </TableLayout>
//Your table contents
    </TableLayout>
    </RelativeLayout>

【讨论】：

【解决方案4】：

您可以使用相对布局和放置布局权重来实现。这是一个例子

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/app_background"
    android:orientation="horizontal"
    android:padding="10dip"
    android:id="@+id/biometric_layout">



<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"    
    android:layout_marginTop="1dp" 
    android:layout_below="@+id/trans_Heading"
    android:id="@+id/headingRow"
    >   

 <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"    
    android:weightSum="100"    
    >

 <ScrollView
        android:id="@+id/scrollViewDialog"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fillViewport="true"
        android:isScrollContainer="false" 
        android:layout_gravity="center"
        android:orientation="vertical"
        android:layout_weight = "70"
        > 

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        >
       <ImageView
                android:id="@+id/ibTermsConditions"
                android:layout_width="match_parent"
                android:layout_height="match_parent" 
                android:src="@drawable/bio_finger_scan_image" 
                />       
    </LinearLayout> 
  </ScrollView>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" 
        android:layout_weight = "30"
        >

    <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"            
            android:layout_marginTop="15dp"
            android:gravity="center"
            android:orientation="horizontal"
            >
    <Button
        android:id="@+id/btBack"
        android:layout_width="wrap_content"
        android:layout_height="25dp"
        android:text="Back"        
        android:textSize="15sp" />

     <Button
        android:id="@+id/btNext"
        android:layout_width="wrap_content"
        android:layout_height="25dp"        
        android:text="Next>"
        android:textColor="#ffffff"
        android:textSize="15sp" />

      <Button
        android:id="@+id/btCancel"
        android:layout_width="wrap_content"
        android:layout_height="25dp"
        android:text="Cancel"
        android:textColor="#ffffff"
        android:textSize="15sp" />
     </LinearLayout>

    </LinearLayout>     

    </LinearLayout>
   </LinearLayout>

</RelativeLayout>

【讨论】：