脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → Android自定义搜索框

Android编程自定义搜索框实现方法【附demo源码下载】

 更新时间：2017年12月29日 15:29:36   作者：飘走的我  
这篇文章主要介绍了Android编程自定义搜索框实现方法,涉及Android界面布局、数据加载、事件响应等相关操作技巧,并附带完整demo源码供读者下载参考,需要的朋友可以参考下

本文实例讲述了Android编程自定义搜索框实现方法。分享给大家供大家参考，具体如下：

先来看效果图吧~

分析：这只是模拟了一个静态数据的删除与显示

用EditText+PopupWindow+listView实现的

步骤：

1.先写出搜索框来-activity_mian布局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  >
  <EditText
    android:id="@+id/et"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    />
   <ImageView
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:id="@+id/click"
     android:layout_alignParentRight="true"
     android:src="@drawable/down_arrow"/>
</RelativeLayout>

效果：

2.数据的加载，把数据写在ArrayList数组中，然后用适配器加载出来~

data=new ArrayList<String>();
for(int i=0;i<20;i++){
  data.add("1000"+i);
}
list.setAdapter(new MyAdapter());

3.点击箭头出现数据，在EditText搜索框下面出现，用PopupWindow实现~

@Override
public void onClick(View v) {
  // TODO Auto-generated method stub
  switch (v.getId()) {
  case R.id.click:
    //if(popup==null){
    /*TextView tv=new TextView(this);
    tv.setText("123243");*/
      list.setAdapter(new MyAdapter());
      popup=new PopupWindow(list, et.getWidth(), 500);
      popup.setFocusable(true);
      //点击屏幕以外的区域会关掉
      popup.setOutsideTouchable(true);
      popup.setBackgroundDrawable(new ColorDrawable());
     //显示在哪个控件的下面
      popup.showAsDropDown(et);
    // }else{
    //  popup=null;
     //}
     break;
  default:
    break;
  }
}

4.listview适配器加载数据并且点击清除数据的图片，数据会消失：

class MyAdapter extends BaseAdapter{
@Override
public int getCount() {
  // TODO Auto-generated method stub
  if(data!=null){
  return data.size();
  }else {
    return 0;
  }
}
@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;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
  // TODO Auto-generated method stub
  View view=View.inflate(MainActivity.this, R.layout.listview, null);
  TextView tv=(TextView) view.findViewById(R.id.tv);
  ImageView iv=(ImageView) view.findViewById(R.id.iv);
  text=data.get(position);
  tv.setText(text);
  iv.setOnClickListener(new OnClickListener() {
    @Override
    public void onClick(View v) {
      // TODO Auto-generated method stub
      data.remove(text);
      notifyDataSetChanged();
    }
  });
  return view;
}
}

5.listview的点击,PopupWindow的消失,EditText数据的显示：

list.setOnItemClickListener(new OnItemClickListener() {
  @Override
  public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
    // TODO Auto-generated method stub
    et.setText(text);
    et.setSelection(text.length());//光标在text的后面
    //PopupWindow消失
    popup.dismiss();
  }
});

这样就实现了自定义搜索框~

完整MainActivity：

public class MainActivity extends Activity implements OnClickListener{
  private ImageView click;
  private EditText et;
  private PopupWindow popup;
  ListView list;
  List<String>data;
  String text;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    et=(EditText) findViewById(R.id.et);
    click=(ImageView) findViewById(R.id.click);
    click.setOnClickListener(this);
    list=new ListView(this);
    list.setOnItemClickListener(new OnItemClickListener() {
      @Override
      public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        // TODO Auto-generated method stub
        et.setText(text);
        et.setSelection(text.length());//光标在text的后面
        //PopupWindow消失
        popup.dismiss();
      }
    });
    data=new ArrayList<String>();
    for(int i=0;i<20;i++){
      data.add("1000"+i);
    }
  }
  @Override
  public void onClick(View v) {
    // TODO Auto-generated method stub
    switch (v.getId()) {
    case R.id.click:
      //if(popup==null){
      /*TextView tv=new TextView(this);
      tv.setText("123243");*/
        list.setAdapter(new MyAdapter());
        popup=new PopupWindow(list, et.getWidth(), 500);
        popup.setFocusable(true);
        //点击屏幕以外的区域会关掉
        popup.setOutsideTouchable(true);
        popup.setBackgroundDrawable(new ColorDrawable());
       //显示在哪个控件的下面
        popup.showAsDropDown(et);
      // }else{
      //  popup=null;
       //}
       break;
    default:
      break;
    }
  }
  class MyAdapter extends BaseAdapter{
    @Override
    public int getCount() {
      // TODO Auto-generated method stub
      if(data!=null){
      return data.size();
      }else {
        return 0;
      }
    }
    @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;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
      // TODO Auto-generated method stub
      View view=View.inflate(MainActivity.this, R.layout.listview, null);
      TextView tv=(TextView) view.findViewById(R.id.tv);
      ImageView iv=(ImageView) view.findViewById(R.id.iv);
      text=data.get(position);
      tv.setText(text);
      iv.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
          // TODO Auto-generated method stub
          data.remove(text);
          notifyDataSetChanged();
        }
      });
      return view;
    }
 }
}

listview布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  >
  <ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/user"/>
  <TextView
    android:id="@+id/tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="100dp"/>
  <ImageView
    android:id="@+id/iv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:src="@drawable/delete"/>
</RelativeLayout>

附：完整实例代码点击此处本站下载。

更多关于Android相关内容感兴趣的读者可查看本站专题：《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • 浅析AndroidStudio3.0最新 Android Profiler分析器(cpu memory network 分析器)

    浅析AndroidStudio3.0最新 Android Profiler分析器(cpu memory network

    Android Profiler分为三大模块： cpu、内存 、网络。本文给大家介绍AndroidStudio3.0最新 Android Profiler分析器(cpu memory network 分析器)的相关知识，他们的基本使用方法，在文中都给大家提到，具体内容详情大家通过本文一起学习吧
    2017-12-12
  • Flutter 底部弹窗如何实现多项选择

    Flutter 底部弹窗如何实现多项选择

    在Flutter中提供了一个showModelBottomSheet方法用于弹出底部弹窗，本篇基于这个方法介绍实现底部弹窗多选的思路和方式。
    2021-06-06
  • Android开发之PopupWindow实现弹窗效果

    Android开发之PopupWindow实现弹窗效果

    这篇文章主要为大家详细介绍了Android开发之PopupWindow实现弹窗效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-09-09
  • 一步步实现Viewpager卡片翻页效果

    一步步实现Viewpager卡片翻页效果

    一步步实现Viewpager卡片翻页效果，文章很精彩，实现步骤很详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-08-08
  • Android开发服务Service全面讲解

    Android开发服务Service全面讲解

    Android的服务是开发Android应用程序的重要组成部分。不同于活动Activity，服务是在后台运行，服务没有接口，生命周期也与活动Activity非常不同。通过使用服务我们可以实现一些后台操作，比如想从远程服务器加载一个网页等，下面来看看详细内容,需要的朋友可以参考下
    2023-02-02
  • Android编程实现的超炫图片浏览器

    Android编程实现的超炫图片浏览器

    这篇文章主要介绍了Android编程实现的超炫图片浏览器,涉及Android针对图片的查看与显示方法,包含对图片的各种常见操作技巧,需要的朋友可以参考下
    2015-12-12
  • 详解Android沉浸式实现兼容解决办法

    详解Android沉浸式实现兼容解决办法

    本篇文章主要介绍了详解Android沉浸式实现兼容解决办法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • Android View实现圆形进度条

    Android View实现圆形进度条

    这篇文章主要为大家详细介绍了Android View实现圆形进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-08-08
  • Android Camera2 实现预览功能

    Android Camera2 实现预览功能

    最近在做一些关于人脸识别的项目，需要用到 Android 相机的预览功能。今天小编通过本文给大家分享Android Camera2 实现预览功能，感兴趣的朋友跟随小编一起看看吧
    2018-11-11
  • Android实现注册页面(携带数据包跳转)

    Android实现注册页面(携带数据包跳转)

    这篇文章主要为大家详细介绍了Android实现注册页面,点击注册按钮跳转到另一个页面并显示输入信息，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-04-04

最新评论