自定义七天签到View

发布时间：2017-07-16 15:46:44.637作者：IT网络文摘

github传送车走你

https://github.com/guanhaoran/signin

因为这个View 是我很早之前写的,这些注释也是我今天刚想往github上传的时候临时加的有的注释可能不准确(毕竟写了好长时间了) 但是我敢保证92%是对的很尴尬大家看的时候不要全部相信注释

首先这篇博客是为了让对自定义View不是很熟悉的同学借鉴之用,希望路过的各位大佬勿喷,先看下GIF省着枯燥

万码学堂,电脑培训,计算机培训,Java培训,JavaEE开发培训,青岛软件培训,软件工程师培训

首先这是一个纯手写的一个自定义View,包括动画也全在里边,代码不是很复杂,可以去github下载下来看一眼,就一个继承View的signin类

signin的4个属性方法

1) setSignInEvent(List<String> data) //添加数据

2) setsignInEvent() //签到自动加一天 ---带动画效果

3)setCurrent(int i) //设置几天是第一天签到如果是第一天输入 1 以此类推

4)setSignInClear //清除签到天数

说一下主要实现方法

1-控件大小发生改变调用如下方法

viewpadding 是将写死的值转换成控件的padding值

textMarginTop 是将默认写死的值转换成第一天,第二天......第七天. 转换成距离六边形的margin值

signInBallRaio 是根据控件高度生成六边形占据控件的多少倍

signInRectHeight 在占据六边形的基础上在缩小多少倍 (其中的值可以去代码中看)

signInBgRectF 是填充屏幕的一天黑色矩形线

剩下的都是一些计算值可以去代码中看

@Override    protected void onSizeChanged(int w, int h, int oldw, int oldh) {        super.onSizeChanged(w, h, oldw, oldh);
        viewPadding = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, DEF_PADDING, getResources().getDisplayMetrics());        int textMarginTop = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, TEXT_MARGIN_TOP, getResources().getDisplayMetrics());

        viewWidth = w;
        viewHeight = h;

        signInBallRadio = (int) (viewHeight * SIGN_IN_BALL_SCALE / 2);
        signInRectHeight = (int) (signInBallRadio * SIGN_BG_RECT_SCALE);

        signInBgRectF = new RectF(0, viewHeight * SECTION_SCALE - signInBallRadio - signInRectHeight, viewWidth, viewHeight * SECTION_SCALE - signInBallRadio);

        circleY = (int) (signInBgRectF.top + signInRectHeight / 2);
        descY = (int) (viewHeight * SECTION_SCALE + textMarginTop);        //计算各个点 图形的位置        calcucateCirclePoints(viewData);

    }

2-view的测量

测量主要就是注意一下MeasureSpec.getMode()的这个方法,大家不要忘记写了

具体用法可以百度一下用法很简单 ,下面代码就属于很通用的一个代码

一定不要忘记还有个super,.onMeasure()这个方法

 @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        int heightMode = MeasureSpec.getMode(heightMeasureSpec);        int newHeight;        //如果不是精准模式   就使用默认的高度      具体用法请百度 MeasureSpec.getMode()
        if (heightMode == MeasureSpec.AT_MOST || heightMode == MeasureSpec.UNSPECIFIED) {
            newHeight = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, DEF_HEIGHT, getResources().getDisplayMetrics());
            heightMeasureSpec = MeasureSpec.makeMeasureSpec(newHeight, MeasureSpec.EXACTLY);
        }        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

    }

3-一个字-画

具体的用法全部中文注释方便大家观察这里就不详细介绍了大家可以去代码里看看(就几行代码嘻嘻~~~)

@Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        //签到横线        drawSignInBgRect(canvas);        //black circle//        drawSignInNormalCircle(canvas);        //绘制正常的签到六边形        drawSignInNormalSexangle(canvas);        //选择第几天之前的矩形        drawSignInPbRect(canvas);        //绘制旧的矩形        drawSignInPbOldRect(canvas);        //select circle//        drawSignInCheck(canvas);        //选择的六边形        drawSignInSexangle(canvas);        //签到之前的六边形        drawSignOldSignInSexangle(canvas);        //绘制文字        drawTextDesc(canvas);        //绘制礼物图标  如果不用  可以注释掉        drawBitmap(canvas);
    }

礼物图标部分方法块

        //礼物图标  使用方法 可以百度一下
        bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.img_signpage_gift);//        bitmap = zoomImg(bitmap,CALCULATE_BITMAP_W_H,CALCULATE_BITMAP_W_H);
        srcBitmap = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());

这个自定义签到的View 最主要的代码块是在 onSizeChanged() 中的 calcucateCirclePoints(viewData) 这个方法

这个方法主要用于各个图形和动画的绘制路径,这里边才是最主要的大家要自己看这个

感觉自己写的乱遭的,初学view的同学不要向我学习,当时项目太紧写完我也就没有整理感觉很乱大家看一些自定义View的思路就好我表示很痛苦大家有哪里不懂得欢迎来问我妹子更欢迎哈哈哈

http://www.cnblogs.com/guanhaoran/p/7171530.html

分类导航

自定义七天签到View

网友评论

更多精彩分享