Android移动应用开发（微课版）任务指导书3.1.pdfVIP

任务指导书

3.1

Android移动应用开发（微课版）

主编：李维勇

第1页共14页

2

目录

任务3.1设计App登录界面1

任务介绍1

任务目标2

实现思路2

实现步骤3

第2页共14页

任务3.1设计App登录界面

任务介绍

1.任务描述

参照微信登录界面，使用常用控件、线性布

局和相对布局，实现App登录界面。

2.运行结果

本任务运行结果如图1所示。

图1运行结果

第3页共14页

2

任务目标

掌握使用线性布局和相对布局创建XML布

局文件的方法。

掌握常用控件基本属性的含义。

掌握常用控件的使用方法。

掌握可视化界面编辑器的使用方法。

实现思路

（1）分析微信登录界面的特征，结合常用布

局实现App登录界面整体布局效果。

（2）分析微信登录界面的元素构成，准备图

片、文字、样式等资源文件。

（3）在布局的Design视图的”Attributes”

面板配置界面元素的相关属性。

（4）运行App并观察运行结果。

第4页共14页

3

实现步骤

（1）使用项目创建向导创建Android项目

P03_1，如图2所示。

图2P03_1项目结构

（2）为项目P03_1准备图片、文字、样式

等资源文件，将自己微信的图片复制到mipmap

下，在P03_1/app/src/main/res/mipmap下可

以看到准备的图片资源文件。图3所示为

mipmap-hdpi下的资源文件。

第5页共14页

4

图3资源文件

（3）利用可视化界面编辑器，实现部分App

登录界面。

1）用拖曳控件方法添加LinearLayout

(vertical)布局控件。

①打开res/layout中的布局文件activity_

main.xml，如图4所示。

②切换到Design视图。

③选择“Palette”下的“Layouts”。

④选中右侧的“LinearLayout(vertical)”。

第6页共14页

5

⑤拖曳“Lin