系出名門Android(2) - 布局(Layout)和菜單(Menu)

<a href="http://down.51cto.com/data/100088" target="_blank">[源碼下載下傳]</a>

介紹

在 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>

android:layout_height="wrap_content" android:text="Frame Layout">

</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" />

android:text="行1列2" />

android:text="行1列3" />

</TableRow>

<TableRow android:id="@+id/TableRow01" android:layout_width="wrap_content"

android:layout_height="wrap_content" android:text="行2列1" />

</TableLayout>

AbsoluteLayout - 絕對定位布局。

layout_x - x 坐标。以左上角為頂點

layout_y - y 坐标。以左上角為頂點

<AbsoluteLayout android:layout_height="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" />

android:layout_height="wrap_content" android:text="marginLeft=20px"

android:layout_marginLeft="20px" />

android:layout_height="wrap_content" android:text="xxx"

android:layout_below="@id/abc" android:layout_alignRight="@id/abc" />

</RelativeLayout>

</LinearLayout>

res/values/strings.xml

<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、上下文菜單，選項菜單，子菜單

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" />

<string name="hello_contextMenu">Hello Context Menu</string>

<string name="hello_subMenu">Hello Context Sub Menu</string>

<string name="app_name">webabcd_menu</string>

package com.webabcd.menu;

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;

// 示範兩種菜單的實作方式：上下文菜單（通過在某元素上長按，來呼出菜單）和選項菜單（通過按手機上的菜單按鈕，來呼出菜單）

// 為 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 用以響應上下文菜單

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 用以建立選項菜單

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 用以響應選項菜單

public boolean onOptionsItemSelected(MenuItem item) {

super.onOptionsItemSelected(item);

Toast.makeText(Main.this, "被單擊的菜單項為：" + String.valueOf(item.getItemId()), Toast.LENGTH_SHORT).show();

return false;

本文轉自webabcd 51CTO部落格，原文連結：http://blog.51cto.com/webabcd/342009，如需轉載請自行聯系原作者

系出名門Android(2) - 布局(Layout)和菜單(Menu)

繼續閱讀

Android網絡程式設計之使用HttpClient批量上傳檔案（一）1.預備知識：2.通過HttpCient上傳檔案程式運作效果圖：3.完成項目代碼：

Android網絡程式設計之使用HttpClient批量上傳檔案（二）AsyncTask+HttpClient并實作上傳進度監聽 Android網絡程式設計之使用HttpClient批量上傳檔案（二）AsyncTask+HttpClient并實作上傳進度監聽

android 使用shape自定義圓角矩形

記一次因MySQL編碼問題導緻的慢查詢排查

為什麼不再使用 Android MVVM

方法數超了65535 無法安裝的解決方案

android調用系統相機拍攝擷取照片的兩種方法

Android調用系統拍照擷取圖檔問題

Android Studio中Make Project、Clean Project、Rebuild Project 的作用

新買的便攜式藍牙标簽列印機內建測試起因分析提供的SDK開始使用藍牙測試工具進行測試列印列印亂碼分析JAVA中Unicode轉ANCI工具連結

Docker-compose 進行Doris自動化編排部署

服裝資訊化數字化變革

Android面試題——5.常見面試官提問Android面試題①

Android常用工具類簡介目錄

android常用工具類轉載自：http://www.trinea.cn/android/android-common-utils/Android常用工具類

Android電視機（機頂盒）初次開發的一些經驗分享