(3)--2.1界面设计概述移动开发技术.pptVIP

界面设计概述

目录CONTENTS界面设计概述01掌握View和ViewGroup的概念；02掌握Android程序界面设计的思路。03

一、UI（UserInterface）界面概述

一、UI（UserInterface）界面概述在Android应用中，界面是人与手机之间进行数据传递、交互信息的重要媒介和对话接口。界面设计是Android程序开发中非常重要的一个环节。界面的美观度将直接影响到用户对软件的第一印象。Android系统给开发者提供了两种设计UI的方式:使用XML语言；使用Java语言。Android推荐使用XML来定义用户界面。每个界面对应一个xml的布局文件，布局文件都在res/layout文件夹下面。

一、UI（UserInterface）界面概述

二、View概述View?对象用于在屏幕上绘制可供用户交互的内容。ViewGroup?对象用于储存其他?View（和?ViewGroup）对象。Android应用中的所有用户界面元素都是使用?View和ViewGroup对象构建而成。图形用户界面层次图

二、View概述Android的控件全都继承自View类，具有所有的View属性。

三、View类的常用属性1、ID界面中的每个控件对象都有一个ID，此ID用于唯一标识该View对象。在布局文件中，该View对象对应的元素的?id?属性为字符串，定义格式如下：android:id=”@+id/Id”Buttonandroid:id=“@+id/my_button”

????android:layout_width=“wrap_content”

????android:layout_height=“wrap_content”

????android:text=“@string/确定/

三、View类的常用属性2、宽度（layout_width）和高度（layout_height）：?每个View对象都必须定义宽度（layout_width）和高度?（layout_height）属性来确定尺寸，属性值为:wrap_content?：视图将其大小调整为内容所需的尺寸。match_parent?：视图采用其父视图组所允许的最大尺寸。两个常用的尺寸单位：dp:一种基于屏幕密度的抽象单位，一般使用dp作为控件与布局的宽高单位。sp:代表可伸缩像素，设置字体大小时使用。Buttonandroid:id=“@+id/my_button”

????android:layout_width=“wrap_content”

????android:layout_height=“wrap_content”

????android:text=“@string/确定/

四、设计界面的步骤在项目的res/layout新建一个xml布局文件。首先根据界面特点选择合适的布局管理器，并设置布局的属性。布局管理器决定了界面元素的排列方式。对应在XML文件中就是那个根元素。然后添加控件并设置控件的属性。这些控件都是根元素的子元素，从而逐步构建起整个布局文件的视图层次结构。最后界面的显示需要在Activity中进行加载这个xml布局文件。

示例新建布局文件：在res/layout下右击，快捷菜单中依次选择New?XML?LayoutXMLFile输入文件名，根据界面特点选择合适的布局管理器。依次添加控件，修改属性即可。

示例

五、界面的加载publicvoidonCreate(BundlesavedInstanceState){

??super.onCreate(savedInstanceState);

??setContentView(R.layout.layout1);

}在?Activity的onCreate()?中从加载布局文件。调用?setContentView()，以?R.layout.layout_file_name?形式向其传递对布局资源的引用来执行此操作。

谢谢观看