PopupWindow使用总结

自从开学以来,有一段时间没有更新博客了,所以这两天打算把一些东西重拾一下然后做一下总结。

PopupWindow

这是一个一旦使用就会喜欢上的一个控件,使用官方的话先来介绍一下这个东西,他是一个弹出窗口“该类可以用于显示任意视图的弹出窗口。弹出窗口是一个浮动容器,显示在当前活动顶部”,但是这个控件相对于dialog的好处是可以自定义其中的内容,没有标题,不是给其他布局添加蒙层效果,而且它默认不会响应返回键,最重要的是可以自定义他的位置,而且十分的灵活。
先给出:官方文档

首先需要创建

//参数列表有多种,可以传入自定义的contentView,设置宽高,是否可点击等
View contentView = LayoutInflater.from(MainActivity.this).inflate(R.layout.pop,null);
PopupWindwo popWnd = PopupWindow (context);
popWnd.setContentView(contentView);
popWnd.setWidth(ViewGroup.LayoutParams.WRAP_CONTENT);
popWnd.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);

设置显示的方法

//显示窗口(相对于参照物控件,下方自定义位置,xy分贝表两轴的偏移量)
showAsDropDown(View anchor,int xoff,int yoff)
//显示在正下方
showAsDropDown(View anchor)
//相对于参照物的位置
showAtLocation(View parent, int gravity, int x, int )

常用的公用方法

.dismiss()//关闭弹窗
.setFocusable()//设置是否可以获取焦点
.setTouchable()//是否可以点击
.setContentView()//设置内容
....
还有一些获取宽高,更新视图的一些方法可以参照官方文档。

这两天发现一个比较好用的开源控件,设置起来更是十分方便。

结合RecyclerView的使用

由于项目需要在一个Recyclerview列表中实现一个类似qq聊天长按删除的一个效果,并且有一些总结。

//声明接口,接口方式耦合度低
    /**item上控件点击监听*/
    public interface ItemEditTextClickListener{
        void onWordListEdtClick(int position);
    }

适配器中

//声明接口
private ItemEditTextClickListener mEditTextClickListener;

//onbindViewHolder中绑定监听事件
 //询问线索情况气泡弹出的点击事件
        holder.wcEditText.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mEditTextClickListener.onWordListEdtClick(position);
            }
        });

//并在适配器中提供对外的调用
    /**点击Edt监听对外调用*/
    public void setEditTextClickListener(GameWord.ItemEditTextClickListener itemEditTextClickListener){
        mEditTextClickListener=itemEditTextClickListener;
    }

Activity中

private CustomPopWindow mCustomPopWindow;//本次使用的开源框架

//onCreate()中
//设置Edt的监听
        adapter.setEditTextClickListener(this);

/**
     * 点击之后弹出popupwindow
     * */
    @Override
    public void onWordListEdtClick(int position) {
        Log.d("MakeGameActivity","On Edt click");
        View contentView = LayoutInflater.from(this).inflate(R.layout.pop_menu,null);
        //找到当前position对应的item
        View view=mlayoutManager.findViewByPosition(position);
        //构造popwindow
        mCustomPopWindow = new CustomPopWindow.PopupWindowBuilder(this)
                .setFocusable(true)
                .setView(contentView)
                .setOutsideTouchable(true)
                .create()
                .showAsDropDown(view,500,-580);
        //添加弹框的点击事件
        popupClick(contentView,position);
    }

/**气泡中的item点击事件*/
    private void popupClick(View contentView,final int position){

        final GameWord gameWord=gameWordList.get(position);
        //获取到EditText
        View layout=(View)recyclerView.getChildAt(position);
        final AutoCompleteTextView autoCompleteTextView=layout.findViewById(R.id.word_clue_edit_view);
        View.OnClickListener listener=new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (mCustomPopWindow!=null){
                    mCustomPopWindow.dissmiss();
                }
                String showContent="";
                switch (v.getId()){
                    case R.id.first_menu:
                        autoCompleteTextView.setText("1");
                        break;
                    case R.id.second_menu:
                        autoCompleteTextView.setText("2");
                        break;
                    case R.id.third_menu:
                        showContent="点击菜单三";
                        break;
                    case R.id.forth_menu:
                        showContent="点击菜单四";
                        break;
                        default:break;
                }              //Toast.makeText(MakeGameActivity.this,showContent,Toast.LENGTH_SHORT).show();
            }
        };
        //为四个litm绑定监听
        contentView.findViewById(R.id.first_menu).setOnClickListener(listener);
        contentView.findViewById(R.id.second_menu).setOnClickListener(listener);
        contentView.findViewById(R.id.third_menu).setOnClickListener(listener);
        contentView.findViewById(R.id.forth_menu).setOnClickListener(listener);
    }

最后是popupWindow的布局可以自定义设计。

<?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="@color/colorFabIcon"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/first_menu"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="35dp"
            android:layout_height="35dp"
            android:padding="5dp"
            android:src="@drawable/clues" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="35dp"
            android:gravity="center"
            android:paddingLeft="20dp"
            android:paddingRight="40dp"
            android:text="添加中文" />
    </LinearLayout>
    <LinearLayout
        android:id="@+id/second_menu"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="35dp"
            android:layout_height="35dp"
            android:padding="5dp"
            android:src="@drawable/bd_ocr_light_off" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="35dp"
            android:gravity="center"
            android:paddingLeft="20dp"
            android:paddingRight="40dp"
            android:text="添加英文" />
    </LinearLayout>
    <LinearLayout
        android:id="@+id/third_menu"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="35dp"
            android:layout_height="35dp"
            android:padding="5dp"
            android:src="@drawable/xiansuo" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="35dp"
            android:gravity="center"
            android:paddingLeft="20dp"
            android:paddingRight="40dp"
            android:text="手动输入" />
    </LinearLayout>
    <LinearLayout
        android:id="@+id/forth_menu"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="35dp"
            android:layout_height="35dp"
            android:padding="5dp"
            android:src="@drawable/notebook" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="35dp"
            android:gravity="center"
            android:paddingLeft="20dp"
            android:paddingRight="40dp"
            android:text="取消" />
    </LinearLayout>
</LinearLayout>

此外还有一线需要总结一下,那就是在外部如何获根据position取到Recyclerview中item的子控件。思路大概就是,首先根据position获取对应的childview。之后通过对应的childView根据id获取到子控件。

//获取到EditText
        View layout=(View)recyclerView.getChildAt(position);
        final AutoCompleteTextView autoCompleteTextView=layout.findViewById(R.id.word_clue_edit_view);

尽量不要给EditText添加点击事件,因为EditText首先会获取到焦点,之后再点击才会触发点击事件。也就是在没有获取到焦点的时候双击才会触发点击事件。一些点击之间的冲突还有待在深入研究一下。还有在设计用户交互的时候尽量不要做一些超越一般用户认知的交互。点击事件尽量使用按钮的形式,不要使用一些其他乱七八糟的东西,比如文本,图片之类的。
还有进一步的用户体验,比如在输入完文本自用隐藏软键盘,当需要编辑的时候使用代码为用户自动弹出软键盘。

//强制关闭键盘
InputMethodManager imm = (InputMethodManager) activity.getSystemService(Context.INPUT_METHOD_SERVICE);
        imm.hideSoftInputFromWindow(activity.getCurrentFocus().getWindowToken(), 0);
//强制显示
InputMethodManager imm = (InputMethodManager) activity.getSystemService(Context.INPUT_METHOD_SERVICE);
        imm.showSoftInput(activity.getWindow().getDecorView(),InputMethodManager.SHOW_FORCED);

开学是比较忙,一些东西落下了,所以之后会继续坚持做总结。

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

推荐阅读更多精彩内容