Microsoft Word - 第3章.doc

Size: px

Start display at page:

Download "Microsoft Word - 第3章.doc"

八阴侯
5 years ago
Views:

1 第 3 章 Android 控件进阶要设计出让用户喜欢的 Android 应用程序界面, 除了需要用到在第 2 章讲的最基本的 TextView EditText 和 Button 控件外, 还要用到其他控件, 如 ImageButton 控件 ImageView 控件 RadioButton 控件 CheckBox 控件和 ListView 控件等本章主要讲解功能强大应用广泛的一些控件 3.1 ImageButton 控件 Android 系统自带的除了在第 2 章中 Button 按钮外, 还提供了带图表标的按钮 ImageButton 制作带图标的按钮, 首先要在布局文件中定义 ImageButton, 然后通过以下几种方法设置要显示的图标方法一 : 在布局文件中就直接设置按钮的图标, 如 android:src="@drawable/ 图片地址及图片名 " 方法二 : 使用系统自带的图标, 如 ImageButton1.ImageDrawable(getResources().getDrawable(R.drawable.icon1); 设置完按钮的图标, 然后为按钮设置监听类 setonclicklistener 下面通过简单案例学习 ImageButton 控件以及其属性案例 : 使用 ImageButton 按钮设计一个界面, 效果如图 3-1 所示图 3-1 ImageButton 案例效果图案例分析 : 首先, 在 activity_main.xml 布局分件布局, 添加一个 TextView 控件和 ImageButton 控件, 并设置一些属性

2 然后, 在 MainActivity.java 文件中定义一个变量, 通过 findviewbyid 得到 ImageButton 控件, 并添件对应的监听事件实现步骤如下 (1) 创建一个 Android 工程, 工程名为 ch03_buttonimages (2) 在打开 Package Explorer 窗口中的 ch03_buttonimages 项目中, 打开 res/ layout/activity_main.xml 文件, 修改代码并输入一些代码, 代码清单如下代码清单 :res/layout/activity_main.xml Android 应用开发完全学习手册<LinearLayout xmlns:android=" xmlns:tools=" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" tools:context=".mainactivity" > <TextView android:layout_width="fill_parent" /> <ImageButton > </ImageButton> </LinearLayout> (3) 打开 src/com.example.buttonimages/mainactivity.java 文件, 修改代码并输入一些代码, 代码清单如下代码清单 :src/com.example.buttonimages/mainactivity.java package com.example.buttonimages; import android.os.bundle; import android.app.activity; import android.view.view; import android.widget.button; import android.widget.imagebutton; import android.widget.textview; public class MainActivity extends Activity protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); settitle("imagebutton"); ImageButton imgbutton = (ImageButton) this.findviewbyid(r.id. imagebutton); // 设置图片按钮的背景 imgbutton.setbackgroundresource(r.drawable.buttonimage); //setonclicklistener() - 响应图片按钮的鼠标单击事件 imgbutton.setonclicklistener(new 44

3 件进3 阶 public void onclick(view v) { TextView txt = (TextView) MainActivity.this.findViewById (R.id.textView); txt.settext(r.id.txtview); ); 3.2 ImageView 控件 ImageView 控件是 Android 中的基础图片显示控件, 这也是布局中使用图片最常用的方式, 可以使程序变得生动活泼, 该控件有个重要的属性是 ScaleType, 该属性用以表示显示图片的方式, 共有 8 种取值, 如表 3-1 所示 Android 控45 第章表 3-1 ScaleType 的值 ScaleType 的值描述 ScaleType.CENTER ScaleType.CENTER_CROP ScaleType.CENTER_INSIDE ScaleType.FIT_CENTER ScaleType.FIT_END ScaleType.FIT_START ScaleType.FIT_XY ScaleType.MATRIX 图片大小为原始大小, 如果图片大小大于 ImageView 控件, 则截取图片中间部分, 若小于, 则直接将图片居中显示将图片等比例缩放, 让图像的短边与 ImageView 的边长度相同, 即不能留有空白, 缩放后截取中间部分进行显示将图片大小大于 ImageView 的图片进行等比例缩小, 直到整幅图能够居中显示在 ImageView 中, 小于 ImageView 的图片不变, 直接居中显示 ImageView 的默认状态, 大图等比例缩小, 使整幅图能够居中显示在 ImageView 中, 小图等比例放大, 同样要整体居中显示在 ImageView 中缩放方式同 FIT_CENTER, 只是将图片显示在右方或下方, 而不是居中缩放方式同 FIT_CENTER, 只是将图片显示在左方或上方, 而不是居中将图片非等比例缩放到大小与 ImageView 相同是根据一个 3 3 的矩阵对其中图片进行缩放下面通过简单的案例学习 ImageView 控件及其属性案例 : 使用 ImageView 设计一个界面, 效果如图 3-2 所示图 3-2 ImageView 案例效果图

4 实现步骤如下 (1) 把图片导入到资源中 : 将图片拖曳到项目 res\drawable 开头的 5 个文件夹下, 它们分别代表了高中低分辨度的图片 Android 读取图片时自动优化, 选用合适的一个图片显示, 比如, 高分辨率可以存放 128*128 的图片, 低分辨率可以存放 32*32 的图片 (2) 在 string.xml 文件中输入需要显示的字符, 打开 res/layout/strings.xml 文件, 修改并输入一些代码, 代码清单如下代码清单 :res/layout/strings.xml <?xml version="1.0" encoding="utf-8"?> <resources> Android 应用开发完全学习手册<string name="app_name">imagev</string> <string name="action_settings">settings</string> <string name="hello_world">hello!</string> </resources> (3) 在 XML 布局文件中添加 ImageView 控件, 打开 res/layout/activity_main.xml 文件, 修改并输入一些代码, 代码清单如下代码清单 :res/layout/activity_main.xml <RelativeLayout xmlns:android=" xmlns:tools=" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingbottom="@dimen/activity_vertical_margin" android:paddingleft="@dimen/activity_horizontal_margin" android:paddingright="@dimen/activity_horizontal_margin" android:paddingtop="@dimen/activity_vertical_margin" tools:context=".mainactivity" > <TextView android:text="@string/hello_world" android:textsize="80px" /> <ImageView android:src="@drawable/one" ></ImageView> </RelativeLayout> 3.3 单选按钮与复选框单选框 (RadioButton) 复选框(CheckBox) 继承了 Button 类, 因此可以直接使用 Button 支持的各种属性和方法 RadioButton CheckBox 与普通按钮不同之处是多了一个可选中 46

件进3 阶的功能, 因此有个额外的属性,android:checked 属性, 该属性用于指定它们初始时是否被选中 3.3.1 RadioGroup RadioButton 的用法 RadioGroup 是 RadioButton 的组每一组 RadioGroup 里至少包含两个 RadioButton, 包含多个单选按钮, 但只能有一个 RadioButton 被选中, 不同的组之间互不影响

5 件进3 阶的功能, 因此有个额外的属性,android:checked 属性, 该属性用于指定它们初始时是否被选中 RadioGroup RadioButton 的用法 RadioGroup 是 RadioButton 的组每一组 RadioGroup 里至少包含两个 RadioButton, 包含多个单选按钮, 但只能有一个 RadioButton 被选中, 不同的组之间互不影响 ; 每一组 RadioGroup 中都有一个默认的被选中的单选按钮, 大部分情况下建议选择第一个为默认选择案例 : 使用 RadioButton 和 RadioGroup 设计一个界面, 当选中某个单选框时, 弹出相关的一段话, 例如, 当选中海陆大餐 ( 好吃真好吃 ), 弹出山珍海味, 乐不思蜀的人, 为人海派, 从不拖泥带水, 拥有坚忍不拔的性格但是不够冷静过度挥霍的结果, 只怕会坐吃山空, 不得不多加警惕等语句, 效果如图 3-3 所示 Android 控47 第章图 3-3 单选按钮效果图实现步骤如下 (1) 新建一个 Android 应用程序 (2) 编写 string.xml 文件, 添加需要显示的字符, 打开 res/layout/strings.xml 文件, 修改并添加一些代码, 代码清单如下代码清单 :res/layout/strings.xml <?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name"> 测试题 </string> <string name="action_settings">settings</string> <string name="title"> 开心小测试 </string>

6 <string name="choose"> 挑选的食物测试你的性格!</string> <string name="niu"> 牛肉面 ( 越辣越过瘾 )</string> <string name="hai"> 海陆大餐 ( 好吃真好吃 )</string> <string name="pizza"> 披萨 ( 越脆越香 )</string> <string name="zha"> 炸鸡块 ( 多汁多滋味 ) </string></resources> (3) 编写 activity_main.xml 文件, 添加一个 RadioGroup 标, 在 RadioGroup 标签内添加四个 RadioButton, 打开 res/layout/activity_main.xml 文件, 修改并添加一些代码, 代码清单如下代码清单 :res/layout/activity_main.xml Android 应用开发完全学习手册<LinearLayout xmlns:android=" xmlns:tools=" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TextView android:text="@string/title" android:textsize="40px" /> <TextView android:id="@+id/who" android:text="@string/choose" /> <RadioGroup android:id="@+id/ceshi_group" android:orientation="vertical" > <RadioButton android:id="@+id/niunan" android:text="@string/niu" /> <RadioButton android:id="@+id/hailu" android:text="@string/hai" /> <RadioButton android:id="@+id/pizza" 48

7 件进3 阶 /> <RadioButton /> </RadioGroup> </LinearLayout> (4) 编写 Activity, 先声明 6 个全局变量, 用于接收这 6 个控件对象, 在 oncreate() 方法内, 根据控件 id 获得这 6 个对象并赋给相应的变量, 编写监听器, 打开 src/com.example. sumothers /MainActivity.java 文件, 修改并添加一些代码, 代码清单如下代码清单 :src/com.example. sumothers /MainActivity.java Android 控49 第章package com.example.sumothers; import android.app.activity; import android.os.bundle; import android.widget.checkbox; import android.widget.compoundbutton; import android.widget.compoundbutton.oncheckedchangelistener; import android.widget.radiobutton; import android.widget.radiogroup; import android.widget.textview; import android.widget.toast; public class MainActivity extends Activity { // 定义各控件的变量 private TextView who = null; private TextView how = null; private RadioGroup ceshi_group = null; private RadioButton niunan = null; private RadioButton hailu = null; private RadioButton pizza = null; private RadioButton zhaji = public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); // 获得对应的控件 who = (TextView)findViewById(R.id.who); ceshi_group = (RadioGroup)findViewById(R.id.ceshi_group);

8 niunan = (RadioButton)findViewById(R.id.niunan); hailu = (RadioButton)findViewById(R.id.hailu); pizza = (RadioButton)findViewById(R.id.pizza); zhaji = (RadioButton)findViewById(R.id.zhaji); Android 应用开发完全学习手册 // 设置 ceshi_group 的监听器, 其实是一句代码, 其参数是一个带有重构函数的对象 ceshi_group.setoncheckedchangelistener(new RadioGroup. OnCheckedChangeListener() { public void oncheckedchanged(radiogroup group, int checkedid) { // TODO Auto-generated method stub if(checkedid == niunan.getid()){ Toast.makeText(MainActivity.this," 吃辛辣食物的人, 本身也很辣, 性情孤傲, 愤世嫉俗, 对社交活动对礼尚往来极端排斥, 但对立大功成大业, 成为名流, 永垂青史的英雄, 欲意气风发不落人后东北人多半具有如此的风格 ", Toast.LENGTH_LONG).show(); else if(checkedid == hailu.getid()){ Toast.makeText(MainActivity.this, " 山珍海味, 乐不思蜀的人, 为人海派, 从不拖泥带水, 拥有坚忍不拔的性格但是不够冷静过度挥霍的结果, 只怕会坐吃山空, 不得不多加警惕 ", Toast.LENGTH_ LONG).show(); else if(checkedid == pizza.getid()){ Toast.makeText(MainActivity.this, " 喜欢吃薄饼的人, 为人也比较刻薄小气, 在团体中属于叛逆的角色, 有点自以为是但是, 杰出的艺术家科学家都具有此种风格 ", Toast.LENGTH_LONG).show(); else if(checkedid == zhaji.getid()){ Toast.makeText(MainActivity.this, " 這种人属于不爱动的后现代主义者, 感情脆弱深怕寂寞, 举手投足像只小绵羊一般温驯, 欠缺冲劲 ", Toast.LENGTH_LONG).show(); ); (5) 运行程序, 即可得到相应的效果知识点 : (1) 监听器实现的是 RadioGroup.OnCheckedChangeListener() 提供的接口, 需要重写里面的 public void oncheckedchanged(radiogroup group, int checkedid) 方法, 该方法的第一个参数用来接收 RadioGroup 对象, 第二个参数用来接收被选中的 RadioButton 的 ID 在这个方法中可以做一系列的判断和操作, 如判断 RadioButton 的 id 是否等于 checkedid, 如果等于就使用 Toast 显示提示消息 (2)Toast 是 Android 中用来显示显示信息的一种机制, 和 Dialog 不同的是,Toast 是没有焦点的, 而且 Toast 显示的时间有限, 过一定的时间就会自动消失 Toast 的使用方法如下 50

9 件进3 阶1 创建 Toast 对象 maketext(context context, CharSequence text, int duration); 通过调用这个方法, 返回一个 Toast 对象第一个参数是上下文对象, 通常是用户的应用程序或 Activity 对象类名.this, 第二个参数就是要显示的文本内容, 可以格式化文本, 第三个参数是持续多长时间来显示消息, 有两个常量 :LENGTH_SHORT 或者 LENGTH_LONG 2 调用 show() 方法显示 Toast toast = Toast.makeText(RadioTest.this, "female", Toast.LENGTH_SHORT); toast.show(); CheckBox 的用法将监听器绑定到 RadioGroup 上明确两点 : a. 这里绑定监听器的是 RadioGroup 对象而不是 RadioButton 对象 b. 这里的监听器实现的是 RadioGroup.OnCheckedChangeListener() 提供的接口 Android 控51 第章复选框 (CheckBox) 是一种双状态的按钮, 可以选中或不选中, 能同时选择多个, 每次单击时可以选择是否被选中, 在 UI 中默认的是以矩形方式显示它不同于单选按钮 (RadioButton), 一个选项就一个 CheckBox, 两个选项就两个 CheckBox 对于事件监听它与 RadioButton 的监听是一样的, 同样是通过 CompoundButton.OnCheckedChangeListener 来监听的在 Java 文件中为每一个 CheckBox 都编写一个监听器, 该监听器实现的是 CompoundButton.OnCheckedChangeListener() 提供的接口, 需要重写里面的 public void oncheckedchanged(compoundbutton buttonview, boolean ischecked) 方法, 该方法的第一个参数用来接收 CompoundButton 对象, 第二个参数是用来接收是否被选中, 在该方法中可以做一系列的判断和操作, 如判断某个 CheckBox 有没有被选中案例 : 使用 RadioButton 和 RadioGroup CheckBox 设计一个界面, 选中单选按钮显示选中的内容, 选中多选按钮, 也显示选中的内容, 效果如图 3-4 所示图 3-4 单选多选按钮效果图

10 实现步骤如下 (1) 编写 string.xml 文件, 添加需要显示的字符, 打开 res/layout/strings.xml 文件, 修改并添加一些代码, 代码清单如下代码清单 :res/layout/strings.xml Android 应用开发完全学习手册<?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">olympicgames</string> <string name="action_settings">settings</string> <string name="hello_world">hello world!</string> <string name="who">who will be the number one?</string> <string name="china"> 中国 </string> <string name="america"> 美国 </string> <string name="others"> 其他 </string> <string name="how">how many golds medals will China win?</string> <string name="less">30 以下 </string> <string name="thirty">30~39</string> <string name="forty">40~49</string> <string name="fifty">50 以上 </string> </resources> (2) 编写 activity_main.xml 文件, 添加一个 RadioGroup 标, 在 RadioGroup 标签内添加三个 RadioButton, 添加四个 CheckBox, 两个 TextView, 修改并添加一些代码, 代码清单如下代码清单 :res/layout/activity_main.xml <LinearLayout xmlns:android=" xmlns:tools=" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TextView /> <RadioGroup android:orientation="vertical" > <RadioButton 52

11 件进3 阶/> <RadioButton /> <RadioButton /> </RadioGroup> <TextView /> <CheckBox /> <CheckBox /> <CheckBox /> <CheckBox /> Android 控53 第章</LinearLayout> (3) 编写 Activity, 先声明 10 个全局变量, 用于接收这 10 个控件对象, 在 oncreate() 方法内, 根据控件 id 获得这 10 个对象并赋给相应的变量, 编写监听器, 打开 src/ com.example.

12 olympicgames /MainActivity.java 文件, 修改并添加一些代码, 代码清单如下代码清单 :src/com.example.olympicgames/mainactivity.java Android 应用开发完全学习手册package com.example.olympicgames; import android.app.activity; import android.os.bundle; import android.widget.checkbox; import android.widget.compoundbutton; import android.widget.compoundbutton.oncheckedchangelistener; import android.widget.radiobutton; import android.widget.radiogroup; import android.widget.textview; import android.widget.toast; public class MainActivity extends Activity { // 定义各控件的变量 private TextView who = null; private TextView how = null; private RadioGroup who_group = null; private RadioButton china = null; private RadioButton america = null; private RadioButton others = null; private CheckBox less = null; private CheckBox thirty = null; private CheckBox forty = null; private CheckBox fifty = public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); // 获得对应的控件 who = (TextView)findViewById(R.id.who); how = (TextView)findViewById(R.id.how); who_group = (RadioGroup)findViewById(R.id.who_group); china = (RadioButton)findViewById(R.id.china); america = (RadioButton)findViewById(R.id.america); others = (RadioButton)findViewById(R.id.others); less = (CheckBox)findViewById(R.id.less); thirty = (CheckBox)findViewById(R.id.thirty); forty = (CheckBox)findViewById(R.id.forty); fifty = (CheckBox)findViewById(R.id.fifty); // 设置 who_group 的监听器, 其实是一句代码, 其参数是一个带有重构函数的对象 who_group.setoncheckedchangelistener(new RadioGroup. OnCheckedChangeListener() { public void oncheckedchanged(radiogroup group, int checkedid) { // TODO Auto-generated method stub 54

13 件进3 阶 ); if(checkedid == china.getid()){ Toast.makeText(MainActivity.this," 中国 ", Toast.LENGTH_ SHORT).show(); else if(checkedid == america.getid()){ Toast.makeText(MainActivity.this, " 美国 ", Toast.LENGTH_ SHORT).show(); else if(checkedid == others.getid()){ Toast.makeText(MainActivity.this," 其它国家 ", Toast.LENGTH_ SHORT).show(); // 下面为 4 个 checkbox 多选按钮分别建立监听器 less.setoncheckedchangelistener(new OnCheckedChangeListener() { Android 控55 第章public void oncheckedchanged(compoundbutton buttonview, boolean ischecked) { // TODO Auto-generated method stub if(ischecked) { Toast.makeText(MainActivity.this, "30 个以下 ", Toast. LENGTH_SHORT).show(); else{ Toast.makeText(MainActivity.this, " 不是 30 个以下 ", Toast. LENGTH_SHORT).show(); ); // 下面为 4 个 checkbox 多选按钮分别建立监听器 thirty.setoncheckedchangelistener(new CompoundButton.OnChecked ChangeListener() { public void oncheckedchanged(compoundbutton buttonview, boolean ischecked) { // TODO Auto-generated method stub if(ischecked) { Toast.makeText(MainActivity.this, "30~39", Toast.LENGTH_ SHORT).show(); else{ Toast.makeText(MainActivity.this, " 不是 30~39", Toast. LENGTH_SHORT).show();

14 ); // 下面为 4 个 checkbox 多选按钮分别建立监听器 forty.setoncheckedchangelistener(new OnCheckedChangeListener() { Android 应用开发完全学习手册 public void oncheckedchanged(compoundbutton buttonview, boolean ischecked) { // TODO Auto-generated method stub if(ischecked) { Toast.makeText(MainActivity.this, "40~49", Toast.LENGTH_ SHORT).show(); else{ Toast.makeText(MainActivity.this, " 不是 40~49", Toast. LENGTH_SHORT).show(); ); // 下面为 4 个 checkbox 多选按钮分别建立监听器 fifty.setoncheckedchangelistener(new OnCheckedChangeListener() { public void oncheckedchanged(compoundbutton buttonview, boolean ischecked) { // TODO Auto-generated method stub if(ischecked) { Toast.makeText(MainActivity.this, "50 以上 ", Toast. LENGTH_SHORT).show(); else{ Toast.makeText(MainActivity.this, " 不是 50 以上 ", Toast. LENGTH_SHORT).show(); ); 3.4 列表视图 (ListView) ListView 是 Android 软件开发中非常重要组件之一, 它以列表形式展示具体内容 ( 如联系人 ), 并且能够根据数据的长度自适应显示, 每个软件基本上都会使用 ListView. 列表的显示需要如下三个元素 (1)ListVeiw: 用来展示列表的 View (2) 适配器 : 用来把数据映射到 ListView 上的中介一般有三种,ArrayAdapter 56

15 件进3 阶SimpleAdapter 和 SimpleCursorAdapter, 其中, 以 ArrayAdapter 最为简单, 只能展示一行字 SimpleAdapter 有最好的扩充性, 可以自定义出各种效果 SimpleCursorAdapter 可以认为是 SimpleAdapter 对数据库的简单结合, 可以方便地把数据库的内容以列表的形式展示出来 (3) 数据 : 指具体的将被映射的字符串图片或者基本组件等简单的 ListView 在 List 列表中可以直接用 new ArrayAdapter() 绘制列表但如果列表中过于复杂, 就需要使用自定义布局来实现 List 列表案例 : 使用 List 列表编写一个界面, 当单击某条记录时, 用 Toast 显示信息, 如图 3-5 所示 Android 控57 第章图 3-5 简单的 listview 效果图实现步骤 : 打开 src/com.example.listview/mainactivity.java 文件, 修改并添加一些代码, 代码清单如下代码清单 :src/com.example.listview/mainactivity.java package com.example.listview; import android.os.bundle; import android.app.listactivity; import android.view.menu; import android.view.view; import android.widget.adapterview; import android.widget.adapterview.onitemclicklistener; import android.widget.arrayadapter; import android.widget.listview; import android.widget.toast; public class MainActivity extends ListActivity {

16 Android 应用开发完全学习手册private String[] mliststr = {" 姓名 : 小王 "," 性别 : 男 "," 年龄 :25"," 居住地 : 杭州 "," 邮箱 :miswang@gmail.com"," 联系方式 : "; ListView mlistview = protected void oncreate(bundle savedinstancestate) { mlistview = getlistview(); setlistadapter(new ArrayAdapter<String>(this, android.r.layout.simple_list_item_1, mliststr)); mlistview.setonitemclicklistener(new OnItemClickListener() public void onitemclick(adapterview<?> adapterview, View view, int position, long id) { Toast.makeText(MainActivity.this," 您选择了 " + mliststr [position], Toast.LENGTH_SHORT).show(); ); super.oncreate(savedinstancestate); 带标题的 ListView 列表使用 simpleadapter 时注意要用 Map<String,Object> item 保存列表中每一项显示的 title 与 text, 使用 new SimpleAdapter 时将 map 中的数据写入, 程序就会自动绘制列表了案例 : 编写一个带标题的 listview 列表, 效果如图 3-6 所示图 3-6 带标题的 listview 效果图实现步骤 : 打开 src/com.example.listviewother/mainactivity.java 文件, 修改并添加一些代码, 代码清单如下 58

17 件进3 阶代码清单 :src/com.example.listviewother/mainactivity.java package com.example.listviewother; import java.util.arraylist; import java.util.hashmap; import java.util.map; import android.os.bundle; import android.app.activity; import android.view.menu; import android.os.bundle; import android.app.listactivity; import android.view.view; import android.widget.adapterview; import android.widget.adapterview.onitemclicklistener; import android.widget.arrayadapter; import android.widget.listview; import android.widget.simpleadapter; import android.widget.toast; public class MainActivity extends ListActivity { Android 控59 第章private String[] mlisttitle = { " 姓名 ", " 性别 ", " 年龄 ", " 居住地 "," 邮箱 ", " 手机号码 "; private String[] mliststr = { " 小胡 ", " 男 ", "19", " 杭州 ", "xiaohu@gmail.com"," "; ListView mlistview = null; ArrayList<Map<String,Object>> mdata= new protected void oncreate(bundle savedinstancestate) { mlistview = getlistview(); int lengh = mlisttitle.length; for(int i =0; i < lengh; i++) { Map<String,Object> item = new HashMap<String,Object>(); item.put("title", mlisttitle[i]); item.put("text", mliststr[i]); mdata.add(item); SimpleAdapter adapter = new SimpleAdapter(this,mData,android.R. layout.simple_list_item_2, new String[]{"title","text",new int[]{android.r.id.text1, android.r.id.text2); setlistadapter(adapter); mlistview.setonitemclicklistener(new OnItemClickListener() public void onitemclick(adapterview<?> adapterview, View view, int position, long id) { Toast.makeText(MainActivity.this," 您选择了 :" + mlisttitle

[position] + " 内容 :"+mliststr[position], Toast.LENGTH_LONG). show(); ); super.oncreate(savedinstancestate); 3.4.

18 [position] + " 内容 :"+mliststr[position], Toast.LENGTH_LONG). show(); ); super.oncreate(savedinstancestate); 带图片的 ListView 列表 Android 应用开发完全学习手册由于 simpleadapter 类中的构造函数完成不了带图片的 ListView 列表的界面布局, 所以必须自己写布局, 使用 Map<String,Object> item 来保存列表中每一项需要的显示内容, 如图片标题内容等案例 : 编写一个带图片的 listview 列表, 效果如图 3-7 所示图 3-7 带图片的 listview 的效果图实现步骤如下 (1) 编写 activity_main.xml 布局文件, 添加一个 ImageView 控件, 两个 TextView 控件, 打开 res/layout/activity_main.xml 文件, 修改并添加一些代码, 代码清单如下代码清单 :res/layout/activity_main.xml <RelativeLayout xmlns:android=" android:layout_width="fill_parent" android:layout_height= "?android:attr/listpreferreditemheight"> <ImageView android:id="@+id/tupian" android:layout_height="fill_parent" android:layout_alignparenttop="true" android:layout_alignparentbottom="true" 60

19 件进3 阶android:adjustViewBounds="true" android:padding="2dip" /> <TextView android:layout_alignparentright="true" android:layout_alignparenttop="true" android:layout_alignwithparentifmissing="true" android:gravity="center_vertical" android:textsize="20dip" /> <TextView android:layout_width="fill_parent" android:layout_alignparentbottom="true" android:layout_alignparentright="true" android:singleline="true" android:ellipsize="marquee" android:textsize="15dip" /> </RelativeLayout> Android 控61 第章(2) 打开 src/com.example.listimage/mainactivity.java 文件, 修改并添加一些代码, 代码清单如下代码清单 :src/com.example.listimage/mainactivity.java package com.example.listimage; import java.util.arraylist; import java.util.hashmap; import java.util.map; import android.os.bundle; import android.app.activity; import android.view.menu; import android.os.bundle; import android.app.listactivity; import android.view.view; import android.widget.adapterview; import android.widget.adapterview.onitemclicklistener; import android.widget.arrayadapter; import android.widget.listview; import android.widget.simpleadapter; import android.widget.toast; public class MainActivity extends ListActivity { private String[] mlisttitle = { " 伽利略 ", " 培根 ", " 拜伦 ", " 狄更斯 "," 马克思 "; private String[] mliststr = { " 生命有如铁砧, 愈被敲打, 愈能发出火花 ", " 瓜是长大在营养肥料里的最甜, 天才是长在恶性土壤中的最好 ", " 悲观的人虽生犹死, 乐观的人永生不老 ", " 顽强的毅力可以征服世界上任何一座高峰!", " 生活就像海洋, 只有意志坚强的人, 才能到达彼岸 " ; ListView mlistview = null; ArrayList<Map<String,Object>> mdata= new ArrayList<Map<String,Object>>();

20 Android protected void oncreate(bundle savedinstancestate) { mlistview = getlistview(); int lengh = mlisttitle.length; for(int i =0; i < lengh; i++) { Map<String,Object> item = new HashMap<String,Object>(); item.put("image", R.drawable.one); item.put("title", mlisttitle[i]); item.put("text", mliststr[i]); mdata.add(item); SimpleAdapter adapter = new SimpleAdapter(this,mData,R.layout. activity_main, new String[]{"image","title","text",new int[]{r.id.tupian, R.id.biaoti,R.id.wenzi); setlistadapter(adapter); mlistview.setonitemclicklistener(new OnItemClickListener() public void onitemclick(adapterview<?> adapterview, View view, int position, long id) { Toast.makeText(MainActivity.this," 您喜欢的名言 :" + mlisttitle [position] + "-"+mliststr[position], Toast.LENGTH_SHORT).show(); ); super.oncreate(savedinstancestate); 3.5 网格视图 (GridView) GridView 是按照行列的方式来显示内容的, 一般用于显示图片等内容, 如实现九宫格图, 用 GridView 是首选, 也是最简单的, 主要用于设置 Adapter (1)Context:Context 提供了关于应用环境全局信息的接口它是一个抽象类, 它的执行被 Android 系统所提供它允许获取以应用为特征的资源和类型同时启动应用级的操作, 如启动 Activity broadcasting 和接收 intents (2)public void setadapter (ListAdapter adapter): 设置 GridView 的数据, 参数 adapter 为 grid 提供数据的适配器 (3)public View getview(int position, View convertview, ViewGroup parent) 各参数的含义如下 position 该视图在适配器数据中的位置 convertview 旧视图 parent 此视图最终会被附加到的父级视图 (4)ImageView: 显示任意图像, 如图标 ImageView 类可以加载各种来源的图片 ( 如资源或图片库 ), 需要计算图像的尺寸, 比便可以在其他布局中使用, 并提供例如缩放和着 62

件进3 阶色 ( 渲染 ) 各种显示选项 (5)public void setadjustviewbounds (boolean adjustviewbounds) 当需要在 ImageView 调整边框保持可绘制对象的比例时, 将该值设为真 (6)public void setscaletype (ImageView.

21 件进3 阶色 ( 渲染 ) 各种显示选项 (5)public void setadjustviewbounds (boolean adjustviewbounds) 当需要在 ImageView 调整边框保持可绘制对象的比例时, 将该值设为真 (6)public void setscaletype (ImageView.ScaleType scaletype) 控制图像应该如何缩放和移动, 以使图像与 ImageView 一致参数 scaletype 是需要的缩放方式案例 : 使用 GridView 编写一个界面, 如图 3-8 所示 Android 控63 第章图 3-8 GridView 效果图实现步骤如下 (1) 编写 activity_main.xml 布局文件, 添加一个 GridView 控件, 打开 res/layout/ activity_main.xml 文件, 修改并添加一些代码, 代码清单如下代码清单 :res/layout/activity_main.xml <LinearLayout xmlns:android=" xmlns:tools=" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <GridView android:id="@+id/gridviewone" > </GridView> </LinearLayout> (2) 打开 src/com.example. gridview/mainactivity.java 文件, 修改并添加一些代码, 代码清单如下代码清单 :src/com.example.gridview/mainactivity.java package com.example.gridview; import android.os.bundle; import android.app.activity;

22 import android.content.context; import android.view.menu; import android.view.view; import android.view.viewgroup; import android.widget.baseadapter; import android.widget.gridview; import android.widget.imageview; public class MainActivity extends Activity { private GridView gv; Android 应用开发完全学习手册@Override public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); gv=(gridview)findviewbyid(r.id.gridviewone); // 设置 GridView 的列数 gv.setnumcolumns(3); // 为 GridView 设置适配器 gv.setadapter(new MyAdapter(this)); //// 自定义适配器 class MyAdapter extends BaseAdapter{ //// 图片 ID 数组 private Integer[] imgs = { R.drawable.one, R.drawable.two, R.drawable.three, R.drawable.four, R.drawable.five, R.drawable.six, R.drawable.seven, R.drawable.eight, R.drawable.nine, ; //// 上下文对象 Context context; // 构造方法 MyAdapter(Context context){ this.context = context; // 获得数量 public int getcount() { //TODO Auto-generated method stub return imgs.length; // 获得当前选项 public Object getitem(int position) { 64

23 件进3 阶// TODO Auto-generated method stub return position; // 获得当前选项 ID public long getitemid(int position) { // TODO Auto-generated method stub return position; // 创建 View 方法 public View getview(int position, View convertview, ViewGroup parent) { //TODO Auto-generated method stub ImageView imageview; if (convertview == null) { // 实例化 ImageView 对象 imageview = new ImageView(context); // 设置 ImageView 对象布局 imageview.setlayoutparams(new GridView.LayoutParams(125, 125)); // 设置边界对齐 imageview.setadjustviewbounds(false); // 设置刻度类型 imageview.setscaletype(imageview.scaletype.center_crop); // 设置间距 imageview.setpadding(8, 8, 8, 8); else { imageview = (ImageView) convertview; // 为 ImageView 设置图片资源 imageview.setimageresource(imgs[position]); return imageview; Android 控65 第章@Override public boolean oncreateoptionsmenu(menu menu) { //Inflate the menu; this adds items to the action bar if it is present. getmenuinflater().inflate(r.menu.main, menu); return true; 3.6 控件的综合应用案例案例描述 : 使用本章所学的常用控件编写一个注册界面, 效果如图 3-9 所示案例分析 :TextView EditText RadioButton Button ToggleButton CheckBox Spinner imagebutton imageview Spinner 等控件, 采用的布局方式是相对布局

Android 应用开发完全学习手册图 3-9 注册界面图实现步骤如下 : 打开 res/layout/activity_main.xml 布局文件, 修改并添加一些代码, 代码清单如下代码清单 :res/layout/activity_main.xml <RelativeLayout xmlns:android=

24 Android 应用开发完全学习手册图 3-9 注册界面图实现步骤如下 : 打开 res/layout/activity_main.xml 布局文件, 修改并添加一些代码, 代码清单如下代码清单 :res/layout/activity_main.xml <RelativeLayout xmlns:android=" xmlns:tools=" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingbottom="@dimen/activity_vertical_margin" android:paddingleft="@dimen/activity_horizontal_margin" android:paddingright="@dimen/activity_horizontal_margin" android:paddingtop="@dimen/activity_vertical_margin" tools:context=".mainactivity" > <TextView android:id="@+id/textview1" android:layout_alignparenttop="true" android:layout_centerhorizontal="true" android:text=" 用户注册 " android:textappearance="?android:attr/textappearancelarge" /> <TextView android:id="@+id/textview2" android:layout_below="@+id/textview1" android:layout_marginright="24dp" 66

25 件进3 阶android:layout_marginTop="24dp" android:text=" 用户名 " android:textcolor="#0000ff" /> <TextView android:layout_margintop="20dp" android:text=" 密码 " android:textcolor="#ff00ff" /> <TextView android:layout_margintop="20dp" android:text=" 确认密码 " android:textcolor="#ff00ff" /> Android 控67 第章<EditText android:ems="10" android:inputtype="textpassword" /> <EditText android:ems="10" /> <EditText android:ems="10" android:inputtype="textpassword"

26 android:textcolor="#ff00ff" /> <RadioGroup android:layout_marginleft="24dp" android:layout_margintop="9dp" android:orientation="horizontal" > Android 应用开发完全学习手册<RadioButton android:text=" 男 " /> <RadioButton android:text=" 女 " /> </RadioGroup> <TextView android:layout_margintop="15dp" android:text=" 性别 " /> <Spinner android:layout_margintop="10dp" /> <TextView android:layout_margintop="15dp" android:text=" 职位 " /> <TableRow 68

27 件进3 阶 android:layout_margintop="10dp" > <TableRow > <CheckBox android:text="swim" /> <CheckBox android:text="read" /> </TableRow> </TableRow> Android 控69 第章<TextView android:layout_margintop="10dp" android:text=" 爱好 " /> <ToggleButton android:layout_centerhorizontal="true" android:texton=" 是 " android:textoff=" 不是 " android:text="togglebutton" /> <TextView android:text=" 你喜欢编程吗 " />

28 <ImageView android:layout_margintop="16dp" /> Android 应用开发完全学习手册<TextView android:text=" 验证码 " /> <EditText android:ems="10" > <requestfocus /> </EditText> <ImageButton android:layout_margintop="38dp" /> <Button android:textsize="15px" android:text=" 取消 " /> </RelativeLayout> 70

29 件进3 阶(2) 打开 src/com.example. gridview/mainactivity.java 文件, 实现 Spinner 控件的功能, 修改并添加一些代码, 代码清单如下代码清单 :src/com.example. gridview/mainactivity.java import android.os.bundle; import android.app.activity; import android.view.menu; import android.view.view; import android.widget.arrayadapter; import android.widget.spinner; import android.widget.toast; public class MainActivity extends Activity { private Spinner protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); zwxz = (Spinner) findviewbyid(r.id.zwxz); String[] a = { "CEO", "CFO", "PM" ; ArrayAdapter A = new ArrayAdapter(this, android.r.layout.simple_spinner_item, a); public boolean oncreateoptionsmenu(menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getmenuinflater().inflate(r.menu.main, menu); return true; Android 控71 第章 3.7 本章小结本章主要以案例形式讲述了 ImageButton 控件 ImageView 控件 RadioButton 控件 CheckBox 控件 ListView 控件和 GridView 控件的属性及如何使用, 最后介绍了一个控件的综合应用案例对于初学者来说有一定帮助, 请在开发工具中多调试本章的案例

主程式 : public class Main3Activity extends AppCompatActivity { ListView listview; // 先整理資料來源,listitem.xml 需要傳入三種資料 : 圖片狗狗名字狗狗生日 // 狗狗圖片 int[] pic =new

ListView 自訂排版主程式 : public class Main3Activity extends AppCompatActivity { ListView listview; // 先整理資料來源,listitem.xml 需要傳入三種資料 : 圖片狗狗名字狗狗生日 // 狗狗圖片 int[] pic =new int[]{r.drawable.dog1, R.drawable.dog2,