android 粗暴简单仿美团/大众点评搜索方式，详细标注

最新推荐文章于 2021-07-15 12:22:59 发布
最新推荐文章于 2021-07-15 12:22:59 发布
阅读量4.3k 收藏 2
点赞数 2
分类专栏： 各种小案例 文章标签： android 大众点评 美团 listview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ddwhan0123/article/details/48054849
版权
转载请注明出处王亟亟的大牛之路

美团和大众点评的搜索和筛选栏，不能说好看（审美flag），但是满足了我们的搜索还筛选的需求，所以今天就实现了下这样的一个小Demo

项目结构：运行效果就是下图了，就不再截图了
这里写图片描述

初始化的样子：
这里写图片描述

具体实现就是起初3个LinearLayout，点击之后出现一个ListView然后会根据对这个LisvView的点击可能会再出现下一级别的子菜单。

废话不多说，直接上代码
MainActivity

public class MainActivity extends Activity implements OnClickListener,
OnDismissListener{

    private ImageView icon1, icon2, icon3;
    private TextView fenlei, diqu, paixu;
    private LinearLayout ll_top;
    private LinearLayout ll_fenlei, ll_diqu, ll_paixu;

    private ListView lv1, lv2,lv3, lv4;
    private LinearLayout ll2;
    private PopupWindow popLeft,popMid,popRight;

    private List<father> fatlist;
    private List<son> sonlist,sonlist1,sonlist2,sonlist3,sonlist4;
    private List<son> right;
    private int screenWidth;
    private int screenHeight;
    private MyAdapterLeft adapterleft;
    private MyAdapterSon adapterleftson;
    private MyAdapterRight adapterRight;
    private int imaPosition;//选中的
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initScreenWidth();
        intifatherlist();   
        intiView();
    }

    private void intiView() {
        ll_top =(LinearLayout) findViewById(R.id.ll_layout);
        ll_fenlei = (LinearLayout) findViewById(R.id.ll_quyu);
        ll_diqu = (LinearLayout) findViewById(R.id.ll_jiage);
        ll_paixu = (LinearLayout) findViewById(R.id.ll_huxing);

        fenlei = (TextView) findViewById(R.id.fenlei);
        diqu  = (TextView) findViewById(R.id.diqu);
        paixu = (TextView) findViewById(R.id.paixu);

        icon1 = (ImageView) findViewById(R.id.icon1);
        icon2 = (ImageView) findViewById(R.id.icon2);
        icon3 = (ImageView) findViewById(R.id.icon3);
        ll_fenlei.setOnClickListener(this);
        ll_diqu.setOnClickListener(this);
        ll_paixu.setOnClickListener(this);  

        getPopLeft();
        getPopRight();
    }

    /**初始化父类和子类*/
    private void intifatherlist() {
        fatlist = new ArrayList<father>();
        sonlist = new ArrayList<son>();
        sonlist1 = new ArrayList<son>();
        sonlist2 = new ArrayList<son>();
        sonlist3 = new ArrayList<son>();
        sonlist4 = new ArrayList<son>();

        for (int i = 0; i < 5; i++) {
            son s = new son();
            s.setId(i+"");
            s.setName("子菜单"+i);
            sonlist.add(s);
        }
        for (int i = 0; i < 15; i++) {
            son s = new son();
            s.setId(i+"");
            s.setName("子菜单"+i);
            sonlist1.add(s);
        }
        for (int i = 0; i < 5; i++) {
            son s = new son();
            s.setId(i+"");
            s.setName("子菜单"+i);
            sonlist2.add(s);
        }
        for (int i = 0; i < 6; i++) {
            son s = new son();
            s.setId(i+"");
            s.setName("子菜单"+i);
            sonlist3.add(s);
        }
        for (int i = 0; i < 13; i++) {
            son s = new son();
            s.setId(i+"");
            s.setName("子菜单"+i);
            sonlist4.add(s);
        }
        /**初始化父类*/
        for (int i = 0; i < 5; i++) {
            father father = new father();
            father.setId(i+"");
            father.setName("主菜单"+i);
            if (i==0) {
                father.setImage(R.drawable.ic_category_all);
                father.setSonList(null);
            }
            if (i==1) {
                father.setImage(R.drawable.ic_category_entertainment);
                father.setSonList(sonlist1);
            }
            if (i==2) {
                father.setImage(R.drawable.ic_category_food);
                father.setSonList(sonlist2);
            }
            if (i==3) {
                father.setImage(R.drawable.ic_category_health); 
                father.setSonList(sonlist3);
            }
            if (i==4) {
                father.setImage(R.drawable.ic_category_hot);
                father.setSonList(sonlist4);
            }
            fatlist.add(father);
        }
    }

    /**
     * @Title: initScreenWidth
     * @Description: 查看自身的宽高
     * @author yimei
     * @return void 返回类型
     */
    private void initScreenWidth() {
        DisplayMetrics dm = new DisplayMetrics();
        dm = getResources().getDisplayMetrics();
        screenHeight = dm.heightPixels;
        screenWidth = dm.widthPixels;
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.ll_quyu:
            getPopLeft();
            popLeft.showAsDropDown(ll_top);
            break;
        case R.id.ll_jiage:

            break;
        case R.id.ll_huxing:
            getPopRight();
            popRight.showAsDropDown(ll_top);
            break;
        }
    }
    @Override
    public void onDismiss() {

    }

    /***获取PopupWindow实例 .分类*/ 
    private void getPopLeft() { 
    if (null != popLeft) { 
        popLeft.dismiss(); 
        return ; 
    } else {
    //初始化分类弹窗
        initPopLeft();
    }
} 

    /***获取PopupWindow实例 .分类*/ 
    private void getPopRight() { 
    if (null != popRight) { 
        popRight.dismiss(); 
        return ; 
    } else {
    //初始化分类弹窗
        initPopRight();
    }
} 
    /** 
    * 创建分类弹出PopupWindow 
    */ 
    protected void initPopLeft() { 
    // 获取自定义布局文件pop.xml的视图 
    View left_view = getLayoutInflater().inflate
            (R.layout.popleft, null, false); 
    left_view.setFocusable(true); // 这个很重要
    left_view.setFocusableInTouchMode(true);

    // PopupWindow(布局，宽度，高度)
    popLeft = new PopupWindow(left_view,screenWidth, screenHeight, true);
    popLeft.setFocusable(true);
    // 重写onKeyListener,按返回键消失
    left_view.setOnKeyListener(new OnKeyListener() {
        @Override
        public boolean onKey(View v, int keyCode, KeyEvent event) {
            if (keyCode == KeyEvent.KEYCODE_BACK) {
                popLeft.dismiss();
                //为空的话就会重新构建不会保留
//              popLeft = null;
                return true;
            }
            return false;
        }
    });
    // 设置动画效果 
//  popupWindow.setAnimationStyle(R.style.AnimationFade); 
    //点击其他地方消失 
    left_view.setOnTouchListener(new OnTouchListener() { 
    @Override 
    public boolean onTouch(View v, MotionEvent event) { 
    if (popLeft != null && popLeft.isShowing()) { 
        popLeft.dismiss(); 
     } 
    return false; 
  }}); 

    // pop.xml视图里面的控件 
    lv1 = (ListView) left_view.findViewById(R.id.lv1); 
    lv2 = (ListView) left_view.findViewById(R.id.lv2); 
    ll2 = (LinearLayout) left_view.findViewById(R.id.ll2);

    adapterleft = new MyAdapterLeft(MainActivity.this, fatlist);
    lv1.setAdapter(adapterleft);

    //listview的监听
    lv1.setOnItemClickListener(new OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> arg0, View arg1, int position,
            long arg3) {

        adapterleft.setSelectItem(position);
        imaPosition = position;
        adapterleft.notifyDataSetChanged();
        adapterleftson =new MyAdapterSon(MainActivity.this,
                fatlist.get(position).getSonList());
        lv2.setAdapter(adapterleftson);     
        //二维数组里面有元素
        if (fatlist.get(position).getSonList()!=null) {
            //不为空才显示
            lv2.setVisibility(View.VISIBLE);
            lv2.setOnItemClickListener(new OnItemClickListener() {
                @Override
                public void onItemClick(AdapterView<?> parent,
                        View view, int position, long id) {
                    //变色效果
                    adapterleftson.setSelectItem(position);
                    String name =
                    adapterleftson.getItem(position).getName();
                    setHeadText(1, name,fatlist.get(imaPosition).getImage());
                    popLeft.dismiss();
                }
            });
        //没元素   
        } else {
            // 当没有下级时直接将信息设置textview中
            String name = fatlist.get(position).getName();
            int img = fatlist.get(position).getImage();
            //第一个都是1
            setHeadText(1, name,img);
            popLeft.dismiss();
        }

    }});
    }



    /**最右边的弹窗，排序*/
    protected void initPopRight() { 
        // 获取自定义布局文件pop.xml的视图 
        View left_right = getLayoutInflater().inflate
                (R.layout.popright, null, false); 
        left_right.setFocusable(true); // 这个很重要
        left_right.setFocusableInTouchMode(true);

        // PopupWindow(布局，宽度，高度)
        popRight = new PopupWindow(left_right,screenWidth, screenHeight, true);
        popRight.setFocusable(true);
        // 重写onKeyListener,按返回键消失
        left_right.setOnKeyListener(new OnKeyListener() {
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {
                if (keyCode == KeyEvent.KEYCODE_BACK) {
                    popRight.dismiss();
                    //为空的话就会重新构建不会保留
//                  popLeft = null;
                    return true;
                }
                return false;
            }
        });
        // 设置动画效果 
//      popupWindow.setAnimationStyle(R.style.AnimationFade); 
        //点击其他地方消失 
        left_right.setOnTouchListener(new OnTouchListener() { 
        @Override 
        public boolean onTouch(View v, MotionEvent event) { 
        if (popRight != null && popRight.isShowing()) { 
            popRight.dismiss(); 
         } 
        return false; 
      }}); 

        // pop.xml视图里面的控件 
        lv3 = (ListView) left_right.findViewById(R.id.lv3); 
        right = new ArrayList<son>();
        for (int i = 0; i < 4; i++) {
            son s = new son();
            s.setId(i+"");
            if (i==0) {
                s.setName("智能排序");
            }
            if (i==1) {
                s.setName("好评优先");
            }
            if (i==2) {
                s.setName("离我最近");
            }
            if (i==3) {
                s.setName("人均最低");
            }
            right.add(s);
        }
        adapterRight = new MyAdapterRight(MainActivity.this, right);
        lv3.setAdapter(adapterRight);

        lv3.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int position,
                    long arg3) {
                adapterRight.setSelectItem(position);
                // 当没有下级时直接将信息设置textview中
                String name = right.get(position).getName();
                setHeadText(3, name,0);
                popRight.dismiss();
            }
        });


    }



    /**
     * @Title: setHeadText
     * @Description: 点击之后设置在上边的TextView里
     * @author yimei
     * @return void 返回类型
     */
    private void setHeadText(int idx, String text,int image) {
        switch (idx) {
        case 1:
            fenlei.setText(text);
            icon1.setImageResource(image);
            break;
        case 2:
            diqu.setText(text);
            break;
        case 3:
            paixu.setText(text);
            break;
        }
    }   


}

布局文件

<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"
    android:background="#FFFFFF"
    tools:context=".MainActivity" >

    <LinearLayout
        android:id="@+id/ll_layout"
        android:layout_width="match_parent"
        android:layout_height="40dip"
        android:background="#FFFFFF"
        android:orientation="horizontal" >

        <LinearLayout
            android:id="@+id/ll_quyu"
            android:layout_width="0dip"
            android:layout_height="40dip"
            android:layout_weight="1"
            android:gravity="center_vertical|center_horizontal"
            android:orientation="horizontal"
            android:paddingLeft="10dip" >
            <ImageView
                android:id="@+id/icon1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/documents" />
            <TextView
                android:id="@+id/fenlei"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:text="@string/quyu"
                android:textColor="#4d4d4d" />
        </LinearLayout>

        <View
            android:layout_width="1dip"
            android:layout_height="20dip"
            android:layout_gravity="center_vertical"
            android:background="#e6e6e6" />

        <LinearLayout
            android:id="@+id/ll_jiage"
            android:layout_width="0dip"
            android:layout_height="40dip"
            android:layout_weight="1"
            android:gravity="center_vertical|center_horizontal"
            android:orientation="horizontal"
            android:paddingLeft="10dip" >
                <ImageView
                android:id="@+id/icon2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/location_pin" />
            <TextView
                android:id="@+id/diqu"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:text="@string/jiage"
                android:textColor="#4d4d4d" />
        </LinearLayout>

        <View
            android:layout_width="1dip"
            android:layout_height="20dip"
            android:layout_gravity="center_vertical"
            android:background="#e6e6e6" />

        <LinearLayout
            android:id="@+id/ll_huxing"
            android:layout_width="0dip"
            android:layout_height="40dip"
            android:layout_weight="1"
            android:gravity="center_vertical|center_horizontal"
            android:orientation="horizontal"
            android:paddingLeft="10dip" >

            <ImageView
                android:id="@+id/icon3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/resize_100" />
            <TextView
                android:id="@+id/paixu"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:text="@string/huxing"
                android:textColor="#4d4d4d" />
        </LinearLayout>
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dip"
        android:layout_below="@id/ll_layout"
        android:background="#e6e6e6" />

</RelativeLayout>

参数的适配器（就贴一个了，这部分没什么，看源码更清楚）

public class MyAdapterLeft extends BaseAdapter {
    private List<father> l;
    private Context context;
    private int selectItem = -1;

    public MyAdapterLeft(Context context, List<father> l) {
        this.context = context;
        this.l = l;
    }

    @Override
    public int getCount() {
        return l.size();
    }

    @Override
    public Object getItem(int position) {
        return l.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Holder holder = null;
        if (convertView == null) {
            holder = new Holder();
            convertView = LayoutInflater.from(context).inflate(R.layout.item,
                    null);
            holder.name = (TextView) convertView.findViewById(R.id.name);
            holder.img = (ImageView) convertView.findViewById(R.id.img);
            convertView.setTag(holder);
        } else {
            holder = (Holder) convertView.getTag();
        }
            holder.name.setText(l.get(position).getName());
            holder.img.setImageResource(l.get(position).getImage());

        if (position == selectItem) {
            convertView.setBackgroundColor(context.getResources().getColor(R.color.click));
            holder.name.setTextColor(Color.BLUE);
        } else {
            convertView.setBackgroundColor(context.getResources().getColor(R.color.defult));
            holder.name.setTextColor(Color.BLACK);
        }
        return convertView;
    }

    public void setSelectItem(int selectItem) {
        this.selectItem = selectItem;
    }

    class Holder {
        TextView name;
        ImageView img;
    }
    private void show(String str) {
        Toast.makeText(context, str, 0).show();
    }
}

一些比较重要的内容就这些了，子层级的item啊，father son的对象声明啊，看源码吧，只是用于填充数据的容器而已
源码：http://yunpan.cn/cmwJbWZ3FdpdZ 访问密码 493b

部分内容参考互联网，如有重复请见谅
王亟亟
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
Andorid仿美团城市搜索
11-13
仿美团城市搜索，精确到省份、城市、县城，Android版Demo
android简单仿美团外卖菜单
最新发布
Miaolihong1的博客
05-31 1724
由于仿美团外卖菜单的界面中需要显示推荐菜单列表与进店必买菜单列表信息，所以我们需要在MminActivity 中定义 init()方法、setData()方法、clickEvent()方法和switchData()方法，这些方法分别用于初始化界面控件、设置界面数据、实现界面控件的点击事件和切换右侧菜单列表的数据。其中，顶部的导航栏中包含“点菜”“评价”“商家”和“好友拼单”文本信息，左侧的菜单栏中包含“推荐”和“进店必买”文本信息，右侧的菜单列表中包含菜品名称、菜品月售信息和菜品价格等信息。
Android第五十期 - 仿美团查询搜索ListView+PopupWindow
weixin_34326429的博客
09-15 204
    代码已经整理好，效果如下图：        地址：http://down.51cto.com/data/2093827
Android仿美团筛选菜单
03-01
仿美团的筛选菜单，里面封装了工具类，带有调用方法。包括一级筛选和二级筛选。
一种简单粗暴的方式实现Android文本域左右对齐
06-06
本文将探讨一种简单粗暴的方式实现Android文本域左右对齐，主要涉及`TextView`组件的使用和自定义扩展。 首先，我们了解`TextView`的基本属性。`TextView`是Android SDK中用于显示文本的视图组件，它提供了多种样式...
美团渠道打包简单粗暴
06-14
"美团渠道打包简单粗暴"这个标题暗示了我们将讨论一种高效且易于操作的打包方法，适用于美团应用的多渠道发布。 首先，我们要理解“美团渠道打包”的概念。在移动应用开发中，渠道打包是指为不同的推广渠道创建具有...
就是要简单粗暴 Android设备快速Root.pdf
09-22
就是要简单粗暴 Android设备快速Root.pdf
android 简单粗暴的下拉菜单
03-29
在Android开发中，创建一个简单粗暴的下拉菜单是一个常见的需求，这通常涉及到用户界面交互和自定义视图的设计。下面将详细讲解如何在Android中实现这样的功能。 首先，我们要明白Android中的下拉菜单主要指的是...
Android-DEMO-一种粗暴快速的Android全屏幕适配方案
08-13
</androidx.constraintlayout.widget.ConstraintLayout> ``` 这样可以确保内容不会被屏幕的特殊形状遮挡。 5. **响应式布局** 使用`PercentRelativeLayout`或`ConstraintLayout`等响应式布局，可以使UI元素根据...
Android仿美团团购应用源代码.rar
07-10
Android仿美团团购应用源代码，通过pull解析器取得团购网站最新团购信息，读取存储在SharedPreferences的city_postiotn的数据，将长整型的时间1324322343格式转成2011-8-29。
Android自定义view实现下拉筛选菜单（仿美团下拉）app-debug.apk
04-01
仿美团下拉筛选菜单，代码详细地址http://.ytsyt.cn/post/12.html
仿美团网团购搜索级联下拉框DEMO
04-17
仿美团网团购搜索级联下拉框DEMO，可以进行多级选择！
仿美团详情页标题栏,标题栏透明度随滑动改变，头部展示图片拉伸收缩效果
03-02
标题栏透明度随滑动改变，头部展示图片拉伸收缩效果 标题栏透明度随滑动改变，头部展示图片拉伸收缩效果 标题栏透明度随滑动改变，头部展示图片拉伸收缩效果
Android仿大众点评源码
01-16
Android仿大众点评源码，里面界面功能很全，供大家学习
Android仿美团导航栏-自定义View系列（10）
ruiruiddd的博客
07-15 760
Android仿美团导航栏-自定义View系列功能简介GIf演示主要实现步骤-具体内容看github项目里的代码Android技术生活交流 更多其他页面-自定义View-实用功能合集：点击查看 功能简介 Android仿美团导航栏，感觉挺有趣，简单的实现下。 GIf演示 主要实现步骤-具体内容看github项目里的代码 简单记录一下实现步骤。实际上离美团的效果还差的很远，很多细节没有覆盖，例如弹出来的按钮与水平线左右两处交汇的地方就很生硬，应该再用贝塞尔曲线写一下。 1.创建View
仿美团外卖标题栏 上拉改变背景 默认背景透明 下拉隐藏控件
ximencx的博客
05-30 2633
1，项目效果github地址 2，使用前提 1.注意actionbar的依赖库，目前仅支持 import android.app.ActionBar; 2.actionbar背景渐变需要监听headerview的位置，放在添加headerview后调用该方法 private void initScroll() {
仿美团、淘宝等三层以下的任意层级下拉筛选菜单PopupDownMenu
chitoseyono的博客
05-05 3163
1、PopupDownMenu介绍 想必大家在各种诸如美团，淘宝等app上都有看到过这样的下拉菜单筛选栏，而据我所知，别人还原的做法大多是用单纯的ListView或者ExpandableListView更或者自定义View之类的来实现，但我是第一想法使用利用PopupWindow+ListView的方法实现的，所以就有了这个项目。 同样，为了提高这个的利用性，我为PopupWindow设置了一...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值