Android开发中ImageButton与ImageView的使用.doc

Sundy高端android视频教程下载地址：/topics/2900036/ Android开发中ImageButton与ImageView的使用问题提出 使用一般的按钮虽然能够实现我们需要的功能，但是程序却并不美观，用户体验也不佳。那么如何让我们的Android开发用于个性化的按钮呢？问题分析其实，在Android开发中，做到这点还是很方便的。Android系统的设计者们早就为我们准备了两个基本控件ImageView和ImageButton，用来显示图片和制作图片按钮。在本例，我们将简单了解如何使用这两个控件，比如如何动态改变他们的图片。问题解决本例包含一个ImageView和一个ImageButton，介绍：1. 在项目中导入自己的图像 2. 在ImageView中显示图像 3. 改变ImageView的图像 4. ImageButton的碰触事件处理 一、打开Eclipse，建立一个Android工程，属性如下：Project name：ImageButton_ImageViewBuild Target：Android 2.2PacketName：com.androidwhy.ImageButton_ImageView二、布置控件。在main.xml中添加一个ImageView、一个ImageButton，id属性如下：控件类型控件id用途ImageView+id/imageView1ImageView演示ImageButton+id/imageButton1ImageButton演示三、项目实现1. 在项目中导入自己的图像在Android项目中，我们自己的图像都可以放置在res/drawable中，drawable 表现为drawable-hdpi、drawable-mdpi、drawable-ldpi三个文件夹，他们分别储存不同大小的图像文件，以适应在不同分辨率的手机显示的需求。将自己的图像导入到自己的项目中的方法很简单，就是将图像复制到res/drawable-hdpi文件夹下，再在项目中刷新下就可以了。如图：这样，我们就在我们的项目中导入了自己的图像了，接下来我们就可以使用这些图像了。2. 在ImageView中使用的图像在Android开发中，要ImageView上显示图像，我们可以设置ImageView的src属性或background属性，在xml文件中的引用方法是：view source print?1android:src=drawable/imgview12/在java 代码中的引用方法是： 3/声明： 4private ImageView imgV1; 5/实例化： 6imgV1 = (ImageView)findViewById(R.id.imageView1); 7/设置图像： 8imgV1.setImageResource(R.drawable.imgview2);效果如图：设置background的方法类似，这里就不再赘述了。3. 改变ImageView的图像这里我们用点击ImageView切换imgView1和imgView2来演示如何动态切换图像。首先这里讲下图像索引的问题，我们将图像导入工程后，会在R.java下生成一条“记录”，记录了文件的地址，其数值依次排列，如图：所以，我们定义一个图像索引ImageCnt，也可以说是一个偏移量，通过这个偏移量来引用我们的图像资源。view source print?01/声明： 02private int ImageCnt = 0; 03/实例化： 04imgV1 = (ImageView)findViewById(R.id.imageView1); 05/设置图像： 06imgV1.setImageResource(R.drawable.imgview1); 07/设置单击监听器： 08imgV1.setOnClickListener(new OnClickListener() 09Override10public void onClick(View v) 11/ TODO Auto-generated method stub 12ImageCnt = ImageCnt=0?1:0; 13imgV1.setImageResource(R.drawable.imgview1+ImageCnt); 14);效果如图：4.ImageButton的碰触事件处理我们了解了ImageView的基本用法后，上手ImageButton就容易多了，其实，简单地说，ImageButton就是ImageView和Button的结合体，兼具两者的属性。Android的Button控件在被点击时会将Button的表面颜色改变，从而让用户能感觉到这一交互过程。而ImageButton在被单击时，只有默认的背景颜色会被改变，而如果ImageButton的背景图片被改成我们自己的图片后，那么我们单击这个按钮的时候就感觉不到这种交互。这样我们就需要在单击或按住这个按钮的时候动态改变ImageButton的背景图像，手指离开按钮的时候恢复原来的图像。这个过程，我们通过ImageButton的OnTouchListener这个监听器来处理，在onTouch()事件中，我们通过MotionEvent.ACTION_UP来判断手指松开，MotionEvent.ACTION_DOWN来判断手指按下按钮。view source print?01/声明： 02private ImageButton imgBTN1; 03/实例化： 04imgV1 = (ImageView)findViewById(R.id.imageButton1); 05/设置碰触监听器： 06imgBTN1.setOnTouchListener(new OnTouchListener() 07Override08/ TODO Auto-generated method stub 09public boolean onTouch(View v, MotionEvent event) 10if(event.getAction() = MotionEvent.ACTION_UP) 11/松开 12imgBTN1.setBackgroundResource(R.drawable.img1); 13 14else if(event.getAction() = MotionEvent.ACTION_DOWN) 15/按下 16imgBTN1.setBackgroundResource(R.drawable.img2); 17 18return false; 19);效果如下：问题总结在本文中我们了解了Android开发中ImageView和ImageButton的基本应用，ImageView和ImageButton的属性和拥有的方法基本相同，设置工程中已有的图像作为背景图片可以使用setBackgroundResource(int ResourceId)方法来进行，设置前景图片可以使用setImageResource(int ResourceId)方法来进行，工程中资源的ResourceId可以在R.java文件中查看。Resour