所谓的嵌套布局就是在一个文件里嵌套多个布局文件

<span style="font-size:18px;">  <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="fill_parent"

        android:orientation="vertical" >

<FrameLayout

android:layout_width="match_parent"

        android:layout_height="fill_parent"

        android:orientation="vertical" >

……

……

……

</FrameLayout >

</LinearLayout></span>

接下来使用嵌套布局来实现一个简单计算器的UI效果

以下是基本构思图

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMzYxNjk3Ng==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

使用Xml布局文件设置计算器效果

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?

>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical" >

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="fill_parent"

        android:layout_weight="3"

        android:orientation="vertical" >

        <TextView

            android:id="@+id/text2"

            android:layout_width="match_parent"

            android:layout_height="fill_parent"

            android:layout_marginTop="0dp"

            android:layout_weight="1"

            android:padding="0dp" />

        <TextView

            android:id="@+id/text1"

            android:layout_width="match_parent"

            android:layout_height="fill_parent"

            android:layout_marginTop="0dp"

            android:layout_weight="2"

            android:padding="0dp" />

    </LinearLayout>

    <TableLayout

        android:layout_width="match_parent"

        android:layout_height="fill_parent"

        android:layout_weight="1"

        android:orientation="vertical" >

        <TableRow

            android:layout_width="match_parent"

            android:layout_height="fill_parent"

            android:layout_weight="0.2" >

            <Button

                android:id="@+id/left_bracket_button"

                android:layout_height="fill_parent"

                android:layout_marginBottom="1dp"

                android:layout_marginLeft="1dp"

                android:layout_weight="0.25"

                android:background="#333333"

                android:text="（"

                android:textColor="@android:color/white"

                android:textSize="25sp" />

            <Button

                android:id="@+id/right_bracket_button"

                android:layout_height="fill_parent"

                android:layout_marginBottom="1dp"

                android:layout_marginLeft="1dp"

                android:layout_weight="0.25"

                android:background="#333333"

                android:text="）"

                android:textColor="@android:color/white"

                android:textSize="25sp" />

            <Button

                android:id="@+id/divisor_button"

                android:layout_height="fill_parent"

                android:layout_marginBottom="1dp"

                android:layout_marginLeft="1dp"

                android:layout_weight="0.25"

                android:background="#333333"

                android:text="÷"

                android:textColor="@android:color/white"

                android:textSize="25sp" />

            <Button

                android:id="@+id/backspace_button"

                android:layout_height="fill_parent"

                android:layout_marginBottom="1dp"

                android:layout_marginLeft="1dp"

                android:layout_weight="0.25"

                android:background="#ffa500"

                android:text="C"

                android:textSize="25sp" />

        </TableRow>

        <TableRow

            android:layout_width="match_parent"

            android:layout_height="fill_parent"

            android:layout_weight="0.2" >

              <Button

                android:id="@+id/seven_button"

                android:layout_height="fill_parent"

                android:layout_width="fill_parent"

                android:layout_weight="0.25"

                android:layout_marginLeft="1dp"

		    	android:layout_marginBottom="1dp"

		    	android:textSize="25sp"

                android:background="@android:color/darker_gray"

                android:text="7" />

            <Button

                android:id="@+id/eight_button"

                android:layout_height="fill_parent"

                android:layout_width="fill_parent"

                android:layout_weight="0.25"

                android:layout_marginLeft="1dp"

		    	android:layout_marginBottom="1dp"

		    	android:textSize="25sp"

                android:background="@android:color/darker_gray"

                android:text="8" />

            <Button

                android:id="@+id/nine_button"

                android:layout_height="fill_parent"

                android:layout_width="fill_parent"

                android:layout_weight="0.25"

                android:layout_marginLeft="1dp"

		    	android:layout_marginBottom="1dp"

		    	android:textSize="25sp"

                android:background="@android:color/darker_gray"

                android:text="9" />

            <Button

                android:id="@+id/product_button"

                android:layout_height="fill_parent"

                android:layout_width="fill_parent"

                android:layout_weight="0.25"

                android:layout_marginLeft="1dp"

		    	android:layout_marginBottom="1dp"

                android:background="#333333"

                android:textSize="25sp"

		    	android:textColor="@android:color/white"

                android:text="×" />

        </TableRow>

        <TableRow

            android:layout_width="match_parent"

            android:layout_height="fill_parent"

            android:layout_weight="0.2" >

            <Button

                android:id="@+id/four_button"

                android:layout_height="fill_parent"

                android:layout_width="fill_parent"

                android:layout_weight="0.25"

                android:layout_marginLeft="1dp"

		    	android:layout_marginBottom="1dp"

		    	android:textSize="25sp"

                android:background="@android:color/darker_gray"

                android:text="4" />

            <Button

                android:id="@+id/five_button"

                android:layout_height="fill_parent"

                android:layout_width="fill_parent"

                android:layout_weight="0.25"

                android:layout_marginLeft="1dp"

		    	android:layout_marginBottom="1dp"

		    	android:textSize="25sp"

                android:background="@android:color/darker_gray"

                android:text="5" />

            <Button

                android:id="@+id/six_button"

                android:layout_height="fill_parent"

                android:layout_width="fill_parent"

                android:layout_weight="0.25"

                android:layout_marginLeft="1dp"

		    	android:layout_marginBottom="1dp"

		    	android:textSize="25sp"

                android:background="@android:color/darker_gray"

                android:text="6" />

            <Button

                android:id="@+id/minus_button"

                android:layout_height="fill_parent"

                android:layout_width="fill_parent"

                android:layout_weight="0.25"

                android:layout_marginLeft="1dp"

		    	android:layout_marginBottom="1dp"

                android:background="#333333"

                android:textSize="25sp"

		    	android:textColor="@android:color/white"

                android:text="-" />

        </TableRow>

        <TableRow

            android:layout_width="match_parent"

            android:layout_height="fill_parent"

            android:layout_weight="0.2" >

             <Button

                android:id="@+id/one_button"

                android:layout_height="fill_parent"

                android:layout_width="fill_parent"

                android:layout_weight="0.25"

                android:layout_marginLeft="1dp"

		    	android:layout_marginBottom="1dp"

		    	android:textSize="25sp"

                android:background="@android:color/darker_gray"

                android:text="1" />

            <Button

                android:id="@+id/two_button"

                android:layout_height="fill_parent"

                android:layout_width="fill_parent"

                android:layout_weight="0.25"

                android:layout_marginLeft="1dp"

		    	android:layout_marginBottom="1dp"

		    	android:textSize="25sp"

                android:background="@android:color/darker_gray"

                android:text="2" />

            <Button

                android:id="@+id/three_button"

                android:layout_height="fill_parent"

                android:layout_width="fill_parent"

                android:layout_weight="0.25"

                android:layout_marginLeft="1dp"

		    	android:layout_marginBottom="1dp"

		    	android:textSize="25sp"

                android:background="@android:color/darker_gray"

                android:text="3" />

            <Button

                android:id="@+id/plus_button"

                android:layout_height="fill_parent"

                android:layout_width="fill_parent"

                android:layout_weight="0.25"

                android:layout_marginLeft="1dp"

		    	android:layout_marginBottom="1dp"

                android:background="#333333"

                android:textSize="25sp"

		    	android:textColor="@android:color/white"

                android:text="+" />

        </TableRow>

        <TableRow

            android:layout_width="match_parent"

            android:layout_height="fill_parent"

            android:layout_weight="0.2" >

            <Button

                android:id="@+id/point_button"

                android:layout_height="fill_parent"

                android:layout_width="wrap_content"

                android:layout_weight="0.5"

                android:layout_marginLeft="1dp"

		    	android:layout_marginBottom="1dp"

		    	android:textSize="40sp"

                android:background="@android:color/darker_gray"

                android:text="." />

            <Button

                android:id="@+id/zero_button"

                android:layout_height="fill_parent"

                android:layout_width="wrap_content"

                android:layout_weight="0.5"

                android:layout_marginLeft="1dp"

		    	android:layout_marginBottom="1dp"

		    	android:textSize="25sp"

                android:background="@android:color/darker_gray"

                android:text="0" />

            <Button

                android:id="@+id/equal_button"

                android:layout_height="fill_parent"

                android:layout_width="wrap_content"

                android:layout_weight="3.1"

                android:layout_marginLeft="1dp"

		    	android:layout_marginBottom="1dp"

		    	android:textSize="25sp"

                android:background="#00CC00"

                android:text="=" />

        </TableRow>

    </TableLayout>

</LinearLayout></span>

以下是模拟器效果图

上面的代码中重复用到了

<span style="font-size:18px;"> android:layout_weight=""</span>

要想设置好一个布局就必须了解权重的概念android:layout_weight的真实含义

下节预报：

滚动视图ScrollView

从零開始学android&lt;使用嵌套布局实现计算器界面.十七.&gt;的更多相关文章

  1. 从零開始学android&lt;RelativeLayout相对布局.十六.&gt;

    相对布局管理器指的是參考某一其它控件进行摆放,能够通过控制,将组件摆放在一个指定參考组件的上.下.左.右等位置,这些能够直接通过各个组件提供的属性完毕. 以下介绍一下各个方法的基本使用 No. 属性名 ...

  2. 从零開始学android&lt;数据存储（1）SharedPreferences属性文件.三十五.&gt;

    在android中有五种保存数据的方法.各自是: Shared Preferences Store private primitive data in key-value pairs. 相应属性的键值 ...

  3. 第13章、布局Layouts之RelativeLayout相对布局（从零開始学Android）

    RelativeLayout相对布局 RelativeLayout是一种相对布局,控件的位置是依照相对位置来计算的,后一个控件在什么位置依赖于前一个控件的基本位置,是布局最经常使用,也是最灵活的一种布 ...

  4. 从零開始学android&lt;SeekBar滑动组件.二十二.&gt;

    拖动条能够由用户自己进行手工的调节,比如:当用户须要调整播放器音量或者是电影的播放进度时都会使用到拖动条,SeekBar类的定义结构例如以下所看到的: java.lang.Object    ↳ an ...

  5. 从零開始学android&lt;mediaplayer自带播放器（视频播放）.四十九.&gt;

    MediaPlayer除了能够对音频播放之外,也能够对视频进行播放,可是假设要播放视频仅仅依靠MediaPlayer还是不够的.还须要编写一个能够用于视频显示的空间,而这块显示空间要求能够高速的进行G ...

  6. 从零開始学android&lt;TabHost标签组件.二十九.&gt;

    TabHost主要特点是能够在一个窗体中显示多组标签栏的内容,在Android系统之中每一个标签栏就称为一个Tab.而包括这多个标签栏的容器就将其称为TabHost.TabHost类的继承结构例如以下 ...

  7. 从零開始开发Android版2048 （一）初始化界面

    自学Android一个月多了,一直在工作之余零零散散地看一些东西.感觉经常使用的东西都有些了解了,可是一開始写代码总会出各种奇葩的问题.感觉还是代码写得太少.这样继续杂乱地学习下去进度也太慢了,并且学 ...

  8. 从零開始学android&lt;Menu菜单组件.三十.&gt;

    在Android系统之中.菜单一共同拥有三类:选项菜单(OptionsMenu).上下文菜单(ContextMenu)和子菜单(SubMenu). 今天我们就用几个样例来分别介绍下菜单的使用 acti ...

  9. 从零開始学android&lt;ImageSwitcher图片切换组件.二十六.&gt;

    ImageSwitcher组件的主要功能是完毕图片的切换显示,比如用户在进行图片浏览的时候.能够通过button点击一张张的切换显示的图片,并且使用ImageSwitcher组件在每次切换的时候也能够 ...

随机推荐

  1. .NetCore 扩展封装 Expression<Func<T, bool>> 查询条件遇到的问题

    前面的文章封装了查询条件 自己去组装条件,但是对 And  Or  这种组合支持很差,但是也不是不能支持,只是要写更多的代码看起来很臃肿 根据 Where(Expression<Func< ...

  2. 【BZOJ】4292: [PA2015]Równanie

    题解 \(f(n)\)的取值范围最多\(9^2 * 18\) 直接枚举判断就好 代码 #include <bits/stdc++.h> #define fi first #define s ...

  3. 主动学习(Active Learning)

    主动学习简介 在某些情况下,没有类标签的数据相当丰富而有类标签的数据相当稀少,并且人工对数据进行标记的成本又相当高昂.在这种情况下,我们可以让学习算法主动地提出要对哪些数据进行标注,之后我们要将这些数 ...

  4. 《C陷阱与缺陷》阅读笔记（个人版）

    笔记: 第一章:词法陷阱 提倡显示比较if((x = y) != 0) foo(); 第二章:语法陷阱 已知一个类型的声明 该类型的类型转换:吧声明中的变量名和声明末尾的分号去掉,再将剩余的部分用括号 ...

  5. JavaScript 对象Array,Map,Set使用

    for(int i = 0 :i < 3 ;i++ ){ //[重点说三遍] 在说明每个对象的用法之前,首先说明 JavaScript 对象的使用一定要注意浏览器的兼容性问题!尤其是IE的版本! ...

  6. CentOS7下安装MySQL5.7安装与配置（YUM）

    http://blog.csdn.net/xyang81/article/details/51759200 安装环境:CentOS7 64位 MINI版,安装MySQL5.7 1.配置YUM源 在My ...

  7. 21.python中的闭包和装饰器

    python中的闭包从表现形式上定义(解释)为:如果在一个内部函数里,对在外部作用域(但不是在全局作用域)的变量进行引用,那么内部函数就被认为是闭包(closure). 以下说明主要针对 python ...

  8. 格式化p6spy的输出日志

    众所周知, p6spy打印出来的日志是一行很长很长的内容, 很不容易查看, 牛B的p6spy为什么就不能想hibernate那样有format_sql的功能? 竟然没有, 我只好自己动手写一个日志输出 ...

  9. Xtreme9.0 - Pattern 3 KMP

    Pattern 3 题目连接: https://www.hackerrank.com/contests/ieeextreme-challenges/challenges/car-spark Descr ...

  10. Golang 特性简介

    by sheepbao 主要大概介绍go语言的历史和特性,简单的入门. 来历 很久以前,有一个IT公司,这公司有个传统,允许员工拥有20%自由时间来开发实验性项目.在2007的某一天,公司的几个大牛, ...