100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > Android 图像按钮ImageButton

Android 图像按钮ImageButton

时间:2022-06-11 02:15:10

相关推荐

Android 图像按钮ImageButton

ImageButton派生自ImageView,而不是Button,这一点当第一眼看到ImageButton的时候,我就下意识的认识它是Button的子类。所以ImageButton拥有ImageView的属性和方法,不过ImageView有默认的按钮外观。

从android文档中,我们可以很清楚看到ImageButton和ImageView之间的关系。

让我们在看下ImageButton和ImageView外观的区别。

可见ImageButotn拥有和一个普通Button一样的外观,有默认的边框背景,而ImageView则什么都没有。

这里为了让大家能清楚看出两者的不同,所以这里的图片是设计图片,不是程序运行时的图片。运行时,ImageView那块是空白的,没有背景色是看不出来的。

接下来我们说下ImageButton的一些特别的地方。

1.不同于Button既能显示文字又能显示图片,ImageButton是图像按钮,只能显示图像而不能显示文本。

2.ImageButton上的图像可以按照比例进行拉伸,而Button上的大图会拉伸变形

3.ImageButton可以同时设置背景图片和前景图片,实现两者图片叠加的效果。

<ImageButtonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@drawable/ib_background"android:src="@drawable/search_press"/>

布局文件里只有一个ImageButton,设置一张背景图片,一张前景图片(search小图标),显示效果如下图:

这里我们对ImageButton的使用就不多做说明了,在使用过程中遇到我们在详细讲一下。

只写这么多就结束好像有点简单了,我们在加一点东西,实现ImageButton的touch效果,代码很简单,

实现触摸ImageButton显示search图片,当然这个只是演示,大家可以发散一下,比如点击的时候,背景改变,图像大小,透明度改变等等。。。

private ImageButton ib_image;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_imagebutton);ib_image = findViewById(R.id.ib_image);ib_image.setOnTouchListener(new View.OnTouchListener() {@Overridepublic boolean onTouch(View v, MotionEvent event) {if(event.getAction() == MotionEvent.ACTION_DOWN){ib_image.setImageResource(R.drawable.search_press);}else{ib_image.setImageDrawable(null);}return false;}});}

布局文件和上边的差不多,只不过没有设置src属性。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。