自定义 Android 搜索控件 SearchView ---SimpleSearchView

最近需要在Android中实现一个搜索功能  而Android自带的SearchView 不是很给力 在Android中虽然有很多的原生组件 这些组件很多时候无法满足项目的开发需求，因此为了满足产品的要求 经常需要自定义控件 今天就自己实现了一个自定义控件

基本思路：

首先 searchview有四个部分 最左边的放大镜icon 内容输入框 清空按钮 和搜索按钮（可有可无，可以再软键盘中操作搜索按键监听）

代码如下：

/*
 * @auhor yaodong
 */
public class SimpleSearchView extends RelativeLayout implements TextWatcher {
private EditText searchContent;
private ImageView clear;
private RelativeLayout sv_action;
private CharSequence temp;
private Context context;
public SimpleSearchView(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
LayoutInflater.from(context).inflate(R.layout.simplesearchview, this);
this.context = context;
initView(this);
setListener();
}
private void initView(View view){
searchContent  = (EditText)view.findViewById(R.id.sv_content);
clear  =  (ImageView)view.findViewById(R.id.sv_clear);
sv_action = (RelativeLayout)view.findViewById(R.id.sv_action);
clear.setVisibility(View.INVISIBLE);
sv_action.setVisibility(View.GONE);
}
private void setListener(){
searchContent.addTextChangedListener(this);
clear.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
// TODO Auto-generated method stub

searchContent.setText("");;
clear.setVisibility(View.INVISIBLE);
sv_action.setVisibility(View.GONE);

}
});
sv_action.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
// TODO Auto-generated method stub
Toast.makeText(context, searchContent.getText().toString(), 1).show();
}
});
}
@Override
public void beforeTextChanged(CharSequence s, int start, int count,
int after) {
// TODO Auto-generated method stub
temp = s;
}
@Override
public void onTextChanged(CharSequence s, int start, int before, int count) {
// TODO Auto-generated method stub
// searchContent.setText(temp);
}
@Override
public void afterTextChanged(Editable s) {
// TODO Auto-generated method stub
int  len = temp.toString().length();
if(len>0){
clear.setVisibility(View.VISIBLE);
sv_action.setVisibility(View.VISIBLE);
}else{
clear.setVisibility(View.INVISIBLE);
sv_action.setVisibility(View.GONE);
}
}


}

XML 文件如下

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="5dp" >


    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:layout_toLeftOf="@+id/sv_action"
        >


        <EditText
            android:id="@+id/sv_content"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:drawableLeft="@drawable/test_sorlistview_search_bar_icon_normal"
            android:hint="输入内容"
             />


        <ImageView
            android:id="@+id/sv_clear"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right|center_vertical"
            android:paddingRight="5dp"
            android:src="@drawable/sorlistview_emotionstore_progresscancelbtn" />
    </FrameLayout>
<RelativeLayout 
   android:id="@+id/sv_action"
   android:layout_alignParentRight="true"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:gravity="center"
   android:layout_centerVertical="true"
   android:visibility="gone"
   >
   <TextView 
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="搜索"
       />
</RelativeLayout>
</RelativeLayout>

代码还是非常的简单的 

android:drawableLeft 属性是用来在EditText的左边设置一个图标

之后用一个FrameLayout 来 将一个清空的X图片房子Edtitext的最右边 并对其进行监听来 清空内荣

在整个布局的最右边设置一个相对的布局 用来执行 搜索操作