PopupWindow含二级目录的浮动窗

前几篇小结,基本都是一下基础的,进来给各位同学带点有进程一点的知识!接下来,我们将实现还有两级的PopupWindow浮动窗。

效果图:


PopupWindow.jpg

PopupWindow的官方定义如下:

它是一个浮动在当前界面上方并且可以显示在任意位置的View,前面的章节我们学习了弹出框,各式各样的,那么PopupWindow应该有两点和弹出框不同,一是PopupWindow必须指定宽高属性,而弹出框则不是必须指定;二是PopupWindow必须指定其布局文件。

先给各位同学讲一讲,PopupWindow的基本方法:

           1.PopupWindow(Context context)  ——>构造方法(传入宽高属性)

           2.PopupWindow(int width ,int height)  ——>构造方法(传入宽高属性)

           3.PopupWindow(View contentView,int width,int height)  ——>构造方法(传入布局文件,宽高属性)

          4.PopupWindow(View contentView,int width,int height,boolean focusable)  ——>构造方法(传入布局文件,宽高属性和是否获取焦点)

          5.dismiss ——>隐藏PopupWindow

          6.setAnimationStyle(int animationStyle) ——>为popupwindow添加动画

          7.setContextView(View contentView)——>为popupwindow设置布局

          8.setBackgroundDrawable(Drawable background)——>为popupwindow设置背景

          9.setFocusable(boolean focusable)——>是否获取焦点

          10.setOnDismissListener(PopupWindow.OnDismissListener onDismissListener) ——>设置popupwindow消失的监听

          11.showAsDropDown(View anchor,int xoff,int yoff,int gravity)——>在某个控件下面弹出popupwindow

          12.showAtLocation(View parent,int gravity,int x,int y)——>在父控件的什么位置弹出popupwindow


下面就带同学们进入正题,如何实现上面的效果图的效果:

layout_business_filter效果图

layout_business_filter.xml

<?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="wrap_content"

       android:orientation="vertical">

      <View

             android:layout_width="match_parent"

             android:layout_height="1dp"

              android:background="@color/color_E3E3E3"/>

     <LinearLayout

             android:layout_width="match_parent"

             android:layout_height="match_parent"

              android:orientation="horizontal">

    <android.support.v7.widget.RecyclerView

               android:id="@+id/left_recycler"

               android:layout_width="0dp"

               android:layout_height="220dp"

                android:layout_weight="1"

                 android:background="@color/color_F5F5F5"/>

     <android.support.v7.widget.RecyclerView

                android:id="@+id/right_recycler"

                android:layout_width="0dp"

                android:layout_height="220dp"

                android:layout_weight="1"

                 android:background="@color/white"

                 android:paddingLeft="18dp"/>

      </LinearLayout>

</LinearLayout>


SelectionAdapter.java  用于做下来的左边和右边recycleview的Adapter

public class  SelectionAdapter  extends  BaseAdapter{

         public static final intTYPE_LEFT=1;

          public static final intTYPE_RIGHT=2;

          private int mSelectionPosition;

          private int mSelectedColor;

          private int mUnSelectedColor;

          private int padding;

          private int mType;

          public SelectionAdapter( List list,Context context, int type) {

                  super(list,context);

                  mSelectedColor= ContextCompat.getColor(mContext,R.color.yellow_click);

                  mUnSelectedColor= ContextCompat.getColor(mContext,R.color.world_color);

                  padding= DisplayUtils.dip2px(mContext,2);

                 this.mType= type;

        }

        @Override

       public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, intviewType) {

                   return newTextViewHolder(createTextView());

        }

       @NonNull

       protected TextView createTextView() {

                     TextView textView = new TextView(mContext);

                      RecyclerView.LayoutParams layoutParams = new RecyclerView.LayoutParams(RecyclerView.LayoutParams.MATCH_PARENT,RecyclerView.LayoutParams.WRAP_CONTENT);

                      if(mType == TYPE_LEFT) {

                             textView.setTextSize(16);

                             textView.setGravity(Gravity.CENTER);

                       }else{

                             textView.setTextSize(14);

                             textView.setGravity(Gravity.LEFT);

                       }

                       textView.setPadding(0,padding,0,padding);

                      textView.setLayoutParams(layoutParams);

                      return textView;

           }

          @Override

           public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {

                     TextViewHolder viewHolder = (TextViewHolder) holder;

                     TextView textView = (TextView) viewHolder.itemView;

                      textView.setText(mList.get(position));

                      if(position  == mSelectionPosition) {

                                textView.setTextColor(mSelectedColor);

                                if(mType == TYPE_LEFT) {

                                            textView.setBackgroundResource(R.drawable.blue_square);

                                 }

                   }else{

                                textView.setTextColor(mUnSelectedColor);

                                if(mType==TYPE_LEFT) {

                                           textView.setBackgroundResource(R.drawable.line4);

                                 }else{

                                          textView.setBackgroundResource(R.drawable.line5);

                                 }

                   }

                    textView.setTag(position);

                    textView.setOnClickListener(mOnClickListener);

        }

        public int getSelectionPosition() {

                   return  mSelectionPosition;

         }

        public void setSelectionPosition(intselectionPosition) {

              mSelectionPosition= selectionPosition;

         }

        static class    TextViewHolder  extends   RecyclerView.ViewHolder {

              publicTextViewHolder(View itemView) {

                      super(itemView);

               }

          }

}


BusinessFilterPopupWindow.java 我们这里重写popupwindow

public class BusinessFilterPopupWindow extends PopupWindow{

private static final StringTAG="BusinessFilterPopupWindow.class";

private Selection Adapteradapter;

private Selection Adapteradapter2;

@BindView(R.id.left_recycler)

RecyclerView mLeftRecycler;

@BindView(R.id.right_recycler)

RecyclerView mRightRecycler;

private List mRightList = new ArrayList<>();

private List mGoodsTypes = new ArrayList<>();

private Listm ShopTypeList = new ArrayList<>();

List list = new ArrayList<>();

private int shop_type_id;

private PopupWindow CallBackmCallBack;

public BusinessFilterPopupWindow(Context context,List mShopTypes,List mGoodsTypes) {

            super(context);

            mShopTypeList.clear();

            list.clear();

            this.mShopTypeList= mShopTypes;

             View contentView =         LayoutInflater.from(context).inflate(R.layout.layout_business_filter, null);

            ButterKnife.bind(this,contentView);

            setContentView(contentView);

            setWidth(LinearLayout.LayoutParams.MATCH_PARENT);

            setHeight(LinearLayout.LayoutParams.MATCH_PARENT);

            setBackgroundDrawable(newColorDrawable(0x20000000));

            setFocusable(true);

             setOutsideTouchable(true);

            mLeftRecycler.setLayoutManager(newLinearLayoutManager(context));

            LogTrace.d(TAG,"mShopType size:",mShopTypeList.size()+"");

            for(inti =0;i <mShopTypeList.size();i++) {

                       ShopType mShopType =mShopTypeList.get(i);

                       list.add(mShopType.getTitle());

             }

             adapter=newSelectionAdapter(list,context,SelectionAdapter.TYPE_LEFT);

              adapter.setOnClickListener(mOnClickListener);

               mLeftRecycler.setAdapter(adapter);

               mRightRecycler.setLayoutManager(newLinearLayoutManager(context));

               adapter2=new SelectionAdapter(mRightList,context,SelectionAdapter.TYPE_RIGHT);

              adapter2.setOnClickListener(mOnClickListener);

              mRightRecycler.setAdapter(adapter2);

 }

private View.OnClickListener  mOnClickListener = new  View.OnClickListener() {

               @Override

                public voidonClick(View v) {

                         if(((ViewGroup) v.getParent()).getId() ==mLeftRecycler.getId()) {

                                 inttag = (int) v.getTag();

                                 adapter.setSelectionPosition(tag);

                                 adapter.notifyDataSetChanged();

                                  mRightList.clear();

                                  for(inti =0;i<mShopTypeList.size();i++) {

                                             if(tag == i){

                                                      mGoodsTypes=mTwoTypes.getChild();

                                                      for(intj =0;j<mGoodsTypes.size();j++) {

                                                                  mRightList.add(mGoodsTypes.get(j).getTitle());

                                                      }

                                   }

                       }

                        adapter2.notifyDataSetChanged();

                       }else{

                               adapter2.setSelectionPosition((int) v.getTag());

                               adapter2.notifyDataSetChanged();

                                String s =mRightList.get((Integer) v.getTag());

                                shop_type_id=mGoodsTypes.get((Integer)v.getTag()).getId();

                                 LogTrace.d(getClass().getName(),"Onclick",s +shop_type_id);

                                 mCallBack.getData(shop_type_id);

                                 dismiss();

                         }

                     }

            };

       public void   setCallBack(PopupWindowCallBack callBack) {

                   mCallBack= callBack;

         }

}


PopupWindowCallBack.java 一个接口,用于数据的回调

public interface PopupWindowCallBack {

void getData(int id);

}


MainActivity.java 这里我们就贴出关键代码就行,其他请各位同学自行扩展.

public classMallActivityextendsBaseActivityimplementsPopupWindowCallBack {

     protected  Toolbar   mToolbar;

     private  List  mShopTypes = new ArrayList<>();

    private List mTwoTypes = new ArrayList<>();

     @Override

     protected voidonCreate(Bundle savedInstanceState) {

                super.onCreate(savedInstanceState);

               mShopTypes.add("JAVA");

              mShopTypes.add("PHP");

               mShopTypes.add("Ruby");

              mShopTypes.add("Python");


               mTwoTypes.add("自助餐");

                mTwoTypes.add("刀削面");

                mTwoTypes.add("黄焖鸡");

                 mTwoTypes.add("勾魂面");

                BusinessFilterPopupWindow popupWindow =new                BusinessFilterPopupWindow(MallActivity.this,mShopTypes,mTwoTypes);

               popupWindow.setCallBack(MallActivity.this);

 popupWindow.showAsDropDown(mToolbar,0,DisplayUtils.dip2px(getBaseContext(),34);

     }

/**

* popupWindow回调的id

*/

    @Override

   public voidgetData(intshop_type) {

         showToast("点击了"+shop_type);

  }

}


好了,我们大功告成!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,383评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,522评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,852评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,621评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,741评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,929评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,076评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,803评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,265评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,582评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,716评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,395评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,039评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,027评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,488评论 2 361
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,612评论 2 350

推荐阅读更多精彩内容