android中自定义控件

自定义控件的步骤:

1、自定义MyView继承自View
2、重写onMeasure()方法,指定控件大小。
3、重写onLayout()设置view位置。
3、重写onDraw()方法,绘制控件内容。
4、重写onTouchEvent方法,对touch事件进行解析。
运行效果图片:
这里写图片描述这里写图片描述
1、在activity的布局中引用控件:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.mytoogle.MainActivity" >

    <com.example.mytoogle.ToogleButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true" >
    </com.example.mytoogle.ToogleButton>

</RelativeLayout>

控件代码:

public class ToogleButton extends View implements OnClickListener {
    private Paint paint;// 背景图片;

    private Bitmap bitmap_bg;

    private Bitmap bitmap_toogle;// 开关图片;

    private float slideBtnLeft;// 开关左边的距离;

    private float slide_max;// 开关移动的最大距离;

    private boolean is_open;// 开关状态;

    private boolean is_drag;// 拖动状态;

    private int lastX;
    private int downX;

    // 必须重写两个参数的构造方法
    public ToogleButton(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
        initView();

    }

    // 根据点击事件判读拖动距离;
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // TODO Auto-generated method stub
        super.onTouchEvent(event);

        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            // 得到点下的坐标;
            lastX = downX = (int) event.getRawX();
            is_drag = false;
            break;
        case MotionEvent.ACTION_MOVE:
            int moveX = (int) event.getRawX();
            int disX = moveX - lastX;
            // 得到拖动的大小,添加给view,并刷新状态;
            slideBtnLeft = slideBtnLeft + disX;
            // 把拖动后的重新给listX;
            lastX = moveX;
            flushView();
            // 如果左右移动的距离超过10像素,则认定发生拖动事件。
            if (Math.abs(downX - moveX) > 10) {
                is_drag = true;
            }
            break;
        case MotionEvent.ACTION_UP:
            if (is_drag) {
                // 得到slideBtnLeft的大小,与拖动最大值一半比较,设置开关的状态;
                if (slideBtnLeft < slide_max / 2) {
                    is_open = false;
                } else {
                    is_open = true;
                }
                flushState();
            }

            break;

        }
        return true;
    }

    @SuppressLint("NewApi")
    @Override
    public void onClick(View v) {
        // 判断是否拖动,如果拖动则让点击失效;
        if (is_drag == true) {
            return;
        }
        is_open = !is_open;
        flushState();
    }

    private void flushState() {
        // TODO Auto-generated method stub
        if (is_open) {
            slideBtnLeft = slide_max;
            System.out.println("开");
        } else {
            slideBtnLeft = 0;
            System.out.println("关");

        }
        flushView();
    }

    private void flushView() {
        if (slideBtnLeft < 0) {
            slideBtnLeft = 0;
        } else if (slideBtnLeft > slide_max) {
            slideBtnLeft = slide_max;
        }
        invalidate();
    }

    private void initView() {
        // 通过BitmpaFactory得到drawable下的两张图片;
        bitmap_bg = BitmapFactory.decodeResource(getResources(),
                R.drawable.switch_background);
        bitmap_toogle = BitmapFactory.decodeResource(getResources(),
                R.drawable.slide_button);
        paint = new Paint();
        // 计算开关拖动的最大距离;
        slide_max = bitmap_bg.getWidth() - bitmap_toogle.getWidth();
        // 设置该view的点击事件;
        this.setOnClickListener(this);

    }

    /**
     * 通过onMeasure方法设置view的width和height; 获得测量的宽度 getMeasuredWidth() 获得测量的高度
     * getMinimumHeight() getWidth()获得真实的宽度;; 获得真实的高度 getHeight()
     * 一般情况下测量和真实的相同,但是如果指定的宽和高大于父view的,则把父view的最大值设置给view;
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // TODO Auto-generated method stub
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        setMeasuredDimension(bitmap_bg.getWidth(), bitmap_bg.getHeight());
    }

    /**
     * 绘制到view上的内容;绘制 后通过invalidate()刷新当前状态;
     */
    @Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        paint.setColor(Color.RED);
        canvas.drawBitmap(bitmap_bg, 0, 0, paint);
        canvas.drawBitmap(bitmap_toogle, slideBtnLeft, 0, paint);
        // 刷新状态;
        flushView();

    }

    // 位于父类中的位置;
    @Override
    protected void onLayout(boolean changed, int left, int top, int right,
            int bottom) {
        // TODO Auto-generated method stub
        super.onLayout(changed, left, top, right, bottom);
    }

}

代码下载地址:http://download.youkuaiyun.com/detail/androidxiaogang/9365791

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值