Android学习笔记：自定义组合控件--打造可下拉的EditText--DropEditText

由于安卓并没有这样的控件，所以在需要用到的时候，只能够自己通过将EditText和Listview组合起来实现需求功能,为了方便使用，可以自定义一个组合控件，这样使用起来就很方便的啦！

实现过程：

首先一个布局文件，里面放一个editText和个人自定义的控件（也可以用Imageview或者其他view，主要是用来实现点击的）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:orientation="horizontal"
    android:layout_height="wrap_content">
<EditText  android:layout_width="0dp"
    android:layout_weight="1"
    android:background="@drawable/bg_edit"
    android:id="@+id/edittext"
    android:layout_height="wrap_content"/>
    <com.example.k555l.testtwo.DiyView.ClickView
        android:id="@+id/textOnclick"
        android:layout_width="10dp"
        android:background="@drawable/bg_edit"
        android:layout_height="match_parent" />
</LinearLayout>

自定义DropEditText

public class DropEditText extends FrameLayout implements View.OnClickListener{
    EditText editText;
    ClickView clickView;  //用来点击的view
    View popupWindowView;  //popupWindow的布局
    PopupWindow popupWindow;
    WrapListView listView;   //popupWindow布局内的listview
    String hitstring;  //edittext的hint文本
    List <String>list; //listview数组

    void init(Context context, AttributeSet attributeSet) {
        View view = LayoutInflater.from(context).inflate(R.layout.dropedittext,this, true); //DropEditText的布局文件
        editText = view.findViewById(R.id.edittext);
        clickView = view.findViewById(R.id.textOnclick);
        TypedArray typedArray = context.obtainStyledAttributes(attributeSet, R.styleable.DropEditText);
        hitstring = typedArray.getString(R.styleable.DropEditText_hitstring);
        typedArray.recycle();

        if (!TextUtils.isEmpty(hitstring))
            editText.setHint(hitstring);

        popupWindowView = LayoutInflater.from(context).inflate(R.layout.popwindownview, null);
        listView = popupWindowView.findViewById(R.id.listview);
        listView.setOnItemClickListener(new Mylister());
        clickView.setOnClickListener(this);
        editText.setOnKeyListener(new MyOnKeyListener());
    }

    public DropEditText(@NonNull Context context) {
        super(context);
    }

    public DropEditText(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init(context,attrs);
    }

    public DropEditText(@NonNull Context context, @Nullable AttributeSet attrs, @AttrRes int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context,attrs);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        listView.setListWidth(getMeasuredWidth());//设置listview的宽
    }

    /***
     * listview点击监听
     */
    class Mylister implements AdapterView.OnItemClickListener {
        @Override
        public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
            if (list!=null){
                editText.setText(list.get(i));
                popupWindow.dismiss();
            }

        }
    }

    /***
     * 软键盘监听
     * 确认后添加的listview
     */
    class MyOnKeyListener implements  OnKeyListener{
        @Override
        public boolean onKey(View view, int i, KeyEvent keyEvent) {
            if (i==KeyEvent.KEYCODE_ENTER&&keyEvent.getAction()==KeyEvent.ACTION_DOWN){
                InputMethodManager inputMethodManager=(InputMethodManager)getContext().getSystemService(Context.INPUT_METHOD_SERVICE);
                if (inputMethodManager.isActive()){
                    inputMethodManager.hideSoftInputFromWindow(getApplicationWindowToken(),0);
                }
                if (!TextUtils.isEmpty(editText.getText().toString().trim())&&list!=null){
                    list.add(editText.getText().toString().trim());
                }
                return true;
            }
            return false;
        }
    }

    /***
     * 为listview设置适配器
     * @param adapter
     * @param list
     */
    public void SetAdater(BaseAdapter adapter,List<String>list) {
        this.list=list;
        listView.setAdapter(adapter);
        popupWindow=new PopupWindow(popupWindowView, LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);
        popupWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        popupWindow.setFocusable(true);
    }


    /***
     * 点击弹出listview列表
     * @param view
     */
    @Override
    public void onClick(View view) {
        if(view.getId()==R.id.textOnclick){
            if (popupWindow.isShowing()){
                popupWindow.dismiss();
                return;
            }
            else{
                popupWindow.showAsDropDown(this,0,0);
            }

        }
    }
}

ListView默认是占满横向的屏幕的所以我们可以重写ListView的onMeasure方法改变它的测量机制。

public class WrapListView extends ListView {
    private int mWidth = 0;

    public WrapListView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public WrapListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    // 重写onMeasure方法 解决默认横向占满屏幕问题  
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        int height = getMeasuredHeight();
        // measureChildren(widthMeasureSpec, heightMeasureSpec);  
        for(int i=0;i<getChildCount();i++) {
            int childWidth = getChildAt(i).getMeasuredWidth();
            mWidth = Math.max(mWidth, childWidth);
        }

        setMeasuredDimension(mWidth, height);
    }

    /**
     * 设置宽度，如果不设置，则默认包裹内容 
     * @param width 宽度 
     */
    protected void setListWidth(int width) {
        mWidth = width;
    }
}  

调用了一下父类的onMeasure方法，为的就是利用ListView默认的测量机制获取总高度。在我们获取了测量后的高度后，接下来就是一个for循环，取出每一个item，并获取他的高度。mWidth的值就是子item中最宽的那个item的宽度（当然在下面我们提供的方法中可以手动修改mWidth的值）。

还有popwindow的布局文件和list view的布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
<ListView
    android:id="@+id/listview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
<TextView
    android:id="@+id/listviewitem_text"
    android:textSize="20sp"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />
</LinearLayout>

attrs属性集

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="DropEditText">
        <attr name="hitstring" format="string"/>
    </declare-styleable>
</resources>

在activity中这样使用

DropEditText dropEditText=view.findViewById(R.id.dropedittext);
list=new ArrayList<>();
list.add("选项一");
list.add("选项二");
list.add("选项三");
list.add("选项四");
dropEditText.SetAdater(new mydater(),list);

至此，DropEditText 功能基本实现，不足之处，还望留言指出。