1.线性布局 LinearLayout

<?xml version="1.0" encoding="utf-8"?>

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

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context="org.example.linearlayout.MainActivity">

    <ListView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:id="@+id/list_view"

        />

</LinearLayout>
package org.example.linearlayout;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.widget.ArrayAdapter;

import android.widget.ListView;

public class MainActivity extends AppCompatActivity {

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        ArrayAdapter<String> items = new ArrayAdapter<String>(MainActivity.this, android.R.layout.simple_list_item_1);

        items.addAll("raspberry", "apple", "banana", "orange",

                "watermelon", "pear", "grape", "pineapple", "strawberry", "cherry", "mango");

        ListView listView = (ListView) findViewById(R.id.list_view);

        listView.setAdapter(items);

    }

}

2.表格布局

常用属性：

TableLayout属性(也叫全局属性)：*代表所有列

android:shrinkColumns -------设置可收缩的列，(内容过多，则收缩，扩展到第二行，控件没布满TableLayout时不起作用)

android:stretchColumns ------设置可伸展的列，(有空白则填充)列可以同时具备stretchColumns及shrinkColumns属性

android:collapseColumns ------设置要隐藏的列(索引列从0开始)

android:layout_column -------该单元格在第几列显示

android:layout_span    -------该单元格占据列数，默认为1
例：

android:stretchColumns="0"           第0列可伸展

android:shrinkColumns="1,2"         第1,2列皆可收缩

android:collapseColumns="*"         隐藏所有行

表格布局示例

<?xml version="1.0" encoding="utf-8"?>

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

    android:orientation="vertical"

    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <TableLayout android:id="@+id/Table1"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:shrinkColumns="1"

        android:stretchColumns="2">

        <Button android:id="@+id/ok1"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="按钮占一行"/>

        <TableRow>

            <Button android:id="@+id/ok2"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="普通按钮"/>

            <Button android:id="@+id/ok3"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="收缩的按钮，可扩展到第二行"/>

            <Button android:id="@+id/ok4"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="拉伸的按钮，可以拉伸"/>

        </TableRow>

        <TableRow>

            <Button android:id="@+id/ok6"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="普通按钮"/>

            <Button android:id="@+id/ok7"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="普通按钮"/>

            <Button android:id="@+id/ok8"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="普通按钮"/>

        </TableRow>

        <TableRow>

            <Button

                android:id="@+id/ok13"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="普通按钮"

                />

            <Button

                android:id="@+id/ok14"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="拉伸的按钮，可以拉伸"

                />

        </TableRow>

    </TableLayout>

</LinearLayout>

3.帧布局

常用属性：

android:foreground:设置改帧布局容器的前景图像

android:foregroundGravity:设置前景图像显示的位置

代码：

<?xml version="1.0" encoding="utf-8"?>

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

    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <TextView

        android:id="@+id/view1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="right|bottom"

        android:width="160pt"

        android:height="160pt"

        android:background="#f00"/>

    <TextView

        android:id="@+id/view2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="center"

        android:width="140pt"

        android:height="140pt"

        android:background="#0f0"/>

    <TextView

        android:id="@+id/view3"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="left"

        android:width="120pt"

        android:height="120pt"

        android:background="#00f"/>

    <TextView

        android:id="@+id/view4"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="bottom"

        android:width="100pt"

        android:height="100pt"

        android:background="#ff0"/>

    <TextView

        android:id="@+id/view5"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="top"

        android:width="80pt"

        android:height="80pt"

        android:background="#f0f"/>

    <TextView

        android:id="@+id/view6"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="center"

        android:width="60pt"

        android:height="60pt"

        android:background="#0ff"/>

</FrameLayout>

4.相对布局

<!--属性值为具体像素值的属性，如30dip，40px-->

android:layout_marginBottom  离某元素底边缘的距离

android:layout_marginLeft    离某元素左边缘的距离

android:layout_marginRight   离某元素右边缘的距离

android:layout_marginTop     离某元素上边缘的距离
<!--设为其他组件ID的属性-->

android:layout_alignBottom 将该控件的底部边缘与给定ID控件的底部边缘对齐，并置于父窗口最左边，会覆盖最左边的控件

android:layout_alignLeft 将该控件的左边缘与给定ID控件的左边缘对齐，并置于父窗口最上边，会覆盖最上边的控件

android:layout_alignRight 将该控件的右边缘与给定ID控件的右边缘对齐，并置于父窗口最上边，会覆盖最上边的控件

android:layout_alignTop 将给定控件的顶部边缘与给定ID控件的顶部对齐，并置于父窗口最左边，会覆盖最左边的控件

android:layout_above 将该控件的底部至于给定ID的控件之上,但不会左对齐，默认置于父窗口最左边，会覆盖最左边的控件

android:layout_below 将该控件的顶部至于给定ID的控件之下,但不会左对齐，默认置于父窗口最左边，会覆盖最左边的控件

android:layout_toLeftOf 将该控件的右边缘和给定ID的控件的左边缘对齐，默认置于父窗口最上面，会覆盖最上面的控件

android:layout_toRightOf 将该控件的左边缘和给定ID的控件的右边缘对齐，默认置于父窗口最上面，会覆盖最上面的控件
android:layout_alignBaseline该控件的baseline和给定ID的控件的baseline对齐，并置于父窗口最左边，会覆盖最左边的控件 
<!--设为boolean值得属性-->

android:layout_centerHorizonal="true"     水平居中

android:layout_centerVertical="true"      垂直居中

android:layout_centerInParent="true"      位于中央位置

android:layout_alignParentBottom ="true"  控件的底部和父控件的底部对齐，默认置于父窗口最左下，会覆盖最左下的控件

android:layout_alignParentLeft="true"     控件的左边与父控件的左边对齐，默认置于父窗口最左上，会覆盖最左上的控件

android:layout_alignParentRight="true"    控件的右边与父控件的右边对齐，默认置于父窗口最右上，会覆盖最右上的控件

android:layout_alignParentTop="true"      控件的顶部与父控件的顶部对齐，默认置于父窗口最左上，会覆盖最左上的控件

android:layout_alignParentStart="true"    控制该组件和布局管理器开始对齐

android:layout_alignParentEnd="true"      控制该组件是否和布局管理器末端对齐。

android:layout_centerHorizontal="true"    控件将被至于水平方向的中央（默认父布局的上方）

android:layout_centerInParent="true"      控件将被至于父控件水平方向和垂直方向的中央

android:layout_centerVertical="true"      控件将被至于垂直方向的中央（默认父布局的左边）

android:layout_alignWithParentIfMissing="true"    如果对应的兄弟元素找不到的话就以父元素做参照物

代码如下：

<?xml version="1.0" encoding="utf-8"?>

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

    android:layout_width="match_parent"

    android:layout_height="match_parent" >

    <TextView

        android:id="@+id/view1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_centerInParent="true"

        android:width="30pt"

        android:height="30pt"

        android:layout_marginBottom="10pt"

        android:layout_marginLeft="10pt"

        android:layout_marginRight="10pt"

        android:layout_marginTop="10pt"

        android:background="#f00"/>

    <TextView

        android:id="@+id/view2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_above="@id/view1"

        android:layout_alignLeft="@id/view1"

        android:width="30pt"

        android:height="30pt"

        android:background="#0f0"/>

    <TextView

        android:id="@+id/view3"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@id/view1"

        android:layout_alignLeft="@id/view1"

        android:width="30pt"

        android:height="30pt"

        android:background="#00f"/>

    <TextView

        android:id="@+id/view4"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_toLeftOf="@id/view1"

        android:layout_alignTop="@id/view1"

        android:width="30pt"

        android:height="30pt"

        android:background="#ff0"/>

    <TextView

        android:id="@+id/view5"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_toRightOf="@id/view1"

        android:layout_alignTop="@id/view1"

        android:width="30pt"

        android:height="30pt"

        android:background="#f0f"/>

</RelativeLayout>

5.网格布局

android:layout_column                设置该子组件在GridLayout的第几列

android:layout_columnSpan            设置该子组件在GridLayout横向上跨几列

android:layout_gravity               设置该子组件采用何种方式占据该网格

android:layout_row                   设置该子组件在GridLayout的第几行

android:layout_rowSpan               设置该子组件在GridLayout纵向上跨几行。

android:alignmentMode                设置该布局管理器采用的对齐模式

android:columnCount                  设置该网格的列数量

android:columnOrderPreserved         设置该网格容器是否保留列序号

android:orientation                  设置该网格的排列方向，"vertical" 为垂直分布，"horizontal"为水平分布

android:rowCount                     设置该网格的行数量

android:rowOrderPreserved            设置该网格容器是否保留行序号

android:useDefaultMargins            设置是否使用默认的页边距

代码如下：

<?xml version="1.0" encoding="utf-8"?>

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

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    >

    <TextView

        android:id="@+id/lable"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_x="20dip"

        android:layout_y="20dip"

        android:text="input" />

    <EditText

        android:id="@+id/entry"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_y="40dip" />

    <Button

        android:id="@+id/ok"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_x="180dip"

        android:layout_y="100dip"

        android:width="60dip"

        android:text="确定" />

    <Button

        android:id="@+id/cancel"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_x="270dip"

        android:layout_y="100dip"

        android:width="60dip"

        android:text="取消" />

</AbsoluteLayout>

Android 之 布局训练的更多相关文章

  1. 【腾讯Bugly干货分享】Android动态布局入门及NinePatchChunk解密

    本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/57c7ff5d53bbcffd68c64411 作者:黄进——QQ音乐团队 摆脱 ...

  2. Xamarin.Android之布局文件智能提示问题

    一.前言 看到有人问关于xamarin.android的布局没智能提示问题(VS 2015),当然,写布局这东西没提示这是一件相对痛苦的事 ,所以这里就提供一个解决的方案! 二.解决方案 想要智能提示 ...

  3. android—-线性布局

    android五大布局之线性布局. 1.线性布局的特点:各个子元素彼此连接,中间不留空白 而今天我们要讲解的就是第一个布局,LinearLayout(线性布局),我们屏幕适配的使用 用的比较多的就是L ...

  4. Android基本布局

    android基本布局有三种:LinearLayout,RelativeLayout,FrameLayout. 一.LinearLayout 1,这是一种垂直布局(或者水平布局),可以通过下面这一句来 ...

  5. android layout布局属性

    参考:http://blog.csdn.net/msmile_my/article/details/9018775 第一类:属性值 true或者 false           android:lay ...

  6. Android 学习第10课，Android的布局

    Android的布局 线性布局

  7. Android 优化布局层次结构

    前面介绍过使用HierarchyViewer和Android lint来优化我们的程序,这一篇算是总结性的,借助一个小例子来说用怎么优化应用布局.这个例子是android官网给出的,作者也当一把翻译. ...

  8. Android 五大布局

    Android 五大布局:  FrameLayout(框架布局),LinearLayout (线性布局),AbsoluteLayout(绝对布局),RelativeLayout(相对布局),Table ...

  9. Android界面布局基本知识简述

    Android手机操作系统在模拟器中进行相关的编写,可以帮助我们实现各种功能需求.尤其是在界面的操作方面显得更为突出.在这里我们就可以对Android界面布局的相关操作来对这方面的知识进行一个深入的了 ...

随机推荐

  1. C语言中的数组与字符串

    1. 数组与指针: 对于数组,需要注意两点:1, C语言中只有一维数组, 而且数组的大小必须在编译期就作为一个常数确定下来: 2. 对于一个数组,我们只能做两件事:确定数组的大小 和 获得指向该数组下 ...

  2. java的GUI程序的基本思路是以JFrame为基础

    JFrame – java的GUI程序的基本思路是以JFrame为基础,它是屏幕上window的对象,能够最大化.最小化.关闭. JPanel – Java图形用户界面(GUI)工具包swing中的面 ...

  3. (原)hisi3531立体声pcm实现播放方式

    版权声明:本文为博主原创文章,未经博主允许不得转载(http://www.cnblogs.com/lihaiping/p/5251854.html) 最近在使用hisi3531做一个项目,需要实现本地 ...

  4. (转)live555学习笔记-UsageEnvironment和TaskScheduler

    2011-12-6阅读1264 评论1 一直想学习流媒体服务器的设计,这几天有点时间,看了一下live555的源代码.live555是一个开源的跨平台流媒体服务器,使用编程语言是C++.将现阶段学习笔 ...

  5. 备份集中的数据库备份与现有的xx数据库不同”解决方法

    搞定

  6. 数据源（HikariCP）

    HikariCP 是一个高性能的 JDBC 连接池组件.下图是性能的比较测试结果: 自从看到了这张图,我就对于我之前一直在使用了 c3p0 产生了深深的怀疑,迫切的期望得到对应的数据来优化我的代码. ...

  7. HTML5 Canvas 超炫酷烟花绽放动画教程

    这是一个很酷的HTML5 Canvas动画,它将模拟的是我们现实生活中烟花绽放的动画特效,效果非常逼真,但是毕竟是电脑模拟,带女朋友看就算了,效果还是差了点,呵呵.这个HTML5 Canvas动画有一 ...

  8. UITableView：改变 TableHeaderView 的高度

    参考:http://stackoverflow.com/a/526825 有这么一种需求,在列表顶端显示一些别样的数据,而这个别样的数据则需要通过一个别样的 View 来展现,它便是 UITableV ...

  9. mysql用户管理 常用sql语句 mysql数据库备份恢复

     

  10. hive 1.2 配置

    参考链接 http://www.cnblogs.com/yjmyzz/p/how-to-install-hive-1-2-0-on-mac.html