`
javalover00000
  • 浏览: 100776 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Android 中各种布局的应用(2)

阅读更多

介绍在 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
="行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
<?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;
    }
}
分享到:
评论

相关推荐

    android 中页面布局使用demo

    下面我们将详细探讨Android布局及其在实际应用中的使用。 Android支持多种布局管理器,每种都有其特定的用途: 1. **线性布局(LinearLayout)**:这是最基础的布局,可以将子视图水平或垂直排列。通过设置`...

    android布局_Android布局_android_

    本文将深入探讨Android布局的各种类型及其使用方法,旨在帮助开发者更好地理解和掌握Android应用的UI设计。 首先,我们来了解Android中的基本布局类型: 1. **线性布局(LinearLayout)**:这是最基础的布局,它...

    Android 适用各种布局的loading 加载

    本示例着重探讨的是如何在Android应用中实现各种布局的"loading"加载效果,特别是在ListView等滚动视图中,采用类似iOS水滴形态的加载设计,提供更优雅的用户体验。 首先,我们来看`spots-dialog-master`这个项目,...

    认识Android布局文件

    理解Android布局文件的使用是开发过程中必不可少的技能。通过LinearLayout,我们可以创建简单的线性布局,控制控件的排列方式和大小。随着学习的深入,还可以探索更复杂的布局容器,如RelativeLayout、...

    android界面布局详解

    2、Android中布局定义方法 布局可以通过两种方式进行定义: - **XML文件**:这是最常见的方法,Android提供了丰富的XML词汇表,对应于各种视图和布局。XML文件中,每个元素代表一个View或ViewGroup,使得界面结构...

    android自定义圆形布局CircleLayout

    在Android开发中,自定义布局是提升应用独特性和用户体验的重要手段。`CircleLayout`就是一种特殊的自定义布局,它使得内部的子视图按照圆形排列,增强了界面的视觉效果。本篇文章将深入探讨如何实现这样一个自定义...

    Android 动态解析布局

    首先,Android的XML布局文件是预先定义界面元素的地方,它们包含了各种View(如TextView、Button)及其属性。静态布局是在应用编译时确定的,而动态解析布局则是在运行时完成。这通常涉及到以下几个关键步骤: 1. *...

    Android自定义toolbar布局

    在Android开发中,`Toolbar`已经取代了传统的`ActionBar`,成为新的导航和展示应用元数据的组件。它提供了一种更加灵活的方式来定制顶部栏,从而实现与Material Design设计规范相一致的用户界面。本教程将详细介绍...

    Android xml布局文件生成工具

    在Android应用开发中,XML布局文件是构建用户界面(UI)的主要方式,它允许开发者以声明式编程的方式定义UI元素的结构和样式。"Android xml布局文件生成工具"是为了解决手动编写XML布局文件繁琐和耗时的问题而设计的...

    Android应用:动态创建按钮,放在现有布局中

    首先,我们需要理解Android布局的基本概念。 布局(Layout)在Android中是视图容器,用于组织和管理屏幕上的各个组件,如按钮、文本框等。常见的布局有线性布局(LinearLayout)、相对布局(RelativeLayout)、帧...

    Android应用源码45套安卓源码合集.zip

    Android应用源码安卓多边形布局例子.rar Android应用源码安卓拍照上传实现代码附带php端.rar Android应用源码实现动态交叉布局.rar Android应用源码小说翻页效果源码.rar Android应用源码广告轮播效果源码.rar ...

    Android在java中写布局及在代码中引入xml布局demo

    在Android开发中,布局是构建用户界面的关键部分。布局定义了应用中各个组件的位置和交互方式,对于用户体验有着直接影响。本教程将深入讲解如何在Java代码中直接编写布局以及如何引入XML布局。这两种方法各有优缺点...

    android框架布局demo

    在Android开发中,布局...通过下载并研究"android框架布局demo",你将有机会亲手实践这些概念,进一步加深对Android布局管理的理解,并提高你的应用开发技能。记得不断探索和尝试,让自己的应用界面更加精美和高效。

    Android七种布局解析

    Android 七种布局解析 Android 应用程序的用户界面是由 View 和 ViewGroup 对象构建的。...Android 中的七种布局方式各有其特点和应用场景,开发者可以根据实际需求选择合适的布局方式来实现用户界面。

    Android中使用RelativeLayout完成的梅花布局教学案例任务说明.pdf

    在Android开发中,界面设计是至关重要的一个环节,而`RelativeLayout`是Android提供的一种...通过完成这个任务,开发者可以进一步熟悉Android Studio的使用,以及XML布局文件的编写,提升其在实际项目中的应用能力。

    android 适配各种机型布局

    标题“android 适配各种机型布局”和描述中提到的关键点在于“权重”(android:layout_weight),这是Android布局管理器(如LinearLayout)中的一个重要属性,用于解决屏幕适配问题。 权重属性主要应用于...

    android studio之布局管理器之间的互相嵌套.docx

    Android Studio 中的布局管理器是指用于安排 UI 组件的容器,它们可以单独使用,也可以互相嵌套以满足复杂的布局需求。在本文中,我们将探讨 Android Studio 中布局管理器之间的互相嵌套,包括 RelativeLayout、...

    android常用布局的使用

    本文将深入探讨Android中常见的几种布局及其使用方法,以帮助开发者更好地构建美观且功能丰富的应用程序。 一、线性布局(LinearLayout) 线性布局是最基础的布局类型,它按照垂直或水平方向将子视图排列。通过设置...

    AndroidXML布局属性详解

    Android XML 布局属性是 Android 应用程序中最基本也是最重要的一部分。它负责控制屏幕上的各种控件的布局和排列。 Android XML 布局属性可以分为三类:第一类是属性值为 true 或 false 的布局属性,第二类是属性值...

    Android页面布局总结

    本文将详细介绍Android中三种常见的布局方式:LinearLayout(线性布局)、RelativeLayout(相对布局)以及TableLayout(表格布局),并深入探讨它们的特点和应用场景。 #### 1. LinearLayout(线性布局) 线性布局...

Global site tag (gtag.js) - Google Analytics