首页 >> 大全

Android - ImageButton单击切换按钮图片效果的实现

2023-07-31 大全 32 作者:考证青年

在中有一个的View,跟按钮的区别是可以在上加载一个图片

从这个字面意思上来看,它是一个图片按钮,那么我们就可以使用它做一个我们想要的图片按钮了,但是我们在实际使用的过程当中,就会发现该按钮的使用并没有想像中的那么简单,需要再增加一些代码或再配置XML才能实现图片按钮按下的效果,个人感觉有点麻烦,不知道为什么这么做?

下面是个图片按钮正常状态的效果:

下面是图片按钮按下的效果图片:

我们来看一下如何实现上面的效果。

实现图片按钮按下的效果有两种方式可以实现:一是增加代码,二配置XML。

一、在java中为图片按钮增加触摸监听的函数来实现图片切换,代码如下:

        ImageButton btn = (ImageButton)findViewById(R.id.imageButton1);        btn.setOnTouchListener(new View.OnTouchListener(){        	public boolean onTouch(View v, MotionEvent event) {            	if(event.getAction() == MotionEvent.ACTION_DOWN){     //重新设置按下时的背景图片((ImageButton)v).setImageDrawable(getResources().getDrawable(R.drawable.android_btn_pressed));                            }else if(event.getAction() == MotionEvent.ACTION_UP){     //再修改为抬起时的正常图片((ImageButton)v).setImageDrawable(getResources().getDrawable(R.drawable.android_btn));   }return false;     }     });

代码比较简单,就是当图片按下时,修改按钮的背景图片,当抬起时再修改为正常的图片显示。

二、通过给按钮配置XML文件来实现图片按钮的背景切换效果,方法如下:

1) 在下增加一个.xml文件,内容如下:

 
  
 

在这个文件中可以设置按钮图片的正常时的图片、具有焦点时的图片和按下时的图片。在本例中将按钮的正常图片和焦点图片设置成同样的效果了。

或者你也可以将的整个属性行删除。

另外,该XML配置文件不一定要存放在的目录下,您也可以存放在的目录下。

2) 在main.xml中设置图片按钮的属性,装上面的xml文件增加到图片按钮中,内容如下:

    

在中指定的属性值:@/,其中就是上面为该图片铵钮创建的XML配置文件,文件名不要写错了。同时,你也可以将.xml文件放到的目录下,此时,就要将它的属性值修改为:@/即可,也就是说指定它的XML文件的正确路经就行了。

另外,需要特别注意的是:在中,如果使用XML配置文件来设置图片的效果的话,就不要再指定它的:src=""属性值了,否则图片的按下效果就出不来了。

这两种方法各有各的好处,在实际运用过种当种可以根据自己的需要进行选择。

附上面实例的源代码下载:

该源代码分别使用了两种的方法实现了图片按钮的效果。其中上面的图片按钮是用代码实现的,下面的图片是用XML实现的。

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了