Android之自定义控件深入

本文主要讲述两个知识点:popwindow的使用和通过继承View实现一个自定义控件，实现点击，手动按钮的效果.

popwindow的使用

//定义 popupWindow
                popWin = new PopupWindow(MainActivity.this);
                popWin.setWidth(input.getWidth()); //设置宽度
                popWin.setHeight(200);  //设置popWin 高度

                popWin.setContentView(listView); //为popWindow填充内容
                popWin.setOutsideTouchable(true); // 点击popWin 以处的区域，自动关闭 popWin

                popWin.showAsDropDown(input, 0, 0);//设置 弹出窗口，显示的位置

自定义控件实现开关拖动按钮

第一步：实现自定义控件要继承view

public class MyToggleButton extends View implements OnClickListener{

第二步：写构造函数并初始化

/**
     * 在代码里面创建对象的时候，使用此构造方法
     */
    public MyToggleButton(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    /**
     * 在布局文件中声名的view，创建时由系统自动调用。
     * @param context   上下文对象
     * @param attrs     属性集
     */
    public MyToggleButton(Context context, AttributeSet attrs) {
        super(context, attrs);

        initView();
    }

    /**
     * 初始化
     */
    private void initView() {

        //初始化图片
        backgroundBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.switch_background);
        slideBtn = BitmapFactory.decodeResource(getResources(), R.drawable.slide_button);


        //初始化 画笔
        paint = new Paint();
        paint.setAntiAlias(true); // 打开抗矩齿


        //添加onclick事件监听
        setOnClickListener(this);
    }

第三步：重写方法

/*
     * view 对象显示的屏幕上，有几个重要步骤：
     * 1、构造方法 创建 对象。
     * 2、测量view的大小。 onMeasure(int,int);
     * 3、确定view的位置 ，view自身有一些建议权，决定权在 父view手中。  onLayout();
     * 4、绘制 view 的内容 。 onDraw(Canvas)
     */

    @Override
    /**
     * 测量尺寸时的回调方法 
     */
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
//      super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        /**
         * 设置当前view的大小
         * width  :view的宽度
         * height :view的高度   （单位：像素）
         */
        setMeasuredDimension(backgroundBitmap.getWidth(),backgroundBitmap.getHeight());
    }

    //确定位置的时候调用此方法
    //自定义view的时候，作用不大
//  @Override
//  protected void onLayout(boolean changed, int left, int top, int right,
//          int bottom) {
//      super.onLayout(changed, left, top, right, bottom);
//  }

    /**
     * 当前开关的状态
     *  true 为开
     */
    private boolean currState = false;

    @Override
    /**
     * 绘制当前view的内容
     */
    protected void onDraw(Canvas canvas) {
//      super.onDraw(canvas);

        // 绘制 背景
        /*
         * backgroundBitmap 要绘制的图片
         * left 图片的左边届
         * top  图片的上边届
         * paint 绘制图片要使用的画笔
         */
        canvas.drawBitmap(backgroundBitmap, 0, 0, paint);

        //绘制 可滑动的按钮
        canvas.drawBitmap(slideBtn, slideBtn_left, 0, paint);
    }

第四步：监听点击与拖动事件

/**
     * 判断是否发生拖动，
     * 如果拖动了，就不再响应 onclick 事件
     * 
     */
    private boolean isDrag = false;
    @Override
    /**
     * onclick 事件在View.onTouchEvent 中被解析。
     * 系统对onclick 事件的解析，过于简陋，只要有down 事件  up 事件，系统即认为 发生了click 事件
     * 
     */
    public void onClick(View v) {
        /*
         * 如果没有拖动，才执行改变状态的动作
         */
        if(!isDrag){
            currState = !currState;
            flushState();
        }
    }



    /**
     * down 事件时的x值
     */
    private int firstX;
    /**
     * touch 事件的上一个x值
     */
    private int lastX;

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        super.onTouchEvent(event);

        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            firstX = lastX =(int) event.getX();
            isDrag = false;

            break;
        case MotionEvent.ACTION_MOVE:

            //判断是否发生拖动
            if(Math.abs(event.getX()-firstX)>5){
                isDrag = true;
            }

            //计算 手指在屏幕上移动的距离
            int dis = (int) (event.getX() - lastX);

            //将本次的位置 设置给lastX
            lastX = (int) event.getX();

            //根据手指移动的距离，改变slideBtn_left 的值
            slideBtn_left = slideBtn_left+dis;
            break;
        case MotionEvent.ACTION_UP:

            //在发生拖动的情况下，根据最后的位置，判断当前开关的状态
            if (isDrag) {

                int maxLeft = backgroundBitmap.getWidth() - slideBtn.getWidth(); // slideBtn
                                                                                    // 左边届最大值
                /*
                 * 根据 slideBtn_left 判断，当前应是什么状态
                 */
                if (slideBtn_left > maxLeft / 2) { // 此时应为 打开的状态
                    currState = true;
                } else {
                    currState = false;
                }

                flushState();
            }
            break;
        }

        flushView();

        return true; 
    }

第五步：刷新当前状态

/**
     * 刷新当前状态
     */
    private void flushState() {
        if(currState){
            slideBtn_left = backgroundBitmap.getWidth()-slideBtn.getWidth();
        }else{
            slideBtn_left = 0;
        }

        flushView(); 
    }

    /**
     * 刷新当前视力
     */
    private void flushView() {
        /*
         * 对 slideBtn_left  的值进行判断 ，确保其在合理的位置 即       0<=slideBtn_left <=  maxLeft
         * 
         */

        int maxLeft = backgroundBitmap.getWidth()-slideBtn.getWidth();  //  slideBtn 左边届最大值

        //确保 slideBtn_left >= 0
        slideBtn_left = (slideBtn_left>0)?slideBtn_left:0;

        //确保 slideBtn_left <=maxLeft
        slideBtn_left = (slideBtn_left<maxLeft)?slideBtn_left:maxLeft;

        /*
         * 刷新当前视图  导致 执行onDraw执行
         */
        invalidate();
    }

第六步：在layout中添加全类名使用

<com.zj.switchbutton.MyTrouggleButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

运行效果