【个人总结】Android几种常用布局的总结

痛定思痛。 2022-01-11 00:49 229阅读 0赞

1、线性布局（LinearLayout）：框架内的元素在横向或纵向呈线性排布。该框架可通过orientation控制现线性方向，通过layout\_weight控制一行中各个元素的比例。一个LinearLayout元素就是一行或一列（看orientation决定）。

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> 
    <div>
      12 
    </div> 
    <div>
      13 
    </div> 
    <div>
      14 
    </div> 
    <div>
      15 
    </div> 
    <div>
      16 
    </div> 
    <div>
      17 
    </div> 
    <div>
      18 
    </div> 
    <div>
      19 
    </div> 
    <div>
      20 
    </div> 
    <div>
      21 
    </div> 
    <div>
      22 
    </div> 
    <div>
      23 
    </div> 
    <div>
      24 
    </div> 
    <div>
      25 
    </div> 
    <div>
      26 
    </div> 
    <div>
      27 
    </div> 
    <div>
      28 
    </div> 
    <div>
      29 
    </div> 
    <div>
      30 
    </div> 
    <div>
      31 
    </div> 
    <div>
      32 
    </div> 
    <div>
      33 
    </div> 
    <div>
      34 
    </div> 
    <div>
      35 
    </div> 
    <div>
      36 
    </div> 
    <div>
      37 
    </div> 
    <div>
      38 
    </div> 
    <div>
      39 
    </div> 
    <div>
      40 
    </div> 
    <div>
      41 
    </div> 
    <div>
      42 
    </div> 
    <div>
      43 
    </div> 
    <div>
      44 
    </div> 
    <div>
      45 
    </div> 
    <div>
      46 
    </div> 
    <div>
      47 
    </div> 
    <div>
      48 
    </div> 
    <div>
      49 
    </div> 
    <div>
      50 
    </div> 
    <div>
      51 
    </div> 
    <div>
      52 
    </div> 
    <div>
      53 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>&lt;</code> 
      <code>LinearLayout</code> 
      <code>xmlns:android</code> 
      <code>=</code> 
      <code>"<a href="http://schemas.android.com/apk/res/android" rel="nofollow">http://schemas.android.com/apk/res/android</a>"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>xmlns:tools</code> 
      <code>=</code> 
      <code>"<a href="http://schemas.android.com/tools" rel="nofollow">http://schemas.android.com/tools</a>"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"match_parent"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"match_parent"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:paddingBottom</code> 
      <code>=</code> 
      <code>"@dimen/activity_vertical_margin"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:paddingLeft</code> 
      <code>=</code> 
      <code>"@dimen/activity_horizontal_margin"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:paddingRight</code> 
      <code>=</code> 
      <code>"@dimen/activity_horizontal_margin"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:paddingTop</code> 
      <code>=</code> 
      <code>"@dimen/activity_vertical_margin"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:orientation</code> 
      <code>=</code> 
      <code>"horizontal"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>tools:context</code> 
      <code>=</code> 
      <code>".LinearLayoutActivity"</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>LinearLayout</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"100dp"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_weight</code> 
      <code>=</code> 
      <code>"3"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:background</code> 
      <code>=</code> 
      <code>"#ff0000"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:orientation</code> 
      <code>=</code> 
      <code>"vertical"</code> 
      <code>&gt;" </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>TextView</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"match_parent"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:text</code> 
      <code>=</code> 
      <code>"@string/hello_world"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:background</code> 
      <code>=</code> 
      <code>"#00ff00"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>TextView</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"match_parent"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:text</code> 
      <code>=</code> 
      <code>"@string/hello_world"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:background</code> 
      <code>=</code> 
      <code>"#0000ff"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;/</code> 
      <code>LinearLayout</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>LinearLayout</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"100dp"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_weight</code> 
      <code>=</code> 
      <code>"1"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:background</code> 
      <code>=</code> 
      <code>"#00ff00"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:orientation</code> 
      <code>=</code> 
      <code>"vertical"</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>TextView</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"match_parent"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:text</code> 
      <code>=</code> 
      <code>"@string/hello_world"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:background</code> 
      <code>=</code> 
      <code>"#ff0000"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>TextView</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"match_parent"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:text</code> 
      <code>=</code> 
      <code>"@string/hello_world"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:background</code> 
      <code>=</code> 
      <code>"#0000ff"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;/</code> 
      <code>LinearLayout</code> 
      <code>&gt;" </code> 
     </div> 
     <div> 
      <code>&lt;/</code> 
      <code>LinearLayout</code> 
      <code>&gt;</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

2、框架布局（FrameLayout）：该框架是一个层叠的布局，放上去的元素是呈一层一层分布的，主要用来放置需要重叠的元素，比如图片等。

3、相对布局（RelativeLayout）：最常用的一种布局，可根据控制元素与元素的相对距离，相对比较灵活，一般要决定一个元素的距离，需要两个相对位置才能比较准确确定，就跟两点坐标确定一个距离位置是一个道理。控制相对位置的属性有很多，常用的有toLeftOf，toRightOf，above，below，alignLeft，alignRight，alignTop，alignBottom等等。

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> 
    <div>
      12 
    </div> 
    <div>
      13 
    </div> 
    <div>
      14 
    </div> 
    <div>
      15 
    </div> 
    <div>
      16 
    </div> 
    <div>
      17 
    </div> 
    <div>
      18 
    </div> 
    <div>
      19 
    </div> 
    <div>
      20 
    </div> 
    <div>
      21 
    </div> 
    <div>
      22 
    </div> 
    <div>
      23 
    </div> 
    <div>
      24 
    </div> 
    <div>
      25 
    </div> 
    <div>
      26 
    </div> 
    <div>
      27 
    </div> 
    <div>
      28 
    </div> 
    <div>
      29 
    </div> 
    <div>
      30 
    </div> 
    <div>
      31 
    </div> 
    <div>
      32 
    </div> 
    <div>
      33 
    </div> 
    <div>
      34 
    </div> 
    <div>
      35 
    </div> 
    <div>
      36 
    </div> 
    <div>
      37 
    </div> 
    <div>
      38 
    </div> 
    <div>
      39 
    </div> 
    <div>
      40 
    </div> 
    <div>
      41 
    </div> 
    <div>
      42 
    </div> 
    <div>
      43 
    </div> 
    <div>
      44 
    </div> 
    <div>
      45 
    </div> 
    <div>
      46 
    </div> 
    <div>
      47 
    </div> 
    <div>
      48 
    </div> 
    <div>
      49 
    </div> 
    <div>
      50 
    </div> 
    <div>
      51 
    </div> 
    <div>
      52 
    </div> 
    <div>
      53 
    </div> 
    <div>
      54 
    </div> 
    <div>
      55 
    </div> 
    <div>
      56 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>&lt;</code> 
      <code>RelativeLayout</code> 
      <code>xmlns:android</code> 
      <code>=</code> 
      <code>"<a href="http://schemas.android.com/apk/res/android" rel="nofollow">http://schemas.android.com/apk/res/android</a>"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>xmlns:tools</code> 
      <code>=</code> 
      <code>"<a href="http://schemas.android.com/tools" rel="nofollow">http://schemas.android.com/tools</a>"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"match_parent"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"match_parent"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:paddingBottom</code> 
      <code>=</code> 
      <code>"@dimen/activity_vertical_margin"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:paddingLeft</code> 
      <code>=</code> 
      <code>"@dimen/activity_horizontal_margin"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:paddingRight</code> 
      <code>=</code> 
      <code>"@dimen/activity_horizontal_margin"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:paddingTop</code> 
      <code>=</code> 
      <code>"@dimen/activity_vertical_margin"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>tools:context</code> 
      <code>=</code> 
      <code>".MainActivity"</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>Button</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:id</code> 
      <code>=</code> 
      <code>"@+id/button1"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:text</code> 
      <code>=</code> 
      <code>"button1"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>Button</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:id</code> 
      <code>=</code> 
      <code>"@+id/button2"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_alignBottom</code> 
      <code>=</code> 
      <code>"@id/button1"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_toRightOf</code> 
      <code>=</code> 
      <code>"@id/button1"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:text</code> 
      <code>=</code> 
      <code>"button2"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>Button</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:id</code> 
      <code>=</code> 
      <code>"@+id/button3"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_alignBottom</code> 
      <code>=</code> 
      <code>"@id/button2"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_toRightOf</code> 
      <code>=</code> 
      <code>"@id/button2"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:text</code> 
      <code>=</code> 
      <code>"button3"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>Button</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:id</code> 
      <code>=</code> 
      <code>"@+id/button4"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_alignLeft</code> 
      <code>=</code> 
      <code>"@id/button1"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_below</code> 
      <code>=</code> 
      <code>"@id/button1"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:text</code> 
      <code>=</code> 
      <code>"button4"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>Button</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:id</code> 
      <code>=</code> 
      <code>"@+id/button5"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_alignBottom</code> 
      <code>=</code> 
      <code>"@id/button4"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_toRightOf</code> 
      <code>=</code> 
      <code>"@id/button4"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:text</code> 
      <code>=</code> 
      <code>"button5"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>Button</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:id</code> 
      <code>=</code> 
      <code>"@+id/button6"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_alignBottom</code> 
      <code>=</code> 
      <code>"@id/button5"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_toRightOf</code> 
      <code>=</code> 
      <code>"@id/button5"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:text</code> 
      <code>=</code> 
      <code>"button6"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code>&lt;/</code> 
      <code>RelativeLayout</code> 
      <code>&gt;</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

4、表格布局（TableLayout）: 该布局是继承了线性布局，可控制多行多列，可控制行是否可隐藏，是否可伸缩。StretchColumn表示可伸展列，元素不够列宽度自动伸展补齐，ShrinkColumn表示可收缩列，元素不够或超出列宽度会自动收缩，CollapseColumn表示可隐藏列。可通过这几个属性控制有几列，然后加入子标签<TableRow>添加行，几个<TableRow>表示几行。

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> 
    <div>
      10 
    </div> 
    <div>
      11 
    </div> 
    <div>
      12 
    </div> 
    <div>
      13 
    </div> 
    <div>
      14 
    </div> 
    <div>
      15 
    </div> 
    <div>
      16 
    </div> 
    <div>
      17 
    </div> 
    <div>
      18 
    </div> 
    <div>
      19 
    </div> 
    <div>
      20 
    </div> 
    <div>
      21 
    </div> 
    <div>
      22 
    </div> 
    <div>
      23 
    </div> 
    <div>
      24 
    </div> 
    <div>
      25 
    </div> 
    <div>
      26 
    </div> 
    <div>
      27 
    </div> 
    <div>
      28 
    </div> 
    <div>
      29 
    </div> 
    <div>
      30 
    </div> 
    <div>
      31 
    </div> 
    <div>
      32 
    </div> 
    <div>
      33 
    </div> 
    <div>
      34 
    </div> 
    <div>
      35 
    </div> 
    <div>
      36 
    </div> 
    <div>
      37 
    </div> 
    <div>
      38 
    </div> 
    <div>
      39 
    </div> 
    <div>
      40 
    </div> 
    <div>
      41 
    </div> 
    <div>
      42 
    </div> 
    <div>
      43 
    </div> 
    <div>
      44 
    </div> 
    <div>
      45 
    </div> 
    <div>
      46 
    </div> 
    <div>
      47 
    </div> 
    <div>
      48 
    </div> 
    <div>
      49 
    </div> 
    <div>
      50 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>&lt;</code> 
      <code>TableLayout</code> 
      <code>xmlns:android</code> 
      <code>=</code> 
      <code>"<a href="http://schemas.android.com/apk/res/android" rel="nofollow">http://schemas.android.com/apk/res/android</a>"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>xmlns:tools</code> 
      <code>=</code> 
      <code>"<a href="http://schemas.android.com/tools" rel="nofollow">http://schemas.android.com/tools</a>"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"match_parent"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"match_parent"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:stretchColumns</code> 
      <code>=</code> 
      <code>"0,1,2"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:paddingBottom</code> 
      <code>=</code> 
      <code>"@dimen/activity_vertical_margin"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:paddingLeft</code> 
      <code>=</code> 
      <code>"@dimen/activity_horizontal_margin"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:paddingRight</code> 
      <code>=</code> 
      <code>"@dimen/activity_horizontal_margin"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:paddingTop</code> 
      <code>=</code> 
      <code>"@dimen/activity_vertical_margin"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>tools:context</code> 
      <code>=</code> 
      <code>".MainActivity"</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;!-- 应为该布局采用的是stretchColumn伸展列，所以如果每列的元素宽度不够会自动延伸使之充满每列的宽度 --&gt;</code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>TableRow</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:id</code> 
      <code>=</code> 
      <code>"@+id/tr1"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"match_parent"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"match_parent"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:background</code> 
      <code>=</code> 
      <code>"#234875"</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>Button</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:id</code> 
      <code>=</code> 
      <code>"@+id/button1"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:text</code> 
      <code>=</code> 
      <code>"1"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>Button</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:id</code> 
      <code>=</code> 
      <code>"@+id/button2"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:text</code> 
      <code>=</code> 
      <code>"2"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>Button</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:id</code> 
      <code>=</code> 
      <code>"@+id/button3"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:text</code> 
      <code>=</code> 
      <code>"3"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;/</code> 
      <code>TableRow</code> 
      <code>&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;!-- 没定义TableRow来控制每一行则会把该元素当做是一整行的内容 --&gt;</code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>Button</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:id</code> 
      <code>=</code> 
      <code>"@+id/button4"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:text</code> 
      <code>=</code> 
      <code>"4"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code></code> 
     </div> 
     <div> 
      <code></code> 
      <code>&lt;</code> 
      <code>Button</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:id</code> 
      <code>=</code> 
      <code>"@+id/button5"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_width</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:layout_height</code> 
      <code>=</code> 
      <code>"wrap_content"</code> 
     </div> 
     <div> 
      <code></code> 
      <code>android:text</code> 
      <code>=</code> 
      <code>"4"</code> 
      <code>/&gt; </code> 
     </div> 
     <div> 
      <code>&lt;/</code> 
      <code>TableLayout</code> 
      <code>&gt;</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

转载于:https://blog.51cto.com/cthhqu/1269897