chapter02第二章-Android-UI开发课件

大连工业大学移动互联网技术及开发第二章AndroidUI开发常用控件的使用方法样式和主题大连工业大学移动互联网技术及开发学习目标3 3国际化重点了解掌握2 2单位和尺寸样式和主题布局的类型常用控件的使用方法程序调试1 1大连工业大学移动互联网技术及开发目录UI概述2.12.1布局文件的创建2.22.2布局的类型2.32.3点击查看本小节知识架构常用控件的使用方法2.42.4单位和尺寸2.52.5大连工业大学移动互联网技术及开发目录国际化2.2.7 7点击查看本小节知识架构程序调试2.2.8 8样式和主题2.2.6 6点击查看本小节知识架构本章小节2.2.9 9大连工业大学移动互联网技术及开发Android程序界面程序界面如何设计的呢？如何设计的呢？2.3布局的类型大连工业大学移动互联网技术及开发在Android应用中，UI（User Interface）界面是人与手机之间数据传递、交互信息的重要媒介和对话接口接口。Android程序开发最重要的一个环节就是界面处理，界面的美观度直接影响用户的第一印象，因此，开发一个整齐、美观的界面是至关重要的。2.1UI概述大连工业大学移动互联网技术及开发2.1UI概述Android应用的界面是由View和ViewGroup对象构建而成的。View类是Android系统平台上用户界面表示的基本单元，View的一些子类被统称为Widgets（工具），它们提供了诸如文本输入框和按钮之类的UI对象的完整实现。ViewGroup是View的一个扩展，它可以容纳多个View，通过ViewGroup类可以创建有联系的子View组成的复合控件。大连工业大学移动互联网技术及开发大连工业大学移动互联网技术及开发2.2布局文件的创建在Android应用程序中，界面界面是通过布局文件布局文件设定的。布局文件采用XML格式，每个应用程序默认包含一个主界面布局文件，该文件位于项目的“res/layout”目录中。大连工业大学移动互联网技术及开发2.2布局文件的创建使用XML布局文件控制UI界面可以分为以下两个关键步骤。（1）在Android应用的res/layout目录下编写XML布局文件，可以是任何符合Java命名规则的文件名。创建后，R.java会自动收录该布局资源。（2）在Activity中使用以下Java代码显示XML文件中布局的内容。setContentView(R.layout.main);大连工业大学移动互联网技术及开发Android中中有几种布局？有几种布局？2.3布局的类型大连工业大学移动互联网技术及开发Android中的布局如下：LinearLayoutRelativeLayoutTableLayoutGridLayoutFrameLayoutAbsoluteLayout2.3布局的类型大连工业大学移动互联网技术及开发2.3.1 相对布局（相对布局（RelativeLayout）。在Eclipse中开发Android程序时，默认默认采用的就是相对布局相对布局。相对布局通常有两种形式，一种是相对于容器相对于容器而言的，一种是相相对于控件对于控件而言的。2.3布局的类型大连工业大学移动互联网技术及开发2.3布局的类型2.3.2 线性布局（线性布局（LinearLayout）线性布局是Android中较为常用的布局方式，它使用标签表示。线性布局有两种方式指定控件位置，一种是水平方向水平方向，一种是竖直方向竖直方向。大连工业大学移动互联网技术及开发2.3布局的类型2.3.3 表格布局（表格布局（TableLayout）表格布局就是让控件以表格以表格的形式来排列组件的，只要将组件或信息放在单元格中，控件就可以整齐整齐的排列排列。在TableLayout中，行行数由TableRow对象控制的，即布局中有多少TableRow对象，就有多少行。android:layout_column属性指定具体的列数，该属性的值从0开始。大连工业大学移动互联网技术及开发2.3布局的类型2.3.4 网格布局（网格布局（GridLayout）网格布局是Android4.0新增的布局，它实现了控件的交错显示交错显示，能够避免因布局嵌套对设备性能的影响，更利于自由布局的开发。网格布局用一组无限细无限细的直线直线将绘图区域分成行行、列列和单元单元，并指定控件的显示区域和控件在该区域的显示方式。大连工业大学移动互联网技术及开发2.3布局的类型脚下留心：脚下留心：由于GridLayout是Android4.0之后有的新功能，如果要在项目中使用这种布局，需要把SDK的最低版本指定为Android4.0（API14）以上。AndroidManifest.xml中，配置SDK兼容的最低版本和最高版本示例代码如下：大连工业大学移动互联网技术及开发2.3布局的类型2.3.5 帧布局帧布局（FrameLayout)帧布局为每个加入其中的控件创建一个空白区域空白区域（称为一帧，每个控件占据一帧）。采用帧布局设计界面时，只能在屏幕左上角显示左上角显示一个控件，如果添加多个控件，这些控件会按照顺序在屏幕的左上角重叠显示重叠显示，且会透明透明显示之前控件的文本文本。大连工业大学移动互联网技术及开发2.3布局的类型2.3.6 绝对布局绝对布局 AbsoluteLayout绝对布局需要通过指定x、y坐标坐标来控制每一个控件的位置，放入该布局的组件需要通过android:layout_x和android:layout_y两个属性指定其准确的坐标值，并显示在屏幕上。大连工业大学移动互联网技术及开发2.3布局的类型2.3.6 绝对布局绝对布局 （AbsoluteLayout）绝对布局多用于游戏开发中，由于多分辨率兼容麻烦，绝对布局在Android1.5后被Google弃用，因此应用开发一般情况下不推荐使用绝对布局。大连工业大学移动互联网技术及开发2.3布局的类型2.3.7 案例案例用户注册用户注册接下来通过一个用户注册的案例演示相对布局和线性布局的使用。大连工业大学移动互联网技术及开发2.4常用控件的使用2.4.1 TextView在XML文件中在代码中private TextView textView;.textView=(TextView)findViewById(R.id.textViewId);String str=textView.getText().toString();textView.setText(str+程序中重新赋值);大连工业大学移动互联网技术及开发2.4常用控件的使用2.4.2 Buttonprivate Button button;.button=(Button)findViewById(R.id.buttonId);.button.setOnClickListener(listener);大连工业大学移动互联网技术及开发2.4常用控件的使用2.4.3 为控件绑定监听器为控件绑定监听器-获取代表监听器的对象TextView textView=(TextView)findViewById(R.id.textViewId);-定义一个类，实现监听器接口class ButtonListener implements OnClickListenerpublic void onClick(View arg0).-生产监听器对象ButtonListener listener=new ButtonListener();-为控件绑定监听器对象button.setOnClickListener(listener);大连工业大学移动互联网技术及开发2.4常用控件的使用2.4.3 onClick事件的四种实现方法-方法一、定义事件监听器，再与组件绑定ButtonListener listener=new ButtonListener();button.setOnClickListener(listener);.class ButtonListener implements OnClickListenerpublic void onClick(View arg0).大连工业大学移动互联网技术及开发2.4常用控件的使用2.4.3 onClick事件的四种实现方法-方法二、在与组件绑定时定义事件监听器button.setOnClickListener(new OnClickListener()public void onClick(View arg0).);大连工业大学移动互联网技术及开发2.4常用控件的使用2.4.3 onClick事件的四种实现方法-方法三、在当前Activity实现监听接口public class Exc_Event extends Activity implements OnClickListener.button.setOnClickListener(this);.public void onClick(View arg0).大连工业大学移动互联网技术及开发2.4常用控件的使用2.4.3 onClick事件的四种实现方法-方法四、在XML布局文件中设置回调方法名1.XML文件2.代码中：public void clickButton(View view).大连工业大学移动互联网技术及开发2.4常用控件的使用2.4.4 EditTextEditText 是TextView的子类 大连工业大学移动互联网技术及开发2.4常用控件的使用2.4.5 CheckBox对应两个接口android.view.View.OnClickListenerandroid.widget.CompoundButton.OnCheckedChangeListener大连工业大学移动互联网技术及开发2.4常用控件的使用2.4.6 RadioButton单选按钮RadioButton必须包含在组RadioGroup中。/指定组中单选按钮的排列方式 大连工业大学移动互联网技术及开发2.4常用控件的使用2.4.7 ImageView android:scaleType可选项如下：大连工业大学移动互联网技术及开发2.4常用控件的使用2.4.8 ProgressBarprivate ProgressBar progressBar;.progressBar=(ProgressBar)findViewById(R.id.progressBar1);.progressBar.incrementProgressBy(50);大连工业大学移动互联网技术及开发2.5单位和尺寸2.5.1 px和和pt的窘境的窘境px：像素，屏幕中可以显示的最小元素单元。pt：磅，一般用作字体单位。大连工业大学移动互联网技术及开发2.5单位和尺寸2.5.2 dp和和sp来帮忙来帮忙dp：密度无关像素，也被称作dip，在不同密度的屏幕中显示比例将保持一致。sp：可伸缩像素，一般用于字体，当用户修改手机字体时，sp会随之改变。大连工业大学移动互联网技术及开发2.5单位和尺寸2.5.3 内边距和外边距内边距和外边距大连工业大学移动互联网技术及开发2.5单位和尺寸2.5.3 内边距和外边距内边距和外边距大连工业大学移动互联网技术及开发2.6样式和主题2.4.1 样式和主题的使用样式和主题的使用Android系统中，包含了很多定义好的样式和主题，这些样式和主题用于定义定义布局显示在界面上的风格风格。下图就是一幅设置了窗口化主题的应用。大连工业大学移动互联网技术及开发2.6样式和主题2.4.2 案例案例自定义样式和主题自定义样式和主题尽管Android系统提供了很多样式和主题，但有时这些效果并不能满足实际需求，此时还可以自定义自定义样式样式或者主题主题。自定义样式和主题的步骤如下：1）在res/values 目录创建样式文件style.xml，添加 根节点。2）在节点中添加一个节点，并在该节点中为样式或 主题定义一个名称。3）在节点中声明一个或多个，每个节点需要定义一 个属性名，并在元素内部设置这个属性的值。大连工业大学移动互联网技术及开发2.6样式和主题2.4.2 案例案例自定义样式和主题自定义样式和主题接下来通过一个具体的案例来演示如何自定义样式和主题。大连工业大学移动互联网技术及开发2.7国际化2.5 国际化国际化国际化国际化是指软件开发时，应该具备支持多种语言和地区的功能，为不同国家和地区的用户，提供符合来访者阅读习惯的页面或数据。由于国际化Internationalization这个单词的首字母“I”和尾字母“N”之间有18个字符，因此国际化被简称为I18N。为了提供不同语言版本，开发者只需要在res目录下新建对应的values文件夹。大连工业大学移动互联网技术及开发2.7国际化2.5 国际化国际化接下来通过一个案例I18N来展示图片、文字的国际化。I18N实现了在系统设置页面切换不同国家语言，在程序界面展示不同国家的国花以及文字。大连工业大学移动互联网技术及开发2.8程序调试2.6.1 Junit单元测试单元测试JUnit是一个测试框架，它是Android SDK1.5加入的自动化测试自动化测试功能。在完成某个功能后对该功能进行单独测试，而不需要把程序安装到手机或模拟器中进行测试，这样会大大提高程序开发的准确性。JUnit单元测试既可以嵌入到项目中，也可以作为一个单独的项目，针对某个项目进行测试。具体步骤如下：1）配置JUnit环境 2）创建测试类 3）运行测试大连工业大学移动互联网技术及开发2.8程序调试2.6.2 LogCat使用使用LogCat用于输出Android程序中的日志信息。它支持五种输出方式，级别由低到高分别是：Verbose（V）：显示全部信息，黑色Debug（D）：显示调试信息，蓝色Info（I）：显示一般信息，绿色Warming（W）：显示警告信息，橙色Error（E）：显示错误信息，红色大连工业大学移动互联网技术及开发2.8程序调试2.6.2 LogCat使用使用由于LogCat中输出的信息多而繁杂，找到所需要的Log信息会比较困难，因此可以使用过滤器，过滤掉不需要的信息，点击加号，弹出LogCat信息过滤框。大连工业大学移动互联网技术及开发2.8程序调试2.6.3 Toast的使用的使用Toast会显示一个小消息告诉用户一些必要信息，该消息在短时间内自动消失，不会干扰用户操作。Toast组件有两个方法makeText()和show()，其中makeText()方法用于设置需要显示的字符串，show()方法显示消息框。Toast toast=Toast.makeText(Context,Text,Time);toast.show();简写形式如下：Toast.makeText(context,这是弹出消息！这是弹出消息！,0).show();大连工业大学移动互联网技术及开发2.8程序调试2.6.3 Toast的使用的使用接下来在程序中创建一个Toast显示“这是弹出消息！”，示例代码如下：Toast.makeText(MainActivity.this,这是弹出消息！这是弹出消息！,Toast.LENGTH_SHORT).show();p经常不断地学习,你就什么都知道。你知道得越多,你就越有力量pStudyConstantly,AndYouWillKnowEverything.TheMoreYouKnow,TheMorePowerfulYouWillBe写在最后谢谢你的到来学习并没有结束，希望大家继续努力Learning Is Not Over.I Hope You Will Continue To Work Hard演讲人：XXXXXX 时 间：XX年XX月XX日