什么是布局?
就是把界面中的控件按照某种规律摆放到指定的位置
布局的二种实现
代码
xml配置文件:res/layout目录下
注:也可以同时使用xml和代码
目录
用 [TOC]
来生成目录:
padding 内补丁
margin 外补丁
background 颜色
match_parent/fill_parent 匹配父类的内容
wrap_content 适应自己的内容
LinearLayout 线性布局
orientation=”vertical(垂直) | horizontal(平行)”
android:gravity和android:layout_gravity的区别
android:gravity:控件内部的元素(对内有效)
android:layout_gravity:控件所在父元素的位置(对外生效)
例如:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮1"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮2"/>
</LinearLayout>
FrameLayout 帧布局
注:帧布局有点类似于awt的CardLayout都是把组件一个一个叠加到一起,
但CardLayout能将下面的组件移上来,但FrameLayout没有提供此功能
例如:
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<ImageView
android:layout_width="200dp"
android:background="@color/aqua"
android:layout_gravity="center"
android:layout_height="200dp" />
<ImageView
android:layout_width="150dp"
android:background="@color/crimson"
android:layout_gravity="center"
android:layout_height="150dp" />
<ImageView
android:layout_width="120dp"
android:background="@color/lawngreen"
android:layout_gravity="center"
android:layout_height="120dp" />
<ImageView
android:layout_width="80dp"
android:background="@color/springgreen"
android:layout_gravity="center"
android:layout_height="80dp" />
<ImageView
android:layout_width="60dp"
android:background="@color/fuchsia"
android:layout_gravity="center"
android:layout_height="60dp" />
</FrameLayout>
RelativeLayout 相对布局
注1:注意XML中组件的顺序,不然会报错
注2:android新版本中组件的定义顺序没有关系
RelativeLayout支持的二个xml属性
android:gravity :设置该布局容器内各子组件的对齐方式
android:ignoreGravity:设置哪个组件不受gravity属性的影响
控制子组件布局的内部类RalativeLayout.LayoutParams 此内部类的属性分二类
1、 boolean
相对父元素
alignParent...
center...(只有在父元素中才存在水平或垂直居中等)
2、 id型
@+id和@id的区别
@+id/x1(添加新ID)
@id/x1(引用此ID)
相对于指定元素(根据ID指定)
layout_toRightOf,layout_toLeftOf(是一种靠拢动作)
例如:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<Button
android:layout_width="60dp"
android:background="@color/red"
android:layout_height="60dp" />
<Button
android:layout_width="60dp"
android:background="@color/coral"
android:layout_centerHorizontal="true"
android:layout_height="60dp" />
<Button
android:layout_width="60dp"
android:background="@color/yellow"
android:layout_alignParentRight="true"
android:layout_height="60dp" />
<Button
android:layout_width="60dp"
android:background="@color/blue"
android:layout_centerInParent="true"
android:id="@+id/main_btn_blue"
android:layout_height="60dp" />
<Button
android:layout_width="60dp"
android:background="@color/green"
android:layout_toLeftOf="@id/main_btn_blue"
android:layout_centerInParent="true"
android:layout_marginRight="20dp"
android:layout_height="60dp" />
<Button
android:layout_width="60dp"
android:background="@color/darkblue"
android:layout_toRightOf="@id/main_btn_blue"
android:layout_centerInParent="true"
android:layout_marginLeft="20dp"
android:layout_height="60dp" />
<Button
android:layout_width="match_parent"
android:background="@color/darkviolet"
android:layout_alignParentBottom="true"
android:layout_height="60dp" />
</RelativeLayout>
GridLayout 网格布局
常用属性
布局相关属性:rowCount、columnCount
子控件相关属性:layout_gravity=”fill_horizontal|fill_vertical”
例如:
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:rowCount="5"
android:columnCount="4"
tools:context=".MainActivity">
<Button
android:layout_width="60dp"
android:background="@color/red"
android:text="1"
android:layout_height="60dp" />
<Button
android:layout_width="60dp"
android:background="@color/coral"
android:layout_centerHorizontal="true"
android:text="2"
android:layout_height="60dp" />
<Button
android:layout_width="60dp"
android:background="@color/yellow"
android:text="3"
android:layout_alignParentRight="true"
android:layout_height="60dp" />
<Button
android:layout_width="60dp"
android:background="@color/blue"
android:text="5"
android:layout_centerInParent="true"
android:id="@+id/main_btn_blue"
android:layout_rowSpan="2"
android:layout_gravity="fill_vertical"
android:layout_height="60dp" />
<Button
android:layout_width="60dp"
android:background="@color/green"
android:text="4"
android:layout_toLeftOf="@id/main_btn_blue"
android:layout_centerInParent="true"
android:layout_columnSpan="2"
android:layout_gravity="fill_horizontal"
android:layout_height="60dp" />
<Button
android:layout_width="60dp"
android:background="@color/darkblue"
android:layout_toRightOf="@id/main_btn_blue"
android:layout_centerInParent="true"
android:text="6"
android:layout_height="60dp" />
<Space />
</GridLayout>
注:Space标签的作用:挡住控件,让其不超出网格的范围