本文共 4341 字,大约阅读时间需要 14 分钟。
1、自定义按钮的按下效果
android的系统按钮为灰色,与软件界面不太融合,需要自己定义按钮背景。一开始的做法是使用按钮的onTouchListener()来监听按钮行为,分别在 MotionEvent.ACTION_DOWN 和MotionEvent.ACTION_UP 两个按钮动作时,触发searchButton.setBackgroundDrawable()操作。达到了效果,然而这种方式代码冗长,导致大量重复代码,且效率不高。后来发现另一种方式,修改后,较之前方式优化了不少。
参考:
在Android中,控件Button和ImageButton一般有三种状态:常态(normal)、点击状态(pressed)、聚焦状态(focused)。很多时候,我们为了提高用户的体验常常为Button以及ImageButton的不同状态设置不同的背景图片,下面介绍一种利用selector设置Button和ImageButton不同状态下的背景图片的方法。
具体步骤如下:
一、在res/drawable文件下创建selector.xml,示例代码如下:
- <span style="font-size:16px;"><?xml version="1.0" encoding="utf-8"?>
- <selector xmlns:android="http://schemas.android.com/apk/res/android">
- <!--普通状态-->
- <item
- android:state_pressed="false"
- android:drawable="@drawable/title_button_back">
- </item>
- <item
- android:state_pressed="true"
- android:drawable="@drawable/title_button_back_h">
- </item>
- <item
- android:state_window_focused="false"
- android:drawable="@drawable/title_button_back">
- </item>
- </selector></span>
二、编写布局文件,为布局文件中的ImageButton设置selector,示例代码如下:
- <span style="font-size:16px;"><?xml version="1.0" encoding="utf-8"?>
- <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_height="wrap_content"
- android:layout_width="fill_parent">
- <ImageButton
- android:id="@+id/title_IB"
- android:layout_height="wrap_content"
- android:layout_width="wrap_content"
- android:background="#00000000"
- android:layout_marginRight="4dp"
- android:layout_centerVertical="true"
- android:src="@drawable/selector">
- </ImageButton>
- </RelativeLayout></span>
参考以上方法进行设置后,效果如下:
原来的按钮: 修改代码后的效果:
检查后发现,问题出在设置button背景时,我应该使用android:background而不是android:src,简单的说,background可以拉伸图片,而scr不能(详见附录)。修改后,实现了效果。
2、按钮监听器部分
经过上述修改好,每个button的监听部分基本都剩下1~2句代码了,统一将他们放入一个监听,并通过switch来进行区分。
private class butonOnClickListener implements OnClickListener {
@Override
public void onClick(View v) {
Button btn=(Button)v;
switch (btn.getId()) {
case R.id.button1:
button1();
break;
case R.id.button2:
button2();
break;
default:
break;
}
}
}
然后将button1,button2的监听器设置为butonOnClickListener就可以了。
button1.setOnClickListener(new butonOnClickListener ());
button2.setOnClickListener(new butonOnClickListener ());
附录1:
假如你的 ImageButton 的宽高是100x100,而你要设置上去的图片是80x80,
1.如果用src进行设置,则你的图片会按80x80 居中绘制上去。
2.如果你使用的是background 则 你设置上去的图片会被拉伸成100x100
简单说来,就是用src的时候是原图显示,不改变图片的大小;用background的时候,按照组件的大小来放大或者缩小图片。
如果一个ImageButton同时设置src和background那又是怎样显示的?
如果是这样的话,那么background会在下面,而src会叠加在上面。
src是图标 background是背景。 图标是中间的一块区域,而背景是控件能看到的范围叫做背景。 设置的图片比按钮小的话,就会是2层。
参考:
附录2
转自:
Android Selector 是一种背景选择器,也可以用来更改界面状态。总之,可以改变你想要的特效。
AD:
最近做listview和button都要改变Android原来控件的背景,在网上查找了一些资料不是很全,所以现在总结一下android的selector的用法。
首先android的selector是在drawable/xxx.xml中配置的。
先看一下listview中的状态:
把下面的XML文件保存成你自己命名的.xml文件(比如list_item_bg.xml),在系统使用时根据ListView中的列表项的状态来使用相应的背景图片。drawable/list_item_bg.xml
Java代码:
-
使用些xml文件:第一种是在listview中配置android:listSelector="@drawable/list_item_bg或者在listview的item中添加属性android:background="@drawable/list_item_bg"即可实现,或者在Java代码中使用:Drawable drawable = getResources().getDrawable(R.drawable.list_item_bg); ListView.setSelector(drawable);同样的效果。
但是这样会出现列表有时候为黑的情况,需要加上:android:cacheColorHint="@android:color/transparent"
使其透明。
其次再来看看Button的一些背景效果:
android:state_selected是选中
android:state_focused是获得焦点
android:state_pressed是点击
android:state_enabled是设置是否响应事件,指所有事件
根据这些状态同样可以设置button的selector效果。也可以设置selector改变button中的文字状态。以下就是配置button中的文字效果:drawable/button_font.xml
Java代码:
Button还可以实现更复杂的效果,例如渐变啊等等。
Java代码:
drawable/button_color.xml / - //定义当button 处于pressed 状态时的形态。
- //定义当button获得 focus时的形态
最后,需要在包含 button的xml文件里添加两项。假如是 main.xml 文件,我们需要在<Button />里加两项。
android:focusable="true" android:backgroud="@drawable/button_color"
这样当你使用Button的时候就可以甩掉系统自带的那黄颜色的背景了,实现个性化的背景,配合应用的整体布局非常之有用啊。
转载地址:http://owrbi.baihongyu.com/