移动开发技术_ 用户界面布局设计_1 基本概念与相对布局_
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
03 布局管理：管理控件的布局格式，组织界面中控件 的呈现方式
04 Activity：用于为用户呈现窗口或屏幕
05 Fragment：针对不同屏幕尺寸时，优化UI布局以 及创建可重用的UI元素
视图容器
ViewGroup类通常作为其控件的容器使用
ViewGroup
ViewGroup
View
View
View
布局管理器
01 打开项目，找到layout文件夹，右键点击new — XML—Layout Xml File,然后就会创建一个新的布 局文件。
02 添加控件，新创建的布局文件可以通过在xml文件 中添加控件，也可以通过在图形用户界面上进行直 接的拖拉操作，然后再次通过代码进行调整，这种 方式减少了用户的代码编写量。
android:layout_alignLeft
与指定控件左wenku.baidu.com齐
android:layout_alignRight
与指定控件右对齐
android:layout_alignTop
与指定控件顶部对齐
android:layout_alignBottom
与指定控件底部对齐
相对布局 RelativeLayout
约束布局（ConstraintLayout）
三大布局
界面由布局（layout）和控件（view）组成： 01 Layout是XML文件 02 Layout中包含控件
三大布局
RelativeLayout
控件相对于父级layout布局 控件相对于其他控件
三大布局
LinearLayout
GridLayout
View
View
组件的宽高单位
几个常用的宽高单位：
01 px 像素，即在屏幕中可以显示的最小元素单元。分辨 率越高的手机，屏幕的像素点就越多。因此，如果 使用px来设置控件的大小，在分辨率不同的手机上 控件的显示出来的大小也不一样。
02 dp 密度无关像素，又称dip，使用dp的好处是在无论 屏幕的分辨率如何总能显示相同的大小，一般使用 dp作为控件与布局的宽高单位。
组件的宽高单位
几个常用的宽高单位：
03 pt 磅数，一般pt都会作为字体的单位来显示。pt和px 的情况相似，在不同分辨率的手机上，用pt作为字 体单位显示的大小也不一样。
04 sp 可伸缩像素，采用与dp相同的设计理念，设置字体 大小时使用。
布局管理器
在Android开发当中，界面的设计是通过布局文件 实现的，布局文件采用XML的格式，每个应用程 序默认会创建一个activity_main.xml布局文件，它 是应用启动的界面。
移动 讲师 段瑞枫
开发技术
北京林业大学信息学院
第五章：用户界面——布局设计
基本概念 相对布局 线性布局 网格布局 总结
爱车位于：
第18行 第56列
Android UI元素
Android中界面元素：
01 视图：所有可视界面元素（通常称为控件或小组件） 的基类
02 视图容器：视图类的扩展，其中包含多个子视图
android:layout_toRightOf
在指定控件右边
android:layout_toLeftOf
在指定控件左边
android:layout_above
在指定控件上边
android:layout_below
在指定控件下边
android:layout_alignBaseline
与指定控件水平对齐
水平或垂直依次排列
控件位于某行某列
移动 讲师 段瑞枫
开发技术
北京林业大学信息学院
第五章：用户界面——布局设计
基本概念 相对布局 线性布局 网格布局 总结
爱车位于：
第18行 第56列
相对布局 RelativeLayout
相对布局分为相对于父级Layout和其它控件两种。为了更 好的确定布局中控件的位置，相对布局提供了很多属性。
布局管理器
布局管理器
布局管理器
布局的类型
一个优秀的布局设计对UI界面起到重要的作用，在 Android中常用布局主要有7种： 线性布局（LinearLayout） 相对布局（RelativeLayout） 表格布局（TableLayout） 网格布局（GridLayout） 绝对布局（AbsoluteLayout） 帧布局（FrameLayout）
右间隔
相对布局 RelativeLayout
添加Pad： 01 设置与边框的距离 02 使用android:padding*属性，可用于所有Layout和view
@dimen指向app/src/main/res/values文件dimens.xml文件
Layout从dimen 资源中查找间隔 参数定义
RelativeLayout：
相对于父级Layout或其他控件布局 在XML中使用 <RelativeLayout>元素定义 必须定义高和宽： android:layout_height=XXX android:layout_width=XXX
"match_parent" "wrap_content" 10dp - 10 density-independent pixels，各种屏幕上的大小基本相同
相对布局 RelativeLayout
相对于父级layout布局： android:layout_alignParent*属性="true"
Layout包含button ，是button的父级
按钮相对于Laytou布局
layout_alignParentTop
父级 布局
layout_alignParentRight
定义其它属性
Layout_width 和 layout_height 定 义了布局的尺寸。
必须定义高和宽
相对布局 RelativeLayout
添加Pad： 01 设置与边框的距离 02 使用android:padding*属性，可用于所有Layout和view
顶部间隔 左间隔
与边框间隔16dp
底部间隔
属性声明
功能描述
android:layout_alignParentLeft android:layout_alignParentRight android:layout_alignParentTop
是否跟父级布局左对齐 是否跟父级布局右对齐 是否跟父级布局顶部对齐
android:layout_alignParentBottom 是否跟父级布局底部对齐
04 Activity：用于为用户呈现窗口或屏幕
05 Fragment：针对不同屏幕尺寸时，优化UI布局以 及创建可重用的UI元素
视图容器
ViewGroup类通常作为其控件的容器使用
ViewGroup
ViewGroup
View
View
View
布局管理器
01 打开项目，找到layout文件夹，右键点击new — XML—Layout Xml File,然后就会创建一个新的布 局文件。
02 添加控件，新创建的布局文件可以通过在xml文件 中添加控件，也可以通过在图形用户界面上进行直 接的拖拉操作，然后再次通过代码进行调整，这种 方式减少了用户的代码编写量。
android:layout_alignLeft
与指定控件左wenku.baidu.com齐
android:layout_alignRight
与指定控件右对齐
android:layout_alignTop
与指定控件顶部对齐
android:layout_alignBottom
与指定控件底部对齐
相对布局 RelativeLayout
约束布局（ConstraintLayout）
三大布局
界面由布局（layout）和控件（view）组成： 01 Layout是XML文件 02 Layout中包含控件
三大布局
RelativeLayout
控件相对于父级layout布局 控件相对于其他控件
三大布局
LinearLayout
GridLayout
View
View
组件的宽高单位
几个常用的宽高单位：
01 px 像素，即在屏幕中可以显示的最小元素单元。分辨 率越高的手机，屏幕的像素点就越多。因此，如果 使用px来设置控件的大小，在分辨率不同的手机上 控件的显示出来的大小也不一样。
02 dp 密度无关像素，又称dip，使用dp的好处是在无论 屏幕的分辨率如何总能显示相同的大小，一般使用 dp作为控件与布局的宽高单位。
组件的宽高单位
几个常用的宽高单位：
03 pt 磅数，一般pt都会作为字体的单位来显示。pt和px 的情况相似，在不同分辨率的手机上，用pt作为字 体单位显示的大小也不一样。
04 sp 可伸缩像素，采用与dp相同的设计理念，设置字体 大小时使用。
布局管理器
在Android开发当中，界面的设计是通过布局文件 实现的，布局文件采用XML的格式，每个应用程 序默认会创建一个activity_main.xml布局文件，它 是应用启动的界面。
移动 讲师 段瑞枫
开发技术
北京林业大学信息学院
第五章：用户界面——布局设计
基本概念 相对布局 线性布局 网格布局 总结
爱车位于：
第18行 第56列
Android UI元素
Android中界面元素：
01 视图：所有可视界面元素（通常称为控件或小组件） 的基类
02 视图容器：视图类的扩展，其中包含多个子视图
android:layout_toRightOf
在指定控件右边
android:layout_toLeftOf
在指定控件左边
android:layout_above
在指定控件上边
android:layout_below
在指定控件下边
android:layout_alignBaseline
与指定控件水平对齐
水平或垂直依次排列
控件位于某行某列
移动 讲师 段瑞枫
开发技术
北京林业大学信息学院
第五章：用户界面——布局设计
基本概念 相对布局 线性布局 网格布局 总结
爱车位于：
第18行 第56列
相对布局 RelativeLayout
相对布局分为相对于父级Layout和其它控件两种。为了更 好的确定布局中控件的位置，相对布局提供了很多属性。
布局管理器
布局管理器
布局管理器
布局的类型
一个优秀的布局设计对UI界面起到重要的作用，在 Android中常用布局主要有7种： 线性布局（LinearLayout） 相对布局（RelativeLayout） 表格布局（TableLayout） 网格布局（GridLayout） 绝对布局（AbsoluteLayout） 帧布局（FrameLayout）
右间隔
相对布局 RelativeLayout
添加Pad： 01 设置与边框的距离 02 使用android:padding*属性，可用于所有Layout和view
@dimen指向app/src/main/res/values文件dimens.xml文件
Layout从dimen 资源中查找间隔 参数定义
RelativeLayout：
相对于父级Layout或其他控件布局 在XML中使用 <RelativeLayout>元素定义 必须定义高和宽： android:layout_height=XXX android:layout_width=XXX
"match_parent" "wrap_content" 10dp - 10 density-independent pixels，各种屏幕上的大小基本相同
相对布局 RelativeLayout
相对于父级layout布局： android:layout_alignParent*属性="true"
Layout包含button ，是button的父级
按钮相对于Laytou布局
layout_alignParentTop
父级 布局
layout_alignParentRight
定义其它属性
Layout_width 和 layout_height 定 义了布局的尺寸。
必须定义高和宽
相对布局 RelativeLayout
添加Pad： 01 设置与边框的距离 02 使用android:padding*属性，可用于所有Layout和view
顶部间隔 左间隔
与边框间隔16dp
底部间隔
属性声明
功能描述
android:layout_alignParentLeft android:layout_alignParentRight android:layout_alignParentTop
是否跟父级布局左对齐 是否跟父级布局右对齐 是否跟父级布局顶部对齐
android:layout_alignParentBottom 是否跟父级布局底部对齐