2-Android界面设计.ppt

第二章 android界面设计 移动应用开发基础 主讲：李志聪 哈尔滨师范大学计算机科学与信息工程学院 主要内容 常用布局 button EditText ImageView ListView Menu Dialog ActionBar Handler 用户界面（UI） 应用的用户界面包含用户可查看并与之交互的所有内容。Android 提供丰富多样的预置 UI 组件，例如结构化布局对象和 UI 控件，您可以利用这些组件为您的应用构建图形界面。Android 还提供其他 UI 模块用于构建特殊界面，例如对话框、通知和菜单。 用户界面（UI） Android 应用中的所有用户界面元素都是使用 View 和 ViewGroup 对象构建而成。View 对象用于在屏幕上绘制可供用户交互的内容。ViewGroup 对象用于储存其他 View（和 ViewGroup）对象，以便定义界面的布局。 Android 提供了一系列 View 和 ViewGroup 子类，可为您提供常用输入控件（如按钮和文本字段）和各种布局模式（如线性布局或相对布局）。 View Android系统的视图结构的设计也采用了组合模式，即View作为所有图形的基类，Viewgroup对View继承扩展为视图容器类，由此就得到了视图部分的基本结构--树形结构 5 视图层次结构的图示，它定义了一个 UI 布局。 布局 布局定义用户界面的视觉结构，如Activity或应用小部件的 UI。可以通过两种方式声明布局： 在 XML 中声明 UI 元素。Android 提供了对应于 View 类及其子类的简明 XML 词汇，如用于小部件和布局的词汇； 运行时实例化布局元素。应用可以通过编程创建 View 对象和 ViewGroup 对象（并操纵其属性）。 声明布局的方法 声明布局，您可以实例化代码中的 View 对象并开始构建树，但是定义布局最简单且最有效的方法是使用 XML 文件。 每个布局文件都必须只包含一个根元素，并且该元素必须是视图对象或 ViewGroup 对象。定义根元素之后，再以子元素的形式添加其他布局对象或小部件，从而逐步构建定义布局的视图层次结构。 在 XML 中声明布局后，在项目 res/layout/ 目录中以 .xml 扩展名保存文件。 示例 <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="/apk/res/android"              android:layout_width="fill_parent"              android:layout_height="fill_parent"              android:orientation="vertical" >    <TextView android:id="@+id/text"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:text="I am a TextView" />    <Button android:id="@+id/button"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="I am a Button" /></LinearLayout> 加载 XML 资源 每个 XML 布局文件都会编译到一个 View 资源中。 在 Activity.onCreate() 回调实现中从您的应用代码加载布局资源。调用 setContentView()，以 R.layout.layout_file_name 形式向其传递对布局资源的引用来执行此操作。例如，如果 XML 布局保存为 main_layout.xml，则需要像下面这样为的 Activity 加载该布局： public void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.main_layout);} 属性 每个视图对象和 ViewGroup 对象都支持各自的各类 XML 属性。某些属性是视图对象的专用属性（例如，TextView 支持 te