支持输入删除的自定义标签布局

项目需求要用到自定义标签,需要支持如下功能

  • 输入文字,点击回车键自动生成一个标签。
  • 支持多行,支持自动换行,支持自适应。
  • 支持连续选中并删除已添加的标签
    效果图如下:


    gif.gif

这里主要继承了FlexboxLayout布局。
需要注意的有三点: 看代码中的注释

mEditText.setOnEditorActionListener(new TextView.OnEditorActionListener() {
            @Override
            public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
                String keyWord = mEditText.getText().toString().trim();
                if (actionId == EditorInfo.IME_ACTION_UNSPECIFIED || (event != null && event.getKeyCode() == KeyEvent.KEYCODE_ENTER)) {
                    if (TextUtils.isEmpty(keyWord)) {
                        return true;
                    }
                    //因为在点击键盘按键的时候按下和抬起都会调用一次onEditorAction, 所以要区分一下,保证只在某一次执行时触发我们的代码
                    switch (event.getAction()) {
                        case KeyEvent.ACTION_UP:
                            createNewLabel(keyWord);
                            mEditText.setText("");
                            break;
                    }

                }
                return true;
            }
        });
//监听删除按键
        mEditText.setOnKeyListener(new View.OnKeyListener() {
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {
                if (keyCode == KeyEvent.KEYCODE_DEL) {
                    switch (event.getAction()) {
                        //一定要用action_down,用action_up会有问题。在删除输入框中最后一个字的时候会导致最后一个标签自动被选中,
                        case KeyEvent.ACTION_DOWN:
                            String keyWord = mEditText.getText().toString().trim();
                            if (TextUtils.isEmpty(keyWord)) {
                                int childCount = getChildCount();
                                if (childCount >= 2) {
                                    View view = getChildAt(childCount - 2);
                                    if (!view.isSelected()) {
                                        mLabelDrawble.setBounds(new Rect(0, 0, view.getWidth(), view.getHeight()));
                                        view.setSelected(true);
                                    } else {
                                        lableTxtList.remove(indexOfChild(view));
                                        removeView(view);
                                    }
                                }
                                return true;
                            } else {
                                return false;
                            }
                    }
                }
                return false;
            }
        });
        //这里复制新建一个Drawable对象,否则mLabelDrawble的状态会是最后一个标签的状态,这样在软键盘弹出等触发ui重绘的情况下,会导致背景错乱。
        //所以要保证每一个标签都拥有独立的Drawable
        Drawable bg = getNewDrawable(mLabelDrawble);

/**
     * drawable 复制
     *
     * @param drawable
     * @return
     */
    public  Drawable getNewDrawable(Drawable drawable) {
        return drawable.getConstantState().newDrawable();
    }

源代码

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原创/苹儿(茵草芳菲) 每年冬季来临,我总要买上几株,貌似洋葱头似的水仙花根茎,放在一个个浅浅的瓷花盆中,再铺上一...
    茵草芳菲阅读 11,074评论 61 138
  • 大家若有坐过火车,应该都有一些美好的时光中的东西值得回味! 2017/5/27-28这俩天特意带童丫坐了一...
    SnowMay阅读 1,774评论 0 0
  • 诗人的天空一直下着雨 这雨,从江南的清晨 蜀中的栈道 台北的街头 一直下到高雄的黄昏 雨里弥漫着硝烟与乡愁 这雨,...
    剑行天下阅读 5,414评论 140 273
  • 十点左右,一切准备停当。一家人风风火火地出发了。目的地是距紫云300多公里的旅游胜地一一西江。早就想去这里玩玩...
    代氏传人阅读 3,218评论 4 2