Android应用程序开发基础课件 第3章用户界面设计基础.pptx

第3章 用户界面设计基础学习目标Android开发离不了界面，而只要涉及界面，就要用到布局和放置在布局中的控件。本章主要内容介绍Android开发中常用的布局和基本控件和对话框。通过学习要求掌握布局和基本控件的使用，能够设计实现美观大方的应用界面。学习目标：1熟悉Android开发中常用的控件2掌握Android常用的控件的使用3能够在实际应用中灵活使用所学控件3.1 常用布局漂亮的界面是由控件组成的，如何组织这些控件使其按一定的规则摆放在界面上呢？这就需要借助布局来实现了。布局可以说是一种容器，在其上可以放置多个控件，并且让这些控件按照一定的规则摆放在合适的位置，构成美观的用户界面。常用的布局有ConstraintLayout约束布局，LinearLayout线性布局，RelativeLayout相对布局，FrameLayout帧布局，TableLayout表格布局。本节我们将给大家讲解Android中常用的布局。3.1.1 约束布局约束布局ConstraintLayout是Android Studio2.2中新使用的一种布局方式。从Android Studio 2.3起，官方的模板默认使用ConstraintLayout。约束布局非常适合使用可视化的方式来编写界面，通过拖曳将控件放置在布局中，然后设置控件的垂直和水平的相对位置，来实现用户界面的设计。布局文件是xml文件，使用可视化设计界面的时候会自动生成xml代码。约束布局约束布局简单来说就是指定一个对象控件的垂直和水平的位置，这个位置可以是相对与父容器来说，也可以相对于某一个其它控件来说。常用属性如下所示：app:layout_constraintBottom_toBottomOf=parent，它的作用是将此对象的底部约束到其父容器的底部。app:layout_constraintTop_toTopOf=parent，它的作用是将此对象的顶部约束到其父容器的顶部。当Bottom和Top这两个属性的值都为parent时，则此控件垂直居中显示在父布局中。app:layout_constraintLeft_toLeftOf=parent，它的作用是将此对象的左侧约束到其父容器的左侧。app:layout_constraintRight_toRightOf=parent，它的作用是将此对象的右侧约束到其父容器的右侧。layout_constraintTop_toTopOf：当前控件的顶部与另一控件的顶部对齐；layout_constraintBottom_toBottomOf：当前控件的底部与另一控件的底部对齐；当一个控件的顶部和底部与另外一个空间同时对齐时，则这两控件中心将垂直对齐。除了上面四个属性外，常用的约束定位的属性还有以下几个：layout_constraintTop_toBottomOf：当前控件的顶部与另一控件的底部对齐layout_constraintBottom_toTopOf：当前控件的底部与另一控件的顶部对齐layout_constraintLeft_toRightOf：当前控件的左边与另一控件的右边对齐layout_constraintRight_toLeftOf：当前控件的右边与另一控件的左边对齐与上面几个属性类似的还有layout_constraintStart_toStartOf：当前控件的起始边与另一控件的起始边对齐layout_constraintStart_toEndOf：当前控件的起始边与另一控件的尾部边对齐layout_constraintEnd_toEndOf：当前控件的尾部与另一控件的尾部对齐layout_constraintEnd_toStartOf：当前控件的尾部与另一控件的起始边对齐视图选项辅助线等约束布局工具栏默认边距排列是否自动添加约束自动添加约束清除所有约束充满（水平/垂直）图3-4 ConstraintLayout布局工具栏3.1.2 LinearLayout线性布局LinearLayout线性布局是一种简单常用的布局形式，它会将包含的控件在水平或者垂直单一的方向排列。如果一组控件设置为水平排列，那么它只在布局中显示一行，如果设置为垂直排列，则只显示为一列。具体的实现是通过orientation属性来设置的。属性值有vertical和horizontal两个值。其中：android:orientation=vertical 表示布局中的控件垂直排列android:orientation=horizontal 表示布局中的控件水平排列图3-5LinearLayout垂直排列图3-6LinearLayout水平排列注意： 1.如果在一个LinearLayout中没有指定android:orientation属性值，则默认的