Android中实现二级菜单

Android中实现二级菜单公司项目里的需求,商城的左下角,要求有分类的Menu。看图:1.当点击一级分类,修改二级菜单里面的内容。2.同时一级菜单里的背景变为右边有白色三角的背景。3.当点击二级菜单的条目时候,Popupwindow消失,并且界面更新对应条目的商品数据。我的实现思路是:左下角弹出Popupwindow,里面使用两个ListView实现。我的Demo的效果:

大家好,又见面了,我是你们的朋友全栈君。

公司项目里的需求,商城的左下角,要求有分类的Menu。

看图:

Menu效果图

1.当点击一级分类,修改二级菜单里面的内容。

2.同时一级菜单里的背景变为右边有白色三角的背景。

3.当点击二级菜单的条目时候,Popupwindow消失,并且界面更新对应条目的商品数据。

我的实现思路是:左下角弹出Popupwindow,里面使用两个ListView实现。

我的Demo的效果:

双ListView效果

1,点击一级菜单分类,修改二级菜单里面的内容:

listView.setOnItemClickListener(new OnItemClickListener() {

            @Override 
            public void onItemClick(AdapterView<?> arg0, View arg1, 
                    int position, long arg3) { 
                final int location = position; 
                myAdapter.setSelectedPosition(position);//adapter中的方法,将当前点击位置,告诉adapter。adapter根据position设置响应位置的数据。 
                myAdapter.notifyDataSetInvalidated(); 
                subAdapter = new SubAdapter(MenuPop.this.context, cities, 
                        images, position); 
                subListView.setAdapter(subAdapter); 
                subListView.setOnItemClickListener(new OnItemClickListener() {//二级菜单,根据一级菜单数据修改。

                    @Override 
                    public void onItemClick(AdapterView<?> arg0, View arg1, 
                            int position, long arg3) { 
                        Toast.makeText(MenuPop.this.context, 
                                cities[location][position], Toast.LENGTH_SHORT) 
                                .show(); 
                    } 
                }); 
            } 
        });

2,adapter中数据设置

// 设置选中效果(改变背景图片) 
        if (selectedPosition == position) { 
            holder.textView.setTextColor(Color.BLUE); 
            holder.layout.setBackgroundResource(R.drawable.fenlei_blue_on); 
        } else { 
            holder.textView.setTextColor(Color.WHITE); 
            holder.layout.setBackgroundColor(Color.TRANSPARENT); 
        }

 

//设置数据,数据现在是固定在String数组中

if (position == 0) { 
            holder.imageView.setBackgroundResource(R.color.transparent); 
        } else if (position == 1) { 
            holder.imageView.setBackgroundResource(R.color.transparent);

        } else { 
            holder.imageView.setBackgroundResource(images[position]);

        }

3,产生Popupwindow的类,通过new该对象,得到新的Popupwindow。

//构造方法中,传入当前上下文,初始化双ListView布局,设置adapter。

public MenuPop(Context context, SecondFragmentCallback callback) { 
        super(); 
        this.context = context; 
        this.callback = callback;

        View view = LayoutInflater.from(context) 
                .inflate(R.layout.popmenu, null);

        // 设置listview 
        listView = (MyListView) view.findViewById(R.id.listView); 
        subListView = (MyListView) view.findViewById(R.id.subListView); 
        myAdapter = new MyAdapter(context, foods, images); 
        listView.setAdapter(myAdapter); 
        selectDefult(); 

 

//Popupwindow显示位置控制

//Popupwindow菜单的隐藏方法

// showAsDropDown,默认位置在锚点的左下,如果左下没有空间,就显示在左上 
    public void showAsDropUp(View parent) { 
        popupWindow 
                .showAtLocation(parent, Gravity.LEFT | Gravity.BOTTOM, 0, 90); 
        popupWindow.showAsDropDown(parent, 0, 0);

        // 显示的位置

        // 使其聚集 
        popupWindow.setFocusable(true); 
        // 使其允许在外点击消失 
        popupWindow.setOutsideTouchable(true); 
        // 刷新状态 
        popupWindow.update(); 
    }

    // 隐藏菜单 
    public void dismiss() { 
        popupWindow.dismiss(); 
    }

布局文件:Popupwindow中横向并排两个ListView;

              adapter中的ListView-item左边图片,右边textview。

*****************************************

自定义的MyListView,开启子线程,动态更新UI。

class MyListView extends ListView implements Runnable == 继承ListView,实现Runnable方法。

//主要override 的方法:

@Override 
    public boolean onTouchEvent(MotionEvent event) { 
        switch (event.getAction()) { 
        case MotionEvent.ACTION_DOWN: 
            if (mLastDownY == 0f && mDistance == 0) { 
                mLastDownY = event.getY(); 
                return true; 
            } 
            break;

        case MotionEvent.ACTION_CANCEL: 
            break;

        case MotionEvent.ACTION_UP: 
            if (mDistance != 0) { 
                mStep = 1; 
                mPositive = (mDistance >= 0); 
                /** 
                 * post 
                 * 
                 * Causes the Runnable to be added to the message queue. The 
                 * runnable will be run on the user interface thread. 
                 * 触发子线程被添加到消息队列事件。该子线程将运行在用户接口线程。 This method can be invoked 
                 * from outside of the UI thread only when this View is attached 
                 * to a window. 只有当View控件被加入一个窗体,该方法从外部UI线程被调用 
                 */ 
                this.post(this); 
                return true; 
            } 
            mLastDownY = 0f; 
            mDistance = 0; 
            break;

        case MotionEvent.ACTION_MOVE: 
            if (mLastDownY != 0f) { 
                mDistance = (int) (mLastDownY – event.getY()); 
                if ((mDistance < 0 && getFirstVisiblePosition() == 0 && getChildAt( 
                        0).getTop() == 0) 
                        || (mDistance > 0 && getLastVisiblePosition() == getCount() – 1)) { 
                    mDistance /= 2; 
                    scrollTo(0, mDistance); 
                    return true; 
                } 
            } 
            mDistance = 0; 
            break; 
        } 
        return super.onTouchEvent(event); 
    }

 

注:现在还是熟练代码的阶段,好多东西都不清楚啊,需要学习的太多了。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/141667.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 浅谈VMware的NAT模式「建议收藏」

    浅谈VMware的NAT模式「建议收藏」什么是NAT模式?理论化的措辞我就不说了,我将结合本人平时的经验来简单的说明一下NAT模式,以及配置NAT模式时遇到的问题。大家都知道,我们的电脑要想联网,需要与交换机连接,假设交换机的网关为192.168.1.1,那么我们的电脑的ip必定在相同的网段,比如192.168.1.101,网关必定是192.168.1.1。现在我们向通过NAT模式将主机与虚拟机连接起来,即主机可以ping的通虚拟机…

  • visitor设计模式ppt_常用的设计模式

    visitor设计模式ppt_常用的设计模式动机Visitor是访问者的意思。数据结构中保存着元素。一般我们需要对元素进行处理,那么处理元素的代码放在哪里呢?最显然的方法就是放在数据结构的类中,在类中添加处理的方法。但是如果有很多处理,就比较麻烦了,每当增加一种处理,我们就不得不去修改表示数据结构的类。visitor模式就是用来解决这个问题的,visitor模式将数据结构的定义和处理分离开。也就是会新增一个访问者的类,将数据元素的处理交给访问者类,这样以后要新增处理的时候,只需要新增访问者就可以了。模式定义将更新(变更)封装到一个类中(访问

  • AndEngine Text的使用心得

    AndEngine Text的使用心得

  • Apache Struts2再爆高危漏洞

    Apache Struts2再爆高危漏洞60网站安全检测最新struts2命令执行漏洞分析时间:2013-07-1809:46 在struts2中,DefaultActionMapper类支持以”action:”、”redirect:”、”redirectAction:”作为导航或是重定向前缀,但是这些前缀后面同时可以跟OGNL表达式,由于struts2没有对这些前缀做过滤,

  • c语言list的使用方法,c语言list操作

    c语言list的使用方法,c语言list操作#includetypedefstructLnode{intdata;structLnode*next;}LND,*lnd;lndmalloclist(lndl){l=(lnd)malloc(sizeof(LND));returnl;}intinitlist(lndl,intn){l->data=n;l->next=NULL;lndp;for(…

  • phpstorm2021listen激活破解方法

    phpstorm2021listen激活破解方法,https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号