[索引页]
[源码下载]


系出名门Android(2) - 布局(Layout)和菜单(Menu)

作者： webabcd


介绍
在 Android 中各种布局的应用，以及菜单效果的实现

• 各种布局方式的应用，FrameLayout, LinearLayout, TableLayout, AbsoluteLayout, RelativeLayout
• 为指定元素配置上下文菜单，为应用程序配置选项菜单，以及多级菜单的实现

1、各种布局方式的演示
res/layout/main.xml
代码 <? xmlversion="1.0"encoding="utf-8" ?>
<!--
layout_width-宽。fill_parent:宽度跟着父元素走；wrap_content:宽度跟着本身的内容走；直接指定一个px值来设置宽
layout_height-高。fill_parent:高度跟着父元素走；wrap_content:高度跟着本身的内容走；直接指定一个px值来设置高
-->

<!--
LinearLayout-线形布局。
orientation-容器内元素的排列方式。vertical:子元素们垂直排列；horizontal:子元素们水平排列
gravity-内容的排列形式。常用的有top,bottom,left,right,center等，详见文档
-->
< LinearLayout xmlns:android ="http://schemas.android.com/apk/res/android"
android:orientation ="vertical" android:gravity ="right"
android:layout_width ="fill_parent" android:layout_height ="fill_parent" >

<!--
FrameLayout-层叠式布局。以左上角为起点，将FrameLayout内的元素一层覆盖一层地显示
-->
< FrameLayout android:layout_height ="wrap_content"
android:layout_width ="fill_parent" >
< TextView android:layout_width ="wrap_content"
android:layout_height ="wrap_content" android:text ="FrameLayout" >
</ TextView >
< TextView android:layout_width ="wrap_content"
android:layout_height ="wrap_content" android:text ="FrameLayout" >
</ TextView >
</ FrameLayout >

< TextView android:layout_width ="wrap_content"
android:layout_height ="wrap_content" android:text ="@string/hello" />

<!--
TableLayout-表格式布局。
TableRow-表格内的行，行内每一个元素算作一列
collapseColumns-设置TableLayout内的TableRow中需要隐藏的列的列索引，多个用“,”隔开
stretchColumns-设置TableLayout内的TableRow中需要拉伸（该列会拉伸到所有可用空间）的列的列索引，多个用“,”隔开
shrinkColumns-设置TableLayout内的TableRow中需要收缩（为了使其他列不会被挤到屏幕外，此列会自动收缩）的列的列索引，多个用“,”隔开
-->
< TableLayout android:id ="@+id/TableLayout01"
android:layout_width ="fill_parent" android:layout_height ="wrap_content"
android:collapseColumns ="1" >
< TableRow android:id ="@+id/TableRow01" android:layout_width ="fill_parent"
android:layout_height ="wrap_content" >
< TextView android:layout_width ="wrap_content"
android:layout_weight ="1" android:layout_height ="wrap_content"
android:text ="行1列1" />
< TextView android:layout_width ="wrap_content"
android:layout_weight ="1" android:layout_height ="wrap_content"
android:text ="行1列2" />
< TextView android:layout_width ="wrap_content"
android:layout_weight ="1" android:layout_height ="wrap_content"
android:text ="行1列3" />
</ TableRow >
< TableRow android:id ="@+id/TableRow01" android:layout_width ="wrap_content"
android:layout_height ="wrap_content" >
< TextView android:layout_width ="wrap_content"
android:layout_height ="wrap_content" android:text ="行2列1" />
</ TableRow >
</ TableLayout >

<!--
AbsoluteLayout-绝对定位布局。
layout_x-x坐标。以左上角为顶点
layout_y-y坐标。以左上角为顶点
-->
< AbsoluteLayout android:layout_height ="wrap_content"
android:layout_width ="fill_parent" >
< TextView android:layout_width ="wrap_content"
android:layout_height ="wrap_content" android:text ="AbsoluteLayout"
android:layout_x ="100px"
android:layout_y ="100px" />
</ AbsoluteLayout >

<!--
RelativeLayout-相对定位布局。
layout_centerInParent-将当前元素放置到其容器内的水平方向和垂直方向的中央位置（类似的属性有：layout_centerHorizontal,layout_alignParentLeft等）
layout_marginLeft-设置当前元素相对于其容器的左侧边缘的距离
layout_below-放置当前元素到指定的元素的下面
layout_alignRight-当前元素与指定的元素右对齐
-->
< RelativeLayout android:id ="@+id/RelativeLayout01"
android:layout_width ="fill_parent" android:layout_height ="fill_parent" >
< TextView android:layout_width ="wrap_content" android:id ="@+id/abc"
android:layout_height ="wrap_content" android:text ="centerInParent=true"
android:layout_centerInParent ="true" />
< TextView android:layout_width ="wrap_content"
android:layout_height ="wrap_content" android:text ="marginLeft=20px"
android:layout_marginLeft ="20px" />
< TextView android:layout_width ="wrap_content"
android:layout_height ="wrap_content" android:text ="xxx"
android:layout_below ="@id/abc" android:layout_alignRight ="@id/abc" />
</ RelativeLayout >

</ LinearLayout >

res/values/strings.xml <? xmlversion="1.0"encoding="utf-8" ?>
< resources >
< string name ="hello" > HelloLayout </ string >
< string name ="app_name" > webabcd_layout </ string >
</ resources >

Main.java
代码 package com.webabcd.layout;

import android.app.Activity;
import android.os.Bundle;

public class Main extends Activity{
/** Calledwhentheactivityisfirstcreated. */
@Override
public void onCreate(BundlesavedInstanceState){
super .onCreate(savedInstanceState);
setContentView(R.layout.main);
}
}

2、上下文菜单，选项菜单，子菜单
res/layout/main.xml
代码 <? xmlversion="1.0"encoding="utf-8" ?>
< LinearLayout xmlns:android ="http://schemas.android.com/apk/res/android"
android:orientation ="vertical" android:layout_width ="fill_parent"
android:layout_height ="fill_parent" >

< TextView android:id ="@+id/txt1" android:layout_width ="fill_parent"
android:layout_height ="wrap_content" android:text ="@string/hello_contextMenu" />

< TextView android:id ="@+id/txt2" android:layout_width ="fill_parent"
android:layout_height ="wrap_content" android:text ="@string/hello_subMenu" />

</ LinearLayout >

res/values/strings.xml
代码 <? xmlversion="1.0"encoding="utf-8" ?>
< resources >
< string name ="hello_contextMenu" > HelloContextMenu </ string >
< string name ="hello_subMenu" > HelloContextSubMenu </ string >
< string name ="app_name" > webabcd_menu </ string >
</ resources >

Main.java
代码 packagecom.webabcd.menu;

importandroid.app.Activity;
importandroid.os.Bundle;
importandroid.view.ContextMenu;
importandroid.view.Menu;
importandroid.view.MenuItem;
importandroid.view.SubMenu;
importandroid.view.View;
importandroid.view.ContextMenu.ContextMenuInfo;
importandroid.widget.TextView;
importandroid.widget.Toast;

// 演示两种菜单的实现方式：上下文菜单（通过在某元素上长按，来呼出菜单）和选项菜单（通过按手机上的菜单按钮，来呼出菜单）
public class MainextendsActivity{
/* *Calledwhentheactivityisfirstcreated. */
@Override
public void onCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

// 为R.id.txt1注册一个上下文菜单（在此TextView上长按，则会呼出上下文菜单）
// 具体呼出的菜单内容需要重写onCreateContextMenu来创建
TextViewtxt1 = (TextView) this .findViewById(R.id.txt1);
this .registerForContextMenu(txt1);

// 为R.id.txt2注册一个上下文菜单
TextViewtxt2 = (TextView) this .findViewById(R.id.txt2);
this .registerForContextMenu(txt2);
}

// 重写onCreateContextMenu用以创建上下文菜单
// 重写onContextItemSelected用以响应上下文菜单
@Override
public void onCreateContextMenu(ContextMenumenu,Viewv,
ContextMenuInfomenuInfo){
super.onCreateContextMenu(menu,v,menuInfo);

// 创建R.id.txt1的上下文菜单
if (v == (TextView) this .findViewById(R.id.txt1)){

// ContextMenu.setIcon()-设置菜单的图标
// ContextMenu.setHeaderTitle()-设置菜单的标题
menu.setHeaderIcon(R.drawable.icon01);
menu.setHeaderTitle( " 我是菜单 " );

// 用ContextMenu.add()来增加菜单项，返回值为MenuItem
// 第一个参数：组ID
// 第二个参数：菜单项ID
// 第三个参数：顺序号
// 第四个参数：菜单项上显示的内容
menu.add( 1 , 0 , 0 , " 菜单1 " );

// MenuItem-新增菜单项后的返回类型，针对菜单项的其他设置在此对象上操作
menu.add( 1 , 1 , 1 , " 菜单2 " ).setCheckable( true );

}
// 创建R.id.txt2的上下文菜单（多级上下文菜单）
else if (v == (TextView) this .findViewById(R.id.txt2)){

// ContextMenu.addSubMenu("菜单名称")-用来添加子菜单。子菜单其实就是一个特殊的菜单
SubMenusub = menu.addSubMenu( " 父菜单1 " );
sub.setIcon(R.drawable.icon01);
sub.add( 0 , 0 , 0 , " 菜单1 " );
sub.add( 0 , 1 , 1 , " 菜单2 " );
sub.setGroupCheckable( 1 , true , true );

SubMenusub2 = menu.addSubMenu( " 父菜单2 " );
sub2.setIcon(R.drawable.icon01);
sub2.add( 1 , 0 , 0 , " 菜单3 " );
sub2.add( 1 , 1 , 1 , " 菜单4 " );
sub2.setGroupCheckable( 1 , true , false );

}
}


// 重写onCreateOptionsMenu用以创建选项菜单
@Override
public booleanonCreateOptionsMenu(Menumenu){

MenuItemmenuItem = menu.add( 0 , 0 , 0 , " 菜单111111111111111111111 " );

// MenuItem.setIcon()-设置菜单项的图标
// MenuItem.setTitleCondensed()-菜单的简标题，如果指定了简标题的话，菜单项上的标题将会以此简标题为准
// MenuItem.setAlphabeticShortcut()-设置选中此菜单项的快捷键
// 注：菜单项超过6个的话，第6个菜单将会变为More菜单，多余的菜单会在单击More菜单之后显示出来
menuItem.setIcon(R.drawable.icon01);
menuItem.setTitleCondensed( " 菜单1 " );
menuItem.setAlphabeticShortcut( ' a ' );

menu.add( 0 , 1 , 1 , " 菜单2 " ).setIcon(R.drawable.icon02);
menu.add( 0 , 2 , 2 , " 菜单3 " ).setIcon(R.drawable.icon03);
menu.add( 0 , 3 , 3 , " 菜单4 " );
menu.add( 0 , 4 , 4 , " 菜单5 " );
menu.add( 0 , 5 , 5 , " 菜单6 " );
menu.add( 0 , 6 , 6 , " 菜单7 " ).setIcon(R.drawable.icon04);
menu.add( 0 , 7 , 7 , " 菜单8 " ).setIcon(R.drawable.icon05);

return true ;
}

// 重写onOptionsItemSelected用以响应选项菜单
@Override
public booleanonOptionsItemSelected(MenuItemitem){
super.onOptionsItemSelected(item);

Toast.makeText(Main. this , " 被单击的菜单项为： " + String.valueOf(item.getItemId()),Toast.LENGTH_SHORT).show();

return false ;
}
}

OK
[源码下载]

更多相关文章

1. android菜单参考资料
2. （20120808）（01）android菜单与对话框--之日期及时间选择对话框
3. android菜单Tips
4. Android基于TranslateAnimation的动画动态菜单
5. Android 侧滑菜单的实现
6. 谁说Android的动画不廉价（三）之共享元素动画
7. Android manifest.xml 中元素含义

随机推荐

1. Objective C - 与Android交互时高低位转
2. android 学习示例
3. 集成Android免费语音合成功能（在线、离线
4. Android上 PeerConnection 与 PeerConnec
5. eclipse如何进行真机调试
6. 【Android】TypedArray和obtainStyledAtt
7. android应用程序跳转到系统的各个设置页
8. Android实现调用系统相册和拍照的Demo示
9. Android Input事件APP端流程分析
10. Android Studio运行慢-提速到10s，问你要不