2015-04-17 18 views
4

我有一个包含多个表格行的表格布局,但有一个问题。Android Eclipse - 表格行按钮 - 格式问题

我想将两个标记为“0”的按钮合并为一个大按钮,并且仍然与格式样式齐平。

这里是一个屏幕:

enter image description here

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
tools:context="com.example.funkycalc.MainActivtiy\" > 

<TableLayout 
    android:id="@+id/tableLayout1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_centerHorizontal="true" 
    android:layout_marginBottom="66dp" > 

    <TableRow 
     android:id="@+id/tableRow1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <Button 
      android:id="@+id/button1" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="CLR" /> 

     <Button 
      android:id="@+id/button2" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" /> 

     <Button 
      android:id="@+id/button3" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" /> 

     <Button 
      android:id="@+id/button4" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="DEL" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <Button 
      android:id="@+id/button5" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="1" /> 

     <Button 
      android:id="@+id/button6" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="2" /> 

     <Button 
      android:id="@+id/button7" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="3" /> 

     <Button 
      android:id="@+id/button8" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="+" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <Button 
      android:id="@+id/button9" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="4" /> 

     <Button 
      android:id="@+id/button10" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="5" /> 

     <Button 
      android:id="@+id/button11" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="6" /> 

     <Button 
      android:id="@+id/button12" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="-" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow4" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <Button 
      android:id="@+id/button13" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="7" /> 

     <Button 
      android:id="@+id/button14" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="8" /> 

     <Button 
      android:id="@+id/button15" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="9" /> 

     <Button 
      android:id="@+id/button16" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="/" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow5" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <Button 
      android:id="@+id/button17" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="0" /> 

     <Button 
      android:id="@+id/button19" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="0" /> 

     <Button 
      android:id="@+id/button18" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="." /> 

     <Button 
      android:id="@+id/button20" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="x" /> 
    </TableRow> 
</TableLayout> 

<Button 
    android:id="@+id/button21" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignLeft="@+id/tableLayout1" 
    android:layout_alignParentBottom="true" 
    android:layout_alignRight="@+id/tableLayout1" 
    android:layout_marginBottom="19dp" 
    android:text="=" /> 

回答

0

地址:android:layout_span="2"您:

<Button 
android:id="@+id/button17" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="0" /> 

等你拿:

<Button 
android:id="@+id/button17" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="0" 
android:layout_span"2" /> //number of columns button spans over 

编辑:不要忘了删除您button19

+0

工作只是f恩,谢谢。 – zombetelgeuse

0

你应该在最后一排以下列方式使用跨度:

<TableRow 
      android:id="@+id/tableRow5" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" > 

     <Button 
       android:id="@+id/button17" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="0" 
       android:layout_span="2"/> 

     <Button 
       android:id="@+id/button18" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="." /> 

     <Button 
       android:id="@+id/button20" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="x" /> 
    </TableRow> 
0

人你一定要试试这个 enter image description here

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
tools:context="com.example.funkycalc.MainActivtiy\"> 

<TableLayout 
    android:id="@+id/tableLayout1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_centerHorizontal="true" 
    android:layout_marginBottom="66dp"> 

    <TableRow 
     android:id="@+id/tableRow1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"> 

     <Button 
      android:id="@+id/button1" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="CLR" /> 

     <Button 
      android:id="@+id/button2" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" /> 

     <Button 
      android:id="@+id/button3" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" /> 

     <Button 
      android:id="@+id/button4" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="DEL" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"> 

     <Button 
      android:id="@+id/button5" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="1" /> 

     <Button 
      android:id="@+id/button6" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="2" /> 

     <Button 
      android:id="@+id/button7" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="3" /> 

     <Button 
      android:id="@+id/button8" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="+" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"> 

     <Button 
      android:id="@+id/button9" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="4" /> 

     <Button 
      android:id="@+id/button10" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="5" /> 

     <Button 
      android:id="@+id/button11" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="6" /> 

     <Button 
      android:id="@+id/button12" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="-" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow4" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"> 

     <Button 
      android:id="@+id/button13" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="7" /> 

     <Button 
      android:id="@+id/button14" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="8" /> 

     <Button 
      android:id="@+id/button15" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="9" /> 

     <Button 
      android:id="@+id/button16" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="/" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow5" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"> 


     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="50"> 

      <Button 
       android:id="@+id/button17" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:text="0" /> 
     </LinearLayout> 


     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="50"> 

      <Button 
       android:id="@+id/button18" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="." /> 

      <Button 
       android:id="@+id/button20" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="x" /> 
     </LinearLayout> 


    </TableRow> 
</TableLayout> 

<Button 
    android:id="@+id/button21" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignLeft="@+id/tableLayout1" 
    android:layout_alignParentBottom="true" 
    android:layout_alignRight="@+id/tableLayout1" 
    android:layout_marginBottom="19dp" 
    android:text="=" /> 

</RelativeLayout> 
0

这里你去:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
tools:context="com.example.funkycalc.MainActivtiy\" > 

<TableLayout 
    android:id="@+id/tableLayout1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_centerHorizontal="true" 
    android:layout_marginBottom="66dp" > 

    <TableRow 
     android:id="@+id/tableRow1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <Button 
      android:id="@+id/button1" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="CLR" /> 

     <Button 
      android:id="@+id/button2" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" /> 

     <Button 
      android:id="@+id/button3" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" /> 

     <Button 
      android:id="@+id/button4" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="DEL" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <Button 
      android:id="@+id/button5" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="1" /> 

     <Button 
      android:id="@+id/button6" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="2" /> 

     <Button 
      android:id="@+id/button7" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="3" /> 

     <Button 
      android:id="@+id/button8" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="+" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <Button 
      android:id="@+id/button9" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="4" /> 

     <Button 
      android:id="@+id/button10" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="5" /> 

     <Button 
      android:id="@+id/button11" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="6" /> 

     <Button 
      android:id="@+id/button12" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="-" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow4" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <Button 
      android:id="@+id/button13" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="7" /> 

     <Button 
      android:id="@+id/button14" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="8" /> 

     <Button 
      android:id="@+id/button15" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="9" /> 

     <Button 
      android:id="@+id/button16" 
      style="?android:attr/buttonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="/" /> 
    </TableRow> 

    <TableRow 
     android:id="@+id/tableRow5" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" > 

     <Button 
      android:id="@+id/button17" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_span="2" 
      android:text="0" /> 

     <Button 
      android:id="@+id/button18" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="." /> 

     <Button 
      android:id="@+id/button20" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="x" /> 
    </TableRow> 
</TableLayout> 

<Button 
    android:id="@+id/button21" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignLeft="@+id/tableLayout1" 
    android:layout_alignParentBottom="true" 
    android:layout_alignRight="@+id/tableLayout1" 
    android:layout_marginBottom="19dp" 
    android:text="=" />