Android学习笔记2

转载 2012年03月31日 16:27:03

Android(2) - 布局(Layout)和菜单(Menu)

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

·         各种布局方式的应用,FrameLayout, LinearLayout, TableLayout, AbsoluteLayout, RelativeLayout  

·         为指定元素配置上下文菜单,为应用程序配置选项菜单,以及多级菜单的实现 



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

代码

<?xml version="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="Frame Layout">
        
</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
="11" />
            
<TextView android:layout_width="wrap_content"
                android:layout_weight
="1" android:layout_height="wrap_content"
                android:text
="12" />
            
<TextView android:layout_width="wrap_content"
                android:layout_weight
="1" android:layout_height="wrap_content"
                android:text
="13" />
        
</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="21" />
        
</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

<?xml version="1.0" encoding="utf-8"?>
<resources>
    
<string name="hello">Hello Layout</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 {
    
/** Called when the activity is first created. */
    @Override
    
public void onCreate(Bundle savedInstanceState) {
        
super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}



2、上下文菜单,选项菜单,子菜单
res/layout/main.xml

代码

<?xml version="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

代码

<?xml version="1.0" encoding="utf-8"?>
<resources>
    
<string name="hello_contextMenu">Hello Context Menu</string>
    
<string name="hello_subMenu">Hello Context Sub Menu</string>
    
<string name="app_name">webabcd_menu</string>
</resources>


Main.java

代码

package com.webabcd.menu;

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

// 演示两种菜单的实现方式:上下文菜单(通过在某元素上长按,来呼出菜单)和选项菜单(通过按手机上的菜单按钮,来呼出菜单)
public class Main extends Activity {
    
/** Called when the activity is first created. */
    @Override
    
public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

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

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

    
// 重写 onCreateContextMenu 用以创建上下文菜单
    // 
重写 onContextItemSelected 用以响应上下文菜单
    @Override
    
public void onCreateContextMenu(ContextMenu menu, View v,
            ContextMenuInfo menuInfo) {
        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(100"菜单1");
            
            
// MenuItem - 新增菜单项后的返回类型,针对菜单项的其他设置在此对象上操作 
            menu.add(111"菜单2").setCheckable(true);
            
        }
        
// 创建 R.id.txt2 的上下文菜单(多级上下文菜单)
        else if (v == (TextView) this.findViewById(R.id.txt2)) {
            
            
// ContextMenu.addSubMenu("菜单名称") - 用来添加子菜单。子菜单其实就是一个特殊的菜单
            SubMenu sub = menu.addSubMenu("父菜单1");
            sub.setIcon(R.drawable.icon01);
            sub.add(
000"菜单1");
            sub.add(
011"菜单2");
            sub.setGroupCheckable(
1truetrue);

            SubMenu sub2 = menu.addSubMenu(
"父菜单2");
            sub2.setIcon(R.drawable.icon01);
            sub2.add(
100"菜单3");
            sub2.add(
111"菜单4");
            sub2.setGroupCheckable(
1truefalse);
            
        }
    }
    
    
    
// 重写 onCreateOptionsMenu 用以创建选项菜单
    @Override
    
public boolean onCreateOptionsMenu(Menu menu) {

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

        menu.add(
011"菜单2").setIcon(R.drawable.icon02);
        menu.add(
022"菜单3").setIcon(R.drawable.icon03);
        menu.add(
033"菜单4");
        menu.add(
044"菜单5");
        menu.add(
055"菜单6");
        menu.add(
066"菜单7").setIcon(R.drawable.icon04);
        menu.add(
077"菜单8").setIcon(R.drawable.icon05);

        
return true;
    }

    
// 重写 onOptionsItemSelected 用以响应选项菜单
    @Override
    
public boolean onOptionsItemSelected(MenuItem item) {
        super.onOptionsItemSelected(item);
        
        Toast.makeText(Main.
this"被单击的菜单项为:" + String.valueOf(item.getItemId()), Toast.LENGTH_SHORT).show();

        
return false;
    }
}

 

相关文章推荐

Cocos2d-android-1学习笔记

  • 2014-07-04 12:46
  • 43.39MB
  • 下载

android学习笔记2

  • 2014-06-14 07:46
  • 7.36MB
  • 下载

Android学习笔记2-1--组件6--Fragment

简介在Android3.0开始Android引入了Fragment。当初最主要的目的是为了给大屏幕设备提供更加灵活和动态的UI设计。随着应用功能越来越多和界面越来越复杂,我们会利用Fragment对A...

android学习笔记2

  • 2011-09-23 09:58
  • 412KB
  • 下载

android学习笔记07_2

  • 2011-03-16 13:51
  • 6.77MB
  • 下载

Android游戏引擎《Rokon》学习笔记六:一个使用Box2D的Rokon小例子:Rokon Donate

程序运行截图: 程序很简单,三个类,Donate是捐赠的意思。 第一个类是RokonActivity.java ,入口类,负责创建引擎加载图片资源: view plain ...

android学习笔记2

  • 2014-11-17 22:52
  • 394KB
  • 下载

Android学习笔记2-1--组件1--Application

ApplicationApplication是什么?Android系统会为每个程序运行时创建一个Application类的对象且仅创建一个,所以Application可以说是单例模式的一个类,所以在不...

Cocos2d-android 学习笔记

SurfaceView  getHolder() -->SurfaceHolder SurfaceHolder 代理者 代理Surface完成界面相关的操作 getSurface lockCanv...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)