Layout 和 Menu【转】

1、各种布局方式的演示
res/layout/main.xml
代码

Java代码

1. <?xml version="1.0" encoding="utf-8"?>   
2. <!--    
3. layout_width - 宽。fill_parent: 宽度跟着父元素走；wrap_content: 宽度跟着本身的内容走；直接指定一个 px 值来设置宽   
4. layout_height - 高。fill_parent: 高度跟着父元素走；wrap_content: 高度跟着本身的内容走；直接指定一个 px 值来设置高   
5. -->   
7. <!--   
8. LinearLayout - 线形布局。   
9.     orientation - 容器内元素的排列方式。vertical: 子元素们垂直排列；horizontal: 子元素们水平排列   
10.     gravity - 内容的排列形式。常用的有 top, bottom, left, right, center 等，详见文档   
11. -->   
12. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
13.     android:orientation="vertical" android:gravity="right"
14.     android:layout_width="fill_parent" android:layout_height="fill_parent">   
16.     <!--   
17.     FrameLayout - 层叠式布局。以左上角为起点，将  FrameLayout 内的元素一层覆盖一层地显示   
18.     -->   
19.     <FrameLayout android:layout_height="wrap_content"
20.         android:layout_width="fill_parent">   
21.         <TextView android:layout_width="wrap_content"
22.             android:layout_height="wrap_content" android:text="FrameLayout">   
23.         </TextView>   
24.         <TextView android:layout_width="wrap_content"
25.             android:layout_height="wrap_content" android:text="Frame Layout">   
26.         </TextView>   
27.     </FrameLayout>   
29.     <TextView android:layout_width="wrap_content"
30.         android:layout_height="wrap_content" android:text="@string/hello" />   
32.     <!--   
33.     TableLayout - 表格式布局。   
34.         TableRow - 表格内的行，行内每一个元素算作一列   
35.         collapseColumns - 设置 TableLayout 内的 TableRow 中需要隐藏的列的列索引，多个用“,”隔开   
36.         stretchColumns - 设置 TableLayout 内的 TableRow 中需要拉伸（该列会拉伸到所有可用空间）的列的列索引，多个用“,”隔开   
37.         shrinkColumns - 设置 TableLayout 内的 TableRow 中需要收缩（为了使其他列不会被挤到屏幕外，此列会自动收缩）的列的列索引，多个用“,”隔开   
38.     -->   
39.     <TableLayout android:id="@+id/TableLayout01"
40.         android:layout_width="fill_parent" android:layout_height="wrap_content"
41.         android:collapseColumns="1">   
42.         <TableRow android:id="@+id/TableRow01" android:layout_width="fill_parent"
43.             android:layout_height="wrap_content">   
44.             <TextView android:layout_width="wrap_content"
45.                 android:layout_weight="1" android:layout_height="wrap_content"
46.                 android:text="行1列1" />   
47.             <TextView android:layout_width="wrap_content"
48.                 android:layout_weight="1" android:layout_height="wrap_content"
49.                 android:text="行1列2" />   
50.             <TextView android:layout_width="wrap_content"
51.                 android:layout_weight="1" android:layout_height="wrap_content"
52.                 android:text="行1列3" />   
53.         </TableRow>   
54.         <TableRow android:id="@+id/TableRow01" android:layout_width="wrap_content"
55.             android:layout_height="wrap_content">   
56.             <TextView android:layout_width="wrap_content"
57.                 android:layout_height="wrap_content" android:text="行2列1" />   
58.         </TableRow>   
59.     </TableLayout>   
61.     <!--   
62. AbsoluteLayout - 绝对定位布局。   
63.         layout_x - x 坐标。以左上角为顶点   
64.         layout_y - y 坐标。以左上角为顶点   
65.     -->   
66.     <AbsoluteLayout android:layout_height="wrap_content"
67.         android:layout_width="fill_parent">   
68.         <TextView android:layout_width="wrap_content"
69.             android:layout_height="wrap_content" android:text="AbsoluteLayout"
70.             android:layout_x="100px"
71.             android:layout_y="100px" />   
72.     </AbsoluteLayout>   
74.     <!--   
75. RelativeLayout - 相对定位布局。   
76.         layout_centerInParent - 将当前元素放置到其容器内的水平方向和垂直方向的中央位置（类似的属性有 ：layout_centerHorizontal, layout_alignParentLeft 等）   
77.         layout_marginLeft - 设置当前元素相对于其容器的左侧边缘的距离   
78.         layout_below - 放置当前元素到指定的元素的下面   
79.         layout_alignRight - 当前元素与指定的元素右对齐   
80.     -->   
81.     <RelativeLayout android:id="@+id/RelativeLayout01"
82.         android:layout_width="fill_parent" android:layout_height="fill_parent">   
83.         <TextView android:layout_width="wrap_content" android:id="@+id/abc"
84.             android:layout_height="wrap_content" android:text="centerInParent=true"
85.             android:layout_centerInParent="true" />   
86.         <TextView android:layout_width="wrap_content"
87.             android:layout_height="wrap_content" android:text="marginLeft=20px"
88.             android:layout_marginLeft="20px" />   
89.         <TextView android:layout_width="wrap_content"
90.             android:layout_height="wrap_content" android:text="xxx"
91.             android:layout_below="@id/abc" android:layout_alignRight="@id/abc" />   
92.     </RelativeLayout>   
94. </LinearLayout>   
97. res/values/strings.xml    
98. <?xml version="1.0" encoding="utf-8"?>   
99. <resources>   
100.     <string name="hello">Hello Layout</string>   
101.     <string name="app_name">webabcd_layout</string>   
102. </resources>   
105. Main.java   
107. 代码    
108. package com.webabcd.layout;   
110. import android.app.Activity;   
111. import android.os.Bundle;   
113. public class Main extends Activity {   
114. /** Called when the activity is first created. */
115. @Override
116. public void onCreate(Bundle savedInstanceState) {   
117. super.onCreate(savedInstanceState);   
118.         setContentView(R.layout.main);   
119.     }   
120. }   

2、上下文菜单，选项菜单，子菜单  

1. res/layout/main.xml   
3. 代码    
4. <?xml version="1.0" encoding="utf-8"?>   
5. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
6.     android:orientation="vertical" android:layout_width="fill_parent"
7.     android:layout_height="fill_parent">   
9.     <TextView android:id="@+id/txt1" android:layout_width="fill_parent"
10.         android:layout_height="wrap_content" android:text="@string/hello_contextMenu" />   
12.     <TextView android:id="@+id/txt2" android:layout_width="fill_parent"
13.         android:layout_height="wrap_content" android:text="@string/hello_subMenu" />   
15. </LinearLayout>   
18. res/values/strings.xml   
20. 代码    
21. <?xml version="1.0" encoding="utf-8"?>   
22. <resources>   
23.     <string name="hello_contextMenu">Hello Context Menu</string>   
24.     <string name="hello_subMenu">Hello Context Sub Menu</string>   
25.     <string name="app_name">webabcd_menu</string>   
26. </resources>   
29. Main.java   
31. 代码    
32. package com.webabcd.menu;   
34. import android.app.Activity;   
35. import android.os.Bundle;   
36. import android.view.ContextMenu;   
37. import android.view.Menu;   
38. import android.view.MenuItem;   
39. import android.view.SubMenu;   
40. import android.view.View;   
41. import android.view.ContextMenu.ContextMenuInfo;   
42. import android.widget.TextView;   
43. import android.widget.Toast;   
45. // 演示两种菜单的实现方式：上下文菜单（通过在某元素上长按，来呼出菜单）和选项菜单（通过按手机上的菜单按钮，来呼出菜单）
46. public class Main extends Activity {   
47. /** Called when the activity is first created. */
48. @Override
49. public void onCreate(Bundle savedInstanceState) {   
50. super.onCreate(savedInstanceState);   
51.         setContentView(R.layout.main);   
53. // 为 R.id.txt1 注册一个上下文菜单（在此 TextView 上长按，则会呼出上下文菜单）
54. // 具体呼出的菜单内容需要重写 onCreateContextMenu 来创建
55.         TextView txt1 = (TextView) this.findViewById(R.id.txt1);   
56. this.registerForContextMenu(txt1);   
58. // 为 R.id.txt2 注册一个上下文菜单
59.         TextView txt2 = (TextView) this.findViewById(R.id.txt2);   
60. this.registerForContextMenu(txt2);   
61.     }   
63. // 重写 onCreateContextMenu 用以创建上下文菜单
64. // 重写 onContextItemSelected 用以响应上下文菜单
65. @Override
66. public void onCreateContextMenu(ContextMenu menu, View v,   
67.             ContextMenuInfo menuInfo) {   
68. super.onCreateContextMenu(menu, v, menuInfo);   
70. // 创建 R.id.txt1 的上下文菜单
71. if (v == (TextView) this.findViewById(R.id.txt1)) {   
73. // ContextMenu.setIcon() - 设置菜单的图标
74. // ContextMenu.setHeaderTitle() - 设置菜单的标题
75.             menu.setHeaderIcon(R.drawable.icon01);   
76.             menu.setHeaderTitle("我是菜单");   
78. // 用 ContextMenu.add() 来增加菜单项，返回值为 MenuItem
79. // 第一个参数：组ID
80. // 第二个参数：菜单项ID
81. // 第三个参数：顺序号
82. // 第四个参数：菜单项上显示的内容
83.             menu.add(1, 0, 0, "菜单1");   
85. // MenuItem - 新增菜单项后的返回类型，针对菜单项的其他设置在此对象上操作 
86.             menu.add(1, 1, 1, "菜单2").setCheckable(true);   
88.         }   
89. // 创建 R.id.txt2 的上下文菜单（多级上下文菜单）
90. else if (v == (TextView) this.findViewById(R.id.txt2)) {   
92. // ContextMenu.addSubMenu("菜单名称") - 用来添加子菜单。子菜单其实就是一个特殊的菜单
93.             SubMenu sub = menu.addSubMenu("父菜单1");   
94.             sub.setIcon(R.drawable.icon01);   
95.             sub.add(0, 0, 0, "菜单1");   
96.             sub.add(0, 1, 1, "菜单2");   
97.             sub.setGroupCheckable(1, true, true);   
99.             SubMenu sub2 = menu.addSubMenu("父菜单2");   
100.             sub2.setIcon(R.drawable.icon01);   
101.             sub2.add(1, 0, 0, "菜单3");   
102.             sub2.add(1, 1, 1, "菜单4");   
103.             sub2.setGroupCheckable(1, true, false);   
105.         }   
106.     }   
109. // 重写 onCreateOptionsMenu 用以创建选项菜单
110. @Override
111. public boolean onCreateOptionsMenu(Menu menu) {   
113.         MenuItem menuItem = menu.add(0, 0, 0, "菜单111111111111111111111");   
115. // MenuItem.setIcon() - 设置菜单项的图标
116. // MenuItem.setTitleCondensed() - 菜单的简标题，如果指定了简标题的话，菜单项上的标题将会以此简标题为准
117. // MenuItem.setAlphabeticShortcut() - 设置选中此菜单项的快捷键
118. // 注：菜单项超过 6 个的话，第 6 个菜单将会变为  More 菜单，多余的菜单会在单击 More 菜单之后显示出来
119.         menuItem.setIcon(R.drawable.icon01);   
120.         menuItem.setTitleCondensed("菜单1");   
121.         menuItem.setAlphabeticShortcut('a');   
123.         menu.add(0, 1, 1, "菜单2").setIcon(R.drawable.icon02);   
124.         menu.add(0, 2, 2, "菜单3").setIcon(R.drawable.icon03);   
125.         menu.add(0, 3, 3, "菜单4");   
126.         menu.add(0, 4, 4, "菜单5");   
127.         menu.add(0, 5, 5, "菜单6");   
128.         menu.add(0, 6, 6, "菜单7").setIcon(R.drawable.icon04);   
129.         menu.add(0, 7, 7, "菜单8").setIcon(R.drawable.icon05);   
131. return true;   
132.     }   
134. // 重写 onOptionsItemSelected 用以响应选项菜单
135. @Override
136. public boolean onOptionsItemSelected(MenuItem item) {   
137. super.onOptionsItemSelected(item);   
139.         Toast.makeText(Main.this, "被单击的菜单项为：" + String.valueOf(item.getItemId()), Toast.LENGTH_SHORT).show();   
141. return false;   
142.     }   
143. }