博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
android代码重构日记(四)——关于按钮部分的代码重构
阅读量:4032 次
发布时间:2019-05-24

本文共 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,示例代码如下:

[html] 
  1. <span style="font-size:16px;"><?xml version="1.0" encoding="utf-8"?>  
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android"> 
  3. <!--普通状态--> 
  4.     <item 
  5.         android:state_pressed="false"  
  6.         android:drawable="@drawable/title_button_back">  
  7.     </item>  
  8.     <item  
  9.         android:state_pressed="true"  
  10.         android:drawable="@drawable/title_button_back_h">  
  11.     </item>  
  12.     <item  
  13.         android:state_window_focused="false"  
  14.         android:drawable="@drawable/title_button_back">  
  15.     </item>  
  16. </selector></span>  

二、编写布局文件,为布局文件中的ImageButton设置selector,示例代码如下:

[html] 
  1. <span style="font-size:16px;"><?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_height="wrap_content"  
  4.     android:layout_width="fill_parent">  
  5.     <ImageButton  
  6.         android:id="@+id/title_IB"  
  7.         android:layout_height="wrap_content"  
  8.         android:layout_width="wrap_content"  
  9.         android:background="#00000000"  
  10.         android:layout_marginRight="4dp"  
  11.         android:layout_centerVertical="true"  
  12.         android:src="@drawable/selector">  
  13.     </ImageButton>  
  14. </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/

你可能感兴趣的文章
绘图和可视化(seaborn)
查看>>
Vim日常使用
查看>>
计算机网络第一记:网络核心
查看>>
信息检索:基于知识图谱和深度学习的文本表示和搜索(Explicit and distributed semantics for text representation and retrieval)
查看>>
计算机网络第二记:协议层次
查看>>
计算机网络第三记:网络安全
查看>>
深度学习训练中如何处理NaNs
查看>>
机器学习与其他相似概念
查看>>
深度学习库提供了什么?
查看>>
Theano中如何只更新一部分权重,用法及理由。
查看>>
深度学习实践
查看>>
机器学习探索性数据分析的数据类型
查看>>
机器学习探索性数据分析的数据类型(补充)
查看>>
机器学习中典型工作流程
查看>>
数据挖掘十大算法 and 算法概述
查看>>
机器学习中样本数据预处理
查看>>
机器学习中样本缺失值的处理方法
查看>>
机器学习中样本比例不平衡的处理方法
查看>>
机器学习中的文本处理
查看>>
K近邻分类
查看>>