`

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

阅读更多
在 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(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("菜单名称") - 用来添加子菜单。子菜单其实就是一个特殊的菜单
            SubMenu sub = 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);

            SubMenu sub2 = 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 boolean onCreateOptionsMenu(Menu menu) {

        MenuItem menuItem = 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 boolean onOptionsItemSelected(MenuItem item) {
        super.onOptionsItemSelected(item);
       
        Toast.makeText(Main.this, "被单击的菜单项为:" + String.valueOf(item.getItemId()), Toast.LENGTH_SHORT).show();

        return false;
    }
}

分享到:
评论

相关推荐

    Android实现伸缩弹力分布菜单效果(直线型布局)

    在伸缩弹力菜单中,我们可以通过ObjectAnimator改变菜单项的宽度、高度、位置等属性,模拟出伸缩的效果。 2. **值动画(ValueAnimator)**:ValueAnimator可以随着时间的推移在两个数值之间平滑地改变值。在实现弹力...

    最新最实用的android菜单界面布局

    "最新最实用的android菜单界面布局"指的是采用最新的设计趋势和技术,优化用户体验的Android应用菜单布局。这样的设计不仅能提升应用的美观度,还能提高用户的交互效率。下面我们将深入探讨Android菜单界面布局的...

    Android代码-原来PATH的菜单效果如此简单。布局TranslateAnimation搞定.zip

    布局TranslateAnimation搞定.zip”揭示了一个关于Android应用中的PATH菜单动画实现的关键点,即使用了`TranslateAnimation`来创建这种效果。`TranslateAnimation`是Android SDK提供的一个基础动画类,用于实现对象在...

    Android应用源码原来PATH的菜单效果如此简单。布局+TranslateAnimation搞定.zip

    在Android应用开发中,创建吸引用户的交互界面是至关重要的,其中菜单效果的实现往往能提升应用的用户体验。标题“Android应用源码原来PATH的菜单效果如此简单。布局+TranslateAnimation搞定.zip”揭示了一个使用...

    android菜单展开的动画效果

    在Android开发中,实现丰富的用户界面是至关重要的,其中菜单的动画效果能极大地提升应用的交互体验和视觉吸引力。本文将深入探讨如何在Android中创建一个动态的菜单展开动画,以此来模仿卫星导航菜单(Satellite ...

    Android实现QQ侧滑菜单效果

    在实现QQ侧滑菜单效果时,需要在布局文件中添加子空间,并设置滑动事件。在布局文件中,我们可以使用LinearLayout或RelativeLayout作为主布局,添加子控件,如TextView、Button等。同时,我们需要在布局文件中添加...

    Android 实现底部导航中间菜单凸起效果

    下面我们将详细探讨如何在Android中实现这个效果。 首先,我们需要了解Android的底部导航栏的基本结构。通常,它由一个`BottomNavigationView`组件来创建,这是Android Support Library或AndroidX库的一部分。在XML...

    android实现三级联动菜单

    - 当用户在某一级菜单中做出选择时,需要更新下一级菜单的数据。这可能涉及到异步数据加载,如使用`AsyncTask`或`Retrofit`进行网络请求,或者从本地数据库中读取数据。 - 数据加载完成后,更新对应的`Fragment`...

    Android自定义VIew实现卫星菜单效果浅析

    本篇文章将探讨如何在Android中实现一个卫星菜单效果,该效果通常表现为一个中心按钮,点击后会有多个子菜单项按照特定轨迹展开,类似于卫星围绕地球运行。 首先,创建自定义View通常涉及以下步骤: 1. **创建View...

    Android多级菜单的简单实现

    在Android应用开发中,创建一个多级菜单是一种常见的需求,它能帮助用户更有效地浏览和访问大量数据。"Android多级菜单的简单实现"这个主题主要关注如何构建类似于京东分类界面的多层导航结构。这样的菜单通常包含主...

    android 扇形菜单(属性动画实现)

    在Android开发中,扇形菜单是一种独特且吸引用户的交互设计,它通过展开一系列扇形的选项来呈现菜单项。本文将深入探讨如何使用属性动画在Android中实现这种效果。 首先,我们要理解Android属性动画系统的基本概念...

    android:侧滑菜单效果

    在Android应用开发中,侧滑菜单(也称为抽屉式导航)是一种常见的设计模式,它允许用户通过从屏幕边缘向内滑动来显示隐藏的菜单选项。这种效果在许多流行的应用如易信中都可以看到。在本文中,我们将深入探讨如何...

    Android-CircleMenu是一个简单优雅拥有圆形布局的菜单

    Android-CircleMenu库正是这样一款工具,它提供了一个简单、优雅且具有圆形布局的菜单,使得开发者能够轻松地在应用程序中创建引人注目的交互元素。本文将深入探讨这一库的核心特点、使用方法以及其实现原理。 首先...

    安卓SlidingMenu各种菜单侧滑菜单相关-android-menudrawer实现侧边菜单栏效果.rar

    在Android应用开发中,侧滑菜单(也称为抽屉式导航)是一种常见的设计模式,它允许用户通过从屏幕边缘向内滑动来显示或隐藏一个菜单。这种效果为用户提供了一种方便的方式来访问应用的主要功能或者导航选项,而不必...

    Android实现导航菜单左右滑动效果

    在Android应用开发中,创建一个具有互动性和用户体验良好的界面至关重要,而导航菜单是移动应用中常见的一种设计元素。本文将详细讲解如何在Android平台上实现一个左右滑动的导航菜单,这种效果通常被用于展示多个主...

    Android实现二级菜单和标题栏菜单

    本文将深入探讨如何在Android中实现二级菜单以及标题栏菜单,以创建一个层次分明、操作便捷的交互界面。 首先,我们来了解Android中的菜单概念。Android菜单主要分为两种类型:选项菜单(OptionsMenu)和上下文菜单...

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

    首先,梅花布局是一种特殊的界面设计,它的特点是有一个中心元素,周围环绕着其他四个元素,这种布局在许多应用的主菜单或选项菜单中常见。在这个案例中,中心元素是“进入”文本及其背景图,周围则是“帮助”、...

    android仿path菜单效果

    在Android应用开发中,设计吸引用户的交互界面是至关重要的,其中菜单效果的创新可以极大地提升用户体验。本教程将深入探讨如何实现"android仿path菜单效果",这是一个利用布局和TranslateAnimation来创建类似PATH...

Global site tag (gtag.js) - Google Analytics