Andr移动终端基础开发 6

移动终端应用开发ANDROID校园易App用户登录功能实现

目录Contents设计用户登陆页面学习Android常用组件实现校园易APP登陆功能教学目标知识目标熟悉AndroidStudio常用布局。掌握AndroidStudio约束布局。掌握Android的TextView、EditText、Button、ImageView等组件的属性和操作方法。技能目标能够设计Android应用程序界面。能够实现Android应用程序用户登录功能。素质目标培养自主学习和终身学习的能力。培养批判性

思维。培养工程化思维与问题解决能力设计用户登陆页面01PARTAndroid常用布局Android提供了五种常用布局，分别为相对布局、线性布局、帧布局、表格布局和网格布局。1．相对布局相对布局是一种以父容器和兄弟组件为参照来确定组件位置的布局方式。例如，在图所示的相对布局中，首先放置组件A；然后放置组件B，让其位于组件A的下方；最后放置组件C，让其位于组件A的下方，并位于组件B的右侧。相对布局Android常用布局2．线性布局线性布局是将放入其中的组件按照垂直或水平方向来布局，即控制放入其中的组件横向排列或纵向排列。其中，纵向排列的布局称为垂直线性布局；横向排列的布局称为水平线性布局，垂直线性布局水平线性布局Android常用布局3．帧布局在帧布局中，每加入一个组件，都将创建一个空白的区域，该空白的区域通常称为一帧，这些帧都会被放置在屏幕的左上角，即帧布局是从屏幕的左上角(0,0)坐标点开始布局的。帧布局Android常用布局4．表格布局表格布局与常见的表格类似，其以行、列的形式来管理放入其中的组件。表格布局使用＜TableLayout＞标签（表格布局管理器）定义。在表格布局管理器中可以添加多个＜TableRow

＞标签，每个＜TableRow＞标签占用一行；由于<TableRow＞标签也是容器，因此在该标签中还可添加其他组件。表格布局Android常用布局5．网格布局网格布局是在Android4.0中提出的，其使用<GridLayout>标签定义。在网格布局中，屏幕被虚拟的细线划分为行、列和单元格，每个单元格中放置一个组件，且该组件可以跨行或跨列摆放。网格布局Android约束布局约束布局具有相对布局的能力，是一种以父容器和兄弟组件为参照来确定组件位置的布局方式，可以将一个组件相对于另一个组件的位置来放置。当布局嵌套过多时会出现一些性能问题，之前可以通过相对布局或者网格布局来减少这种布局嵌套的问题，现在可以改用约束布局来减少布局的层级结构，还可以按照比例约束控制位置和尺寸，从而更好地适配屏幕大小不同的机型。约束布局相对父容器定位1．相对定位约束布局相对兄弟组件定位Android约束布局XML属性描述app:layout_constraintTop_toTopOf将所需视图的顶部与另一个视图的顶部对齐app:layout_constraintTop_toBottomOf将所需视图的顶部与另一个视图的底部对齐app:layout_constraintBottom_toTopOf将所需视图的底部与另一个视图的顶部对齐app:layout_constraintBottom_toBottomOf将所需视图的底部与另一个视图的底部对齐app:layout_constraintLeft_toLeftOf将所需视图的左边与另一个视图的左边对齐app:layout_constraintLeft_toRightOf将所需视图的左边与另一个视图的右边对齐app:layout_constraintRight_toLeftOf将所需视图的右边与另一个视图的左边对齐app:layout_constraintRight_toRightOf将所需视图的右边与另一个视图的右边对齐app:layout_constraintBaseline_toBaselineOf当两个视图的高度不一致，但是希望它们文本对齐时，可以使用该属性相对定位的常用XML属性Android约束布局约束布局的边距的常用XML属性XML属性描述android:layout_marginStart设置开始位置的距离android:layout_marginEnd设置结束位置的距离android:layout_marginLeft设置左外边距android:layout_marginTop设置顶外边距android:layout_marginRight设置右外边距android:layout_marginBottom设置底外边距学习Android常用组件02PART学习TextView组件在Android中，TextView是文本显示组件，用于在屏幕上显示文本信息，起提示和说明的作用。TextView组件可以显示单行文本，也可以显示多行文本，还可以显示带图像的文本。在XML布局文件中添加文本框的基本语法格式如下。<TextView

属性列表

/>学习TextView组件XML属性描述android:autoLink指定是否将指定格式的文本转换为可单击的超链接，其属性值有none、web、email、phone、map和allandroid:drawableBottom在文本框内文本的底端绘制指定图像，该图像可以是放在res/drawable目录下的图片，通过“@drawable/文件名（不包括文件的扩展名）”设置android:drawableLeft在文本框内文本的左侧绘制指定图像，该图像可以是放在res/drawable目录下的图片，通过“@drawable/文件名（不包括文件的扩展名）”设置android:drawableRight在文本框内文本的右侧绘制指定图像，该图像可以是放在res/drawable目录下的图片，通过“@drawable/文件名（不包括文件的扩展名）”设置android:drawableTop在文本框内文本的顶端绘制指定图像，该图像可以是放在res/drawable目录下的图片，通过“@drawable/文件名（不包括文件的扩展名）”设置android:gravity设置文本框内文本的对齐方式，其属性值有top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill、clip_vertical和clip_horizontal等。这些属性值可以同时指定，各属性值之间用“|”隔开。例如，要指定组件靠右下角对齐，可以使用属性值right|bottomandroid:hint设置当文本框中文本内容为空时，默认显示的提示文本android:inputType指定当前文本框显示内容的文本类型，其属性值有textPassword、textEmailAddress、phone和date等。这些属性值可以同时指定，使用“|”隔开android:singleLine指定该文本框是否为单行模式，其属性值为true或false。该属性值为true时表示该文本框不会换行，当文本框中的文本超过一行时，其超出的部分将被省略，同时在结尾处添加“…”android:text指定该文本框中显示的文本内容，可以直接在该属性值中指定，也可以通过在strings.xml文件中定义文本常量的方式指定android:textColor设置文本框内文本的颜色，其属性值可以是#rgb、#argb、#rrggbb或#aarrggbb格式指定的颜色值android:textSize设置文本框内文本的字体大小，其属性值由代表大小的数值加上单位组成，单位可以是dp、px、pt、sp和in等TextView支持的常用XML属性学习TextView组件【案例2-1】更改TextView组件的显示文本信息为“姓名+学号”。（1）方法一：在约束布局中添加TextView组件，布局代码如下。（2）方法二：在布局页面中添加TextView组件后，打开资源目录res/values下的strings.xml文件（此文件为Android中XML文件的变量定义文件），在其中添加一个名称为txStr的字符串变量，变量值为“22517101刘杨”。（3）方法三：在布局页面中添加TextView组件后，通过更改Java代码来更改TextView的显示文本。

运行结果学习EidtText组件Android中提供了TextView和EditText这两个文本类组件，分别用于在屏幕上显示和输入文本信息。其中，EditText是TextView类的子类，TextView用来显示文本信息。EditText可以用来输入单行文本和多行文本，还可以用来输入指定格式的文本（密码、E-mail、电话号码等）。在XML布局中添加编辑框的基本语法格式如下。<EditTextandroid:id="@+id/editText"android:layout_width="wrap_content"android:layout_height="wrap_content"android:inputType="text"android:text="EditText"/>学习Button组件Button和ImageButton是Android提供的两种按钮组件，其中Button是普通的按钮组件，ImageButton是图片按钮组件。它们都可以在界面上产生一个按钮以响应用户的点击操作，触发一个onClick事件。<Buttonandroid:id="@+id/button"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Button"/>要想知道用户点击按钮的动作，需要在Java代码中进行操作。利用id属性找到添加的按钮组件。Buttonbtn=findViewById(R.id.button);为按钮组件添加点击事件监听器OnClickListener()，时刻监控用户的操作。一旦有点击操作，Android就会自动捕捉并调用监听器的onClick()方法，实现对用户点击操作的处理。btn.setOnClickListener(newView.OnClickListener(){@OverridepublicvoidonClick(Viewview){//用户点击按钮后的操作}});学习Button组件【案例2-2】川剧变脸小游戏。在AndroidStudio中创建一个ChangeFace工程，添加一个按钮使其显示川剧脸谱，每当用户点击后切换到下一张脸谱。川剧变脸小游戏效果学习ImageView组件ImageView组件表示图片视图，用于在屏幕中显示图片对象。在使用时，需要将图片放置在res/drawable目录下，并应用<ImageView>标签将其显示在布局管理器中。其基本语法格式如下。<ImageView

属性列表></ImageView>XML属性描述android:adjustViewBounds设置ImageView是否调整自己的边界来保持所显示图片的长宽比android:maxHeight设置ImageView的最大高度，需要设置android:adjustViewBounds属性值为true，否则该属性不起作用android:maxWidth设置ImageView的最大宽度，需要设置android:adjustViewBounds属性值为true，否则该属性不起作用ImageView支持的常用XML属性android:scaleType设置所显示的图片如何缩放或移动以适应ImageView的大小，其属性值可以是matrix（使用matrix方式进行缩放）、fitXY（对图片横向、纵向独立缩放，使得该图片完全适应于该ImageView，图片的纵横比可能会改变）、fitStart（保持纵横比缩放图片，直至该图片能完全显示在ImageView中，缩放完成后该图片放在ImageView的左上角）、fitCenter（保持纵横比缩放图片，直至该图片能完全显示在ImageView中，缩放完成后该图片放在ImageView的中央）、fitEnd（保持纵横比缩放图片，直至该图片能完全显示在ImageView中，缩放完成后该图片放在ImageView的右下角）、center（把图像放在