移动软件开发

实验四：UI设计

一、实验目的

1. 熟练掌握常用控件的使用方法；
2. 了解控件与布局的关系，熟练掌握几种常用布局；
3. 掌握自定义的控件的设计及实现；
4. 掌握ListView和RecyclerView的用法；
5. 了解Nine-Patch图片的制作方法。

二、实验内容

1. 根据PPT或课本中的提示，练习ImageView、ProcessBar、AlerDialog以及ProcessDialog的使用，可在实验3第4题设计的应用中，适当加入以上控件使得应用界面更加丰富、完善。

ImageView：

1. 新建一个drawable开头的目录
   
2. 将两张png格式的图片放在该目录下
   
3. 修改相关layout代码如下：
   
4. 运行：
   
5. 通过代码动态更改图片，在MainActivity中修改代码如下
   
6. 结果点击button变为图二：
   

ProgressBar：

1. 显示一个进度条，在主界面xml中修改代码如下：
   
2. 运行得到结果：有一个圆形进度条在旋转
   
3. 尝试实现点一下按钮让进度条消失，再点击一下再出现，修改主活动界面的代码如下：
   
4. 运行得到预期结果
5. 修改xml使进度条变为水平进度条，并且在代码中动态的更改进度条的进度：
   
6. 运行得到结果，点击一次加10%的水平进度条：
   

AlertDialog：

1. 弹出一个置于当前界面最顶端的对话框，修改MainActiviy的代码如下：
   
2. 运行的到结果：
   

ProgressDialog：