第3讲Android用户界面(一)

视图组件的定义 资源的访问 生成视图组件资源标识 视图组件的引用 视图组件的事件响应
视图组件的使用模式
• 视图组件的定义
1.使用XML文件描述组件及样式（P60） 2.在Java程序运行时动态添加或修改组件及样式（P61） 随后获取UI组件对象
控件资源ID 控 件 控件大小 控件显示内容
findViewById() 根据控件的id来获取控件对象
Button myButton = (Button)findViewById(R.id.button1 );
视图组件的使用模式
• 视图组件的事件响应
第一种：定义事件监听器，再与组件绑定
事件监听器定义： public class btnListener implements View.OnClickListener{ @Override public void onClick(View v) { } } 组件绑定： Button myButton = (Button)findViewById(R.id.button1 ); myButton.setOnClickListener(new btnListener() )
•
Android用户界面框架采用视图树（View Tree）模 型

Android用户界面框架中的界面元素以一种树型结构组织在一起，称为 视图树 Android系统会依据视图树的结构从上至下绘制每一个界面元素。每个 元素负责对自身的绘制，如果元素包含子元素，该元素会通知其下所 有子元素进行绘制

Android资源管理方式
Android用户界面的基本控件
•
按钮控件:Button和ImageButton

Button是一种按钮控件，用户能够在该控件上点击，随后 引发相应的事件处理函数 ImageButton用以实现能够显示图像功能的控件按钮

Button
ImageButton
Button和ImageButton示例
常用函数： setText(); getText();
Android用户界面控件的常规属性
•
android:id属性

功能：声明了控件对象的ID，这个ID主要用于在代码中引 用这个控件对象 "@+id/edittext1"表示所设置的ID值 @表示后面的字符串是ID资源 加号（+）表示需要建立新资源名称，并添加到R.java文件 斜杠后面的字符串（edittext1）表示新资源的名称
视图组件的使用模式
• 资源的访问
1.颜色资源
<resources> <color name=“color1”>#FF0000</color> </resources>
2.尺寸资源
<resources> <demen name=“dimen1”>20px</demen> /resources>
3.Drawable资源 4.样式资源
Android 用户界面设计的基础知识
• Android用户界面框架采用MVC（Model-View-Controller） 模型
提供了处理用户输入的控制器（Controller） 显示用户界面和图像的视图（View）， 以及保存数据和代码的模型（Model）
Android 用户界面设计的基础知识
Android 用户界面设计的基础知识
• 设计手机用户界面应解决的问题
需界面设计与程序逻辑完全分离 需自动调整界面上部分控件的位置和尺寸 需合理利用较小的屏幕显示空间，构造出符合人机交互规 律的用户界面 使用XML文件（布局文件）描述用户界面；资源文件独立 保存在资源文件夹中(res) 对用户界面描述非常灵活，允许不明确定义界面的位置和 尺寸，仅声明界面元素的相对位置和粗略尺寸

•
常见的系统控件

常用控件：TextView、EditText、Button 选择控件：CheckBox、RadioButton、Spinner、ListView 进度条控件：Progress 对话框控件：Dialog 消息提示控件：Toast
Android用户界面的基本控件
• 文本控件：TextView和EditText
视图组件的使用模式
• 视图组件的事件响应
第三种：当前Activity类实现监听器接口
public class MainActivity extends Activity implements OnClickListener { protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(yout.activity_main); btn1 = (Button)findViewById(R.id.button1); btn1.setOnClickListener(this); } public void onClick(View v) { }
}
视图组件的使用模式
• 视图组件的事件响应
布局文件：
第四种：XML布局文件中设置回调方法名
Java文件： public void onJump(View v) { Logcat.i(“test”,”onjump”); }
Android用户界面的基本控件
•
Android系统的界面控件有两种

系统控件：是Android系统提供给用户已经封装的界面控件。提供在应 用程序开发过程中常见功能控件。系统控件更有利于帮助用户进行快 速开发，同时能够使Android系统中应用程序的界面保持一致性 定制控件：是用户独立开发的控件，或通过继承并修改系统控件后所 产生的新控件。能够为用户提供特殊的功能或与众不同的显示需求方 式
第3讲 Android用户界面(一)
宋婕 sj@
上讲回顾
• Android 应用程序生命周期 • Activity生命周期中回调函数的调用及Activity栈 • Android应用程序的调试方法和工具
教学目标
• 了解Android 用户界面设计的基础知识
• 了解Android的资源管理方式
使用XML文件描述界面布局 在程序运行时动态添加或修改界面布局
布局对象在程序中的调用
setContentView(…) 从布局文件加载布局及控件
பைடு நூலகம்
findViewById
布局
setContentView
加载
Activity
视图组件的使用模式
• 视图组件，又称为widget组件、UI组件、View组件
• Android已经解决了前面两个问题
Android 用户界面设计的基础知识
• 设计手机用户界面应特别注意的问题
显示区域小 操作主要依赖拇指 不同型号的手机支持的图片格式、声音格式、动画格式不 一样，需要选择尽可能通用的格式，或者针对不同的型号 进行配置选择 不同型号的手机屏幕大小不一致，设置形状不一致，因此 需要考虑图片的自适应问题和界面元素的布局问题
android:layout_height属性
属性值 fill_parent match_parent wrap_content
Android用户界面控件的常规属性
• android:text属性
功能：用来设置控件对象上显示的文字内容 使用方法： (1)直接输入字符串：android:text=“用户名：“ (2)采用字符串变量：android:text="@string/textStr"
android:id="@+id/edittext1"
Android用户界面控件的常规属性
• •
android:layout_width属性

功能：用来设置控件对象的宽度。 功能：用来设置控件对象的高度。 属性值：Special value for the height or width requested by a View 功能 the view wants to be as big as its parent the view wants to be as big as its parent the view wants to be just large enough to fit its own internal content
• Android应用程序模型
源代码
ANDROID 应用程序
Activity
Activity
R.java
控件布局（Layout）
资源
图片（Drawable） 值（Values）
Android资源管理方式
• Android界面布局文件
Android界面布局Layout定义了界面中所有的元素、结构 和相互关系
Java代码使用Activity组件的 findViewById()
findViewById
Activity
布局
setContentView
加载
视图组件的使用模式
• 视图组件的两种用法
setContentView()实现通过布局id加载整个页面
public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(yout.main); }
TextView是一种用于显示字符串的控件 EditText则是用来输入和编辑字符串的控件
label TextView EditText