教程12 | 教你快速写一个Android程序

案例描述

1、 考核知识点

XML解析

2、 练习目标

掌握XML的解析

3、 需求分析

实际生活中，大多数人会在手机中安装一个天气预报的软件，如墨迹天气、懒人天气等。这些软件在获取天气信息时，都是通过解析XML文件得到的，下面就通过一个案例“植物百科”来演示如何解析XML文件。

4、 设计思路（实现原理）

1） 创建plant.xml文件

2） 使用pull解析plant.xml并得到相应的植物信息

3） 在布局中更换植物的简介、图片  

案例实现

（1）创建“植物百科”程序

创建“植物百科”程序，该程序的界面对应的布局文件activity_main.xml的代码如下所示：

    xmlns:tools='http://schemas./tools'

    android:layout_width='match_parent'

    android:layout_height='match_parent'

    tools:context='.MainActivity' >

    <>

        android:layout_width='match_parent'

        android:layout_height='wrap_content'

        android:orientation='vertical'>

        <>

            android:id='@+id/imgv_plant'

            android:layout_width='match_parent'

            android:layout_height='150dp'

            android:scaleType='matrix'/>

        <>

            android:layout_width='wrap_content'

            android:layout_height='wrap_content'

            android:text='内容简介'

            android:layout_margin='10dp'

            android:textColor='@android:color/darker_gray'/>

        <>

            android:id='@+id/tv_plants_content'

            android:layout_width='wrap_content'

            android:layout_height='wrap_content'

            android:padding='5dp'/>

        

    <>

        android:layout_width='match_parent'

        android:layout_height='wrap_content'

        android:orientation='horizontal'

        android:layout_alignParentBottom='true'>

        <>

            android:id='@+id/btn_xrq'

            android:layout_width='0dp'

            android:layout_height='wrap_content'

            android:layout_weight='1'

            android:text='仙人球'

            android:background='@drawable/normal_button'/>

        <>

            android:id='@+id/btn_xyc'

            android:layout_width='0dp'

            android:layout_height='wrap_content'

            android:layout_weight='1'

            android:text='薰衣草'

            android:background='@drawable/normal_button'/>

        <>

            android:id='@+id/btn_xrk'

            android:layout_width='0dp'

            android:layout_height='wrap_content'

            android:layout_weight='1'

            android:text='向日葵'

            android:background='@drawable/normal_button'/>

        

（2）创建plant.xml

在工程src根目录中创建一个plant.xml文件，该文件中包含三种植物的信息，具体如下所示： 

    

        仙人球

        仙人球为多年生肉质多浆草本植物，是双子叶植物，在植物分类学中属于仙人掌科。茎呈球形或椭圆形，高可达25厘米，绿色，球体有纵棱若干条，棱上密生针刺，黄绿色，长短不一，作辐射状。花着生于纵棱刺丛中，银白色或粉红色，长喇叭形，长可达20厘米，喇叭外鳞片，鳞腑有长毛。仙人球开花一般在清晨或傍晚，持续时间几小时到一天。球体常侧生出许多小球，形态优美、高雅。

    

    

        薰衣草

        薰衣草原野生于法国和意大利南部地中海沿海的阿尔卑斯山南麓一带， 以及西班牙、北非等地。13世纪，它是欧洲医学修道院园圃中的主要栽种植物。15世纪，海尔幅夏地区开始种植。16世纪末，在法国南部地区开始栽培。18世纪，萨里的密契、伦敦南区的熏衣山、法国的普罗旺斯、格拉斯附近的山区都以种植薰衣草而闻名，并成为世界闻名的旅游胜地。19世纪，英、澳等国相继引种栽培，现已遍及地中海与黑海沿岸诸国。

    

    

        向日葵

        向日葵又名朝阳花，因其花常朝着太阳而得名。英语称之为sunflower却不是因为它的这一特性，因为其黄花开似太阳的缘故。16世纪～17世纪sunflower一词从拉丁语flos solis借译过来。向日葵的法语，意大利语和西班牙语名称tournesol，girasol和girasol同汉语名称一样，也是基于“向日”这一特性来命名的。

    

（3）创建javebean PlantInfo类

从plant.xml代码中可以看出，每种植物信息都包含name、content属性，为了方便后续的使用，可以将这两个属性封装成一个Javabean，具体代码如下所示：

1 /**植物信息*/

1 public class PlantInfo {

2 private String plantName;

3 private String plantContent;

4 public String getPlantName() {

5 return plantName;

6 }

7 public void setPlantName(String plantName) {

8 this.plantName = plantName;

9 }

10 public String getPlantContent() {

11 return plantContent;

12 }

13 public void setPlantContent(String plantContent) {

14 this.plantContent = plantContent;

15 }

16 }

（4）创建工具类utils

为了代码的更加易于阅读，避免大量代码都在一个类中，因此创建一个用来解析XML文件的工具类utils。utils类中定义了一个getPlantsInfos()方法，该方法中包含了解析XML文件的逻辑代码，具体代码如下所示：

1 /** 解析xml文件的工具类 */

17 public class utils {

18 // 返回天气信息的集合

19 public static List getPlantInfos(InputStream is)

20 throws Exception {

21 // 得到pull解析器

22 XmlPullParser parser = Xml.newPullParser();

23 // 初始化解析器,第一个参数代表包含xml的数据

24 parser.setInput(is, 'utf-8');

25 List plantInfos = null;

26 PlantInfo plantInfo = null;

27 // 得到当前事件的类型

28 int type = parser.getEventType();

29 // END_DOCUMENT文档结束标签

30 while (type != XmlPullParser.END_DOCUMENT) {

31 switch (type) {

32 // 一个节点的开始标签

33 case XmlPullParser.START_TAG:

34 // 解析到全局开始的标签 infos 根节点

35 if ('plants'.equals(parser.getName())) {

36 plantInfos = new ArrayList();

37 } else if ('plantsInfo'.equals(parser.getName())) {

38 plantInfo = new PlantInfo();

39 } else if ('name'.equals(parser.getName())) {

40 // parset.nextText()得到该tag节点中的内容

41 String name = parser.nextText();

42 plantInfo.setPlantName(name);

43 } else if ('content'.equals(parser.getName())) {

44 String content = parser.nextText();

45 plantInfo.setPlantContent(content);

46 }

47 break;

48 // 一个节点结束的标签

49 case XmlPullParser.END_TAG:

50 // 一个城市的信息处理完毕，city的结束标签

51 if ('plantsInfo'.equals(parser.getName())) {

52 // 一个城市的信息 已经处理完毕了.

53 plantInfos.add(plantInfo);

54 plantInfo = null;

55 }

56 break;

57 }

58 // 只要不解析到文档末尾，就解析下一个条目。得到下一个节点的事件类型

59 // 注意，这个一定不能忘，否则会成为死循环

60 type = parser.next();

61 }

62 return plantInfos;

63 }

64 }

（5）编写与界面交互的逻辑代码

在MainActivity中编写与界面交互的逻辑代码，具体如下所示：

1 public class MainActivity extends Activity implements OnClickListener {

65 private List plantInfos;

66 private TextView mPlantContentTV;

67 private ImageView mPlantImgv;

68 @Override

69 protected void onCreate(Bundle savedInstanceState) {

70 super.onCreate(savedInstanceState);

71 setContentView(R.layout.activity_main);

72 try {

73     //获取植物信息

74 plantInfos = utils.getPlantInfos(MainActivity.class

75 .getClassLoader().getResourceAsStream('plant.xml'));

76 

77 } catch (Exception e) {

78 e.printStackTrace();

79 }

80 initView();

81 }

82 /**

83  * 初始化控件

84  */

85 private void initView() {

86 findViewById(R.id.btn_xrq).setOnClickListener(this);

87 findViewById(R.id.btn_xrk).setOnClickListener(this);

88 findViewById(R.id.btn_xyc).setOnClickListener(this);

89  mPlantContentTV = (TextView)findViewById(R.id.tv_plants_content);

90  mPlantImgv = (ImageView) findViewById(R.id.imgv_plant);

91 mPlantContentTV.setText('\u3000\u3000'+plantInfos.get(0).getPlantContent());

92 mPlantImgv.setBackgroundResource(R.drawable.a);

93 }

94 @Override

95 public void onClick(View v) {

96 switch (v.getId()) {

97 case R.id.btn_xrq:

98 //设置植物简介

99 mPlantContentTV.setText('\u3000\u3000'+plantInfos.get(0).getPlantContent());

100 mPlantImgv.setBackgroundResource(R.drawable.a);

101 break;

102 case R.id.btn_xyc:

103 mPlantContentTV.setText('\u3000\u3000'+plantInfos.get(1).getPlantContent());

104 mPlantImgv.setBackgroundResource(R.drawable.c);

105 break;

106 case R.id.btn_xrk: 

107 mPlantContentTV.setText('\u3000\u3000'+plantInfos.get(2).getPlantContent());

108 mPlantImgv.setBackgroundResource(R.drawable.b);

109 break;

110 }

111 }

112 }

（6）运行程序

运行“植物百科”程序，能看到如图4-4左侧所示的界面，点击“向日葵”按钮可以看到图4-4右侧所示的界面。

 

图4-1 植物百科运行界面

案例总结

1、在使用pull解析时，只要不解析到文档末尾，就需要解析下一个条目。得到下一个节点的事件类型可使用代码type = parser.next();

2、往TextView的setText()方法传入“\u3000”代表空格。

 

老师领素材