android 自定义搜索框 + 搜索提示

前一段时间项目用到搜索框和搜索提示,在这里做了一个demo记录下



这是布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#eff2f4"
    android:orientation="vertical" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="20dp"
        android:background="@android:color/white" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >

            <ImageView
                android:id="@+id/search_iv_left"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_marginLeft="10dp"
                android:src="@drawable/kuohao"
                android:visibility="gone" />

            <EditText
                android:id="@+id/query"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:background="@null"
                android:singleLine="true"
                android:visibility="gone"
                android:hint="输入搜索条件" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/sousuo_ll"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true" >

            <ImageView
                android:id="@+id/search_iv_hori"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/kuohao" />

            <TextView
                android:id="@+id/sousuo_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="搜索" />
        </LinearLayout>
    </RelativeLayout>

    <ListView 
        android:id="@+id/list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        ></ListView>
</LinearLayout>


有两个list,一个是初始化listview的list,另一个list是存搜索的list。初始化listview的list

list.add("唐三藏");
		list.add("孙悟空");
		list.add("猪八戒");
		list.add("沙悟净");
		list.add("白龙马");
		list.add("唐王");
		
		list.add("如来佛祖");
		list.add("玉皇大帝");
		list.add("观音菩萨");
		list.add("太上老君");
		list.add("托塔天王");
		list.add("二郎神君");

给editText添加一个输入监听,在监听里改变listview的list

@Override
	public void onClick(View v) {
		// TODO Auto-generated method stub
		switch (v.getId()) {
		case R.id.sousuo_ll:
			if(bool_touch){
				bool_touch = false;
			}else{
				search_iv_left.setVisibility(View.VISIBLE);
				sousuo_ll.setVisibility(View.GONE);
				editText.setVisibility(View.VISIBLE);
				editText.setFocusable(true);
				bool_touch = true;
			}
			break;

		default:
			break;
		}
	}

	@Override
	public void onFocusChange(View v, boolean hasFocus) {
		// TODO Auto-generated method stub
		if(!hasFocus){
			sousuo_ll.setVisibility(View.VISIBLE);
			search_iv_left.setVisibility(View.GONE);
			editText.setVisibility(View.GONE);
		}
	}
	
	class MyTextWacher implements TextWatcher{

		private String TAG = "SceondActivity.class";

		@Override
		public void beforeTextChanged(CharSequence s, int start, int count,
				int after) {
			// TODO Auto-generated method stub
			
		}

		@Override
		public void onTextChanged(CharSequence s, int start, int before,
				int count) {
			// TODO Auto-generated method stub
			if(s.length() > 0){
				for(String str : list){
					if(str.contains(s)){
						System.out.println(s+"=-=-=-=-"+str);
						tempList.add(str);
						adapter.mChangeList(tempList);
						adapter.notifyDataSetChanged();
					}
				}
				Log.e(TAG, s.toString());
			}else{
				
				adapter.mChangeList(list);
				adapter.notifyDataSetChanged();
				
			}
		}

		@Override
		public void afterTextChanged(Editable s) {
			// TODO Auto-generated method stub
			
		}
	}

这是适配器Adapter的代码

public MyListAdapter(Context context, List<String> list) {

		this.list = list;
		this.context = context;
	}

	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return list.size();
	}

	@Override
	public Object getItem(int position) {
		// TODO Auto-generated method stub
		return null;
	}

	@Override
	public long getItemId(int position) {
		// TODO Auto-generated method stub
		return 0;
	}

	public void mChangeList(List<String> mList){
		
		list = mList;
	}
	
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		ViewHolder viewHolder;
		if (convertView == null) {
			viewHolder = new ViewHolder();
			convertView = View.inflate(context, R.layout.item_list, null);
			viewHolder.textView = (TextView) convertView
					.findViewById(R.id.text);
			convertView.setTag(viewHolder);
		} else {
			viewHolder = (ViewHolder) convertView.getTag();
		}
		viewHolder.textView.setText(list.get(position));
		return convertView;
	}

	class ViewHolder {
		TextView textView;
	}
}





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值