Android学习笔记十：基本视图组件：ImageView和ImageButton

[url=http://sarin.iteye.com/blog/1669773]接上文[/url]
在Web开发中，HTML中对图片的操作就是提供一个<img>标签，我们通过该标签的src属性来制定图片资源的地址，从而在页面中显示一个图片。那么在Android中，ImageView就是用于图片显示的。
首先，我们来看一下ImageView的文档：
[img]http://dl.iteye.com/upload/attachment/0073/5252/90766079-2b33-3410-936b-aad01bc48ee1.jpg[/img]
[b]java.lang.Object
↳ android.view.View
↳ android.widget.ImageView[/b]
可以看出，ImageView的继承结构并不复杂，它是View类的直接子类。下面就来看看关于ImageView的介绍，首先在Eclipse中重新创建一个项目，编写如下代码：

    <ImageView
        android:id="@+id/img"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:contentDescription="ImageView Demo"
        android:src="@drawable/ic_launcher" />

代码非常的简单，ID就不多说了，然后设置长和宽，contentDescription是对图片的一个简要说明，最重要的src属性，这和HTML中的属性名称是一致的，也就是指定图片资源的位置。我们知道，Android项目中的图片资源统一位于res/drawable-xx文件夹内，不同的分辨率用于不同的设备，而我们只需通过@drawable/来调用图片资源即可。放置在drawable文件夹内的图片，会在R.java中自动注册，所以我们才能访问到其中的图片资源。
这个程序很简单，我们直接运行代码看一下效果：
[img]http://dl.iteye.com/upload/attachment/0073/5254/ad484714-4308-3ea8-8481-c687ed9783bf.jpg[/img]
对于ImageView没有什么可以多说的内容，下面直接来看看ImageButton。
ImageButton就是图片按钮，在HTML中，我们定义按钮可以通过<button>标签来定义，表单中的按钮还可以是<submit>和<reset>，但是原生的HTML对按钮没有任何装饰，显示效果不好，我们可以通过CSS来美化按钮，比如加上图片。而在Android中，有ImageButton组件，可以为我们直接达到此目的。
首先，来看一下ImageButton的文档：
[img]http://dl.iteye.com/upload/attachment/0073/5256/ef838a6d-6403-35be-9486-843891bbdc13.jpg[/img]
[b]java.lang.Object
↳ android.view.View
↳ android.widget.ImageView
↳ android.widget.ImageButton[/b]
应该注意到了，ImageButton是和Button没有任何关系的。Button类是TextView类的子类，而ImageButton类却是ImageView的子类。图片按钮，肯定需要图片，之前我们介绍过，Android的所有图片资源都在res/drawable-xx文件夹内，那么我们直接来看代码，把上面的ImageView的代码稍微修改一下：

    <ImageButton
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="ImageButton Demo"
        android:src="@drawable/ic_launcher" />

只是修改了一下标签名称，其余内容都不需要变化，那么再次运行程序，我们可以看到如下效果：
[img]http://dl.iteye.com/upload/attachment/0073/5258/10120cc4-8990-3aca-88bf-02f437436355.jpg[/img]
很容易看出，就是在按钮上加了图片的效果，只是这里我们的图片比较小，按钮部分还留有显示，只要做出合适大小的按钮图片，那么ImageButton就全是图片显示了，只不过这个图片可以进行点击操作。关于ImageButton也没有需要多说的了，需要时会用就行了。
本部分代码请参考附件
[url=http://sarin.iteye.com/blog/1689169]接下文[/url]