1 / 61
文档名称:

(Android移动应用开发)第3章UI设计.pptx

格式:pptx   大小:3,318KB   页数:61页
下载后只包含 1 个 PPTX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

(Android移动应用开发)第3章UI设计.pptx

上传人:autohww 2018/5/31 文件大小:3.24 MB

下载得到文件列表

(Android移动应用开发)第3章UI设计.pptx

相关文档

文档介绍

文档介绍:Android移动应用开发基础教程
讲授:XXXXX
第3章 UI设计
本章主要内容:
布局
通用UI组件
消息通知
对话框
菜单
ListView
RecyclerView
布局
布局是Android应用程序的界面定义。布局中的所有界面元素,都是视图(View)或视图组(ViewGroup)对象。一个布局首先是一个视图组对象,然后在视图组对象中添加子视图组对象或者视图对象。
本节主要内容:
视图和视图组
布局的定义方法
线性布局LinerLayout
相对布局RelativeLayout
帧布局FrameLayout
视图和视图组
视图对象用于在屏幕上绘制可与用户交互的界面元素。一个视图占据一块矩形屏幕区域,并通过属性设置来渲染此区域。视图区域也可设置是否可见、是否可获得焦点,也可处理区域中发生的事件(用户触摸、拖动等等)。
在Android中,View类是所有用于设计界面组成元素的基类,Button、CheckBox、ExitView、ImageView、ProgressBar、TextView以及其他的UI组件,都是View类的子类或子类的派生类。
视图组是一种特殊的视图,它不具有可见性,而是一种容器。在视图组中可包含视图组和视图。ViewGroup类是View类的一个子类,它又是各种布局类的基类。常用的布局类有LinearLayout(线性布局)、RelativeLayout(相对布局)和FrameLayout(帧布局)类等。
布局的定义方法
可通过两种方法来定义布局:XML定义和代码定义
布局的XML定义是使用Android的XML词汇,以文本的方式在快速设计UI布局及其包含的界面元素。
线性布局LinerLayout
LinerLayout是一个视图组,它按照垂直或水平方式按顺序排列内部的视图或视图组对象。线性布局中,每行或每列中只允许有一个子视图。
android:gravity:设置内部组件的显示位置。
android:orientation:设置内部组件的排列方向,常量horizontal表示水平排列,vertical(默认值)表示垂直排列。
android:background:设置一个drawable资源作为背景。
android:id:设置布局ID.
android:padding:设置所有边距的统一值
android:paddingBottom:设置底部边距
android:paddingLeft:设置左边距
android:paddingRight:设置右边距
android:paddingTop:设置顶部边距
相对布局RelativeLayout
RelativeLayout是一个视图组,它按照相对位置来排列各个子视图。
在使用相对布局时,子视图默认位于左上角,可使用下列属性来控制子视图的位置:
android:layout_alignParentTop:设置为true时,子视图的上边框与父视图的上边框对齐。
android:layout_centerVertical:设置为true时,子视图在垂直方向上的位于父视图中间位置。
android:layout_centerHorizontal:设置为true时,子视图在水平方向上的位于父视图中间位置。
android:layout_below:设置一个控件ID,子视图位于该控件下方。
android:layout_toRightOf:设置一个控件ID,子视图位于该控件右侧。
android:layout_toLeftOf:设置一个控件ID,子视图位于该控件左侧。
帧布局FrameLayout
帧布局是一种特殊的布局,它以层叠的方式显示布局中的多个控件,最后添加的控件位于最前面。
默认情况下,控件位于帧布局的左上角。可通过控件的android:layout_gravity属性控制其位置。android:layout_gravity属性可设置为下列值:
top:控件位于布局顶部。
bottom:控件位于布局底部。单独使用时等价于“left|bottom”。
left:控件位于布局左侧。
right:控件位于布局右侧。单独使用时等价于“top|right”。
center:控件位于布局中心。
center_vertical:控件位于垂直方向上的中间位置。单独使用时等价于“left| center_vertical”。
center_horizontal:控件位于水平方向上的中间位置。单独使用时等价于“top| center_ horizontal”。