Android教程03-AndroidUI程序设计.pptVIP

第三章 UI设计 智能手机开发 2011.09. 倪红军 3.1 Android UI设计概述 设计手机用户界面应解决的问题 需要界面设计与程序逻辑完全分离，这样不仅有利于并行开发，而且在后期修改界面时，也不用再次修改程序的逻辑代码 根据不同型号手机的屏幕解析度、尺寸和纵横比各不相同，自动调整界面上部分控件的位置和尺寸，避免因为屏幕信息的变化而出现显示错误 能够合理利用较小的屏幕显示空间，构造出符合人机交互规律的用户界面，避免出现凌乱、拥挤的用户界面 Android已经解决了前两个问题，使用XML文件描述用户界面；资源资源文件独立保存在资源文件夹中；对界用户面描述非常灵活，允许不明确定义界面元素的位置和尺寸，仅声明界面元素的相对位置和粗略尺寸 Android UI设计中常用类 android.view.View 1）为指定的屏幕矩形区域存储布局和内容 2）处理尺寸和布局，绘制，焦点改变，翻屏，按键、手势 3）widget 基类 android.view.Viewgroup 1）包含并管理下级系列的 Views 和其他Viewgroup 2）布局的基类 声明式UI设计方法 Android使用Layout配置文件通过配置文件中声明控件及定义控件属性的方法来配置一个应用程序UI LinearLayout xmlns:android=/apk/res/android android:orientation=vertical android:background=@drawable/blue android:layout_width=match_parent android:layout_height=wrap_content TextView android:background=@drawable/box android:layout_width=match_parent android:layout_height=wrap_content android:text=@string/linear_layout_1_top/ TextView ……/ TextView ……/ /LinearLayout 编程式UI设计方法 同样可以使用编程的方法动态的生成控件 Button btn = new Button(this); btn.setText(getString(R.string.btntxt)); btn.setOnClickListener(this); layout.addView(btn, new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT)); 用户界面事件 当你在用户界面中加入了一些视图（控件）之后，你可能想要知道如何让它们与用户交互，进而实现你的动作。 定义一个事件侦听器并将其注册至视图。通常情况下，这是你侦听事件的主要方式。View类包含了一大堆命名类似 On什么什么Listener的接口，每个都带有一个叫做On什么什么()的回调方法。比如： View.OnClickListener? （用以处理视图中的点击），View.OnTouchListener （用以处理视图中的触屏事件），以及View.OnKeyListener? （用以处理视图中的设备按键事件）。所以，如果你希望你的视图在它被”点击”（比如选择了一个按钮）的时候获得通知，你就要实现OnClickListener，定义它的onClick()回调方法（在其中进行相应处理），并将它用setOnClickListener()方法注册到视图上。 课堂例题：设计如下界面 示例程序——Login项目 （在Login_1.rar文件中） ListVeiw ?列表的显示需要三个元素： 1．ListVeiw： 用来展示列表的View。 2．适配器：?用来把数据映射到ListView上的中介。 3．数据：???具体的将被映射的字符串，图片，或者基本组件。 根据列表的适配器类型，列表分为三种： ArrayAdapter SimpleAdapter SimpleCursorAdapter 其中以ArrayAdapter最为简单，只能展示一行字。SimpleAdapter有最好的扩充性，可以自定义出各种效果。SimpleCursorAdapter可以认为是SimpleAdapter对数据库的简单结合，可以方便的把数据库的内容以列表的形式展示出来。 L