欧美性猛交一区二区三区精品,777奇米四色成人影色区,肏屄网视频,无码a√中文字幕,91毛片视频,a黄色免费,成人国产三级精品秘,精品人伦一区二区三区蜜桃免费

一、先看效果

二、分析

博客上看到這個動畫效果很不錯，決定自己來寫試試。動畫拆開來看就是Touch的時候不斷的繪制豎線和數字，很簡單的自定義View，但是也還有很多細節(jié)需要注意。

三、代碼

因為全部是 for 循環(huán)的繪制，抽成對象反而多余了，直接繼承View：

    /**     * 尺圖     */    public class RulerView extends View {        private Context mContext;        private Paint centerLinePaint;        private Paint grayLinePaint;        private Paint txtPaint;        private int space = 20; // 豎線間空隙        private int startValue = 40; // 起始刻度        private int endValue = 100; // 結束刻度        private int width;        private int height;        private int currentOffset; // 當前操作偏移量        private int totalOffset; // 之前操作偏移量        private float downX;        private float lastMoveX;        private int touchSlop;
        public RulerView(Context context) {            this(context, null);        }
        public RulerView(Context context, @Nullable AttributeSet attrs) {            super(context, attrs);            init(context, attrs);        }
        private void init(Context context, AttributeSet attrs) {            mContext = context;            centerLinePaint = new Paint();            centerLinePaint.setAntiAlias(true);            centerLinePaint.setColor(Color.parseColor("#49BA72"));            centerLinePaint.setStrokeWidth(3);
            grayLinePaint = new Paint();            grayLinePaint.setAntiAlias(true);            grayLinePaint.setColor(Color.parseColor("#66666666"));            grayLinePaint.setStrokeWidth(3);
            txtPaint = new Paint();            txtPaint.setAntiAlias(true);            txtPaint.setColor(Color.parseColor("#333333"));            txtPaint.setTextSize(30);
            touchSlop = ViewConfiguration.get(mContext).getScaledTouchSlop();        }    }

定義一些屬性。有兩個屬性需要注意，currentOffset 和 totalOffset ！這是什么意思呢？當前的偏移和總共的偏移，因為你在觸摸往右移動的時候，尺子要從一個偏移量的位置開始繪制，然后下一次再觸摸向右移動的時候，不但要加上當前的偏移，還要加上之前的偏移，這樣你的尺子才是隨著手指滑動的。

再看 onMeasure() 方法：

    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        super.onMeasure(widthMeasureSpec, heightMeasureSpec);        int widthMode = MeasureSpec.getMode(widthMeasureSpec);        if(widthMode == MeasureSpec.EXACTLY){            width = MeasureSpec.getSize(widthMeasureSpec);        }else{            width = mContext.getResources().getDisplayMetrics().widthPixels;        }        int heightMode = MeasureSpec.getMode(heightMeasureSpec);        if(heightMode == MeasureSpec.EXACTLY){            height = MeasureSpec.getSize(heightMeasureSpec);        }else{            height = (int) (mContext.getResources().getDisplayMetrics().density * 60 + 0.5);        }        setMeasuredDimension(width, height);    }

這段代碼很簡單，如果你 xml 設置了 MeasureSpec.EXACTLY 的模式，也就是寬度是 match_parent 或者固定的值，那么我們就取這個值；如果是 wrap_content ，我們通過測量值一直是0，這個時候讓它的寬度等于手機屏幕。同理高度我們也設置一個固定的值。然后就是繪制了：

    @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        for (int i = startValue * 10; i < endValue * 10 + 1; i++) {            int lineHeight = 60;            if(i % 5 == 0){                if(i % 10 == 0){                    lineHeight = 80;                    int x = (i - startValue * 10) * space + currentOffset + totalOffset;                    if(x > 0 || x < width) {                        canvas.drawText(String.valueOf(i / 10), x, lineHeight + 30, txtPaint);                    }                }            }else{                lineHeight = 30;            }            int startX = (i - startValue * 10) * space + currentOffset + totalOffset;            if(startX > 0 || startX < width) {                canvas.drawLine(startX, 0, startX, lineHeight, grayLinePaint);            }        }        canvas.drawLine(width / 2, 0, width / 2, 120, centerLinePaint);    }

代碼不多，我們一行行的來看。我們只知道起始值和終止值，但是中間還有小刻度，比如0.1，所以我們需要將起始值乘以10，這樣就能進行循環(huán)了。
循環(huán)里面我們判斷一下，如果當前:

index % 10 == 0

代表是大刻度，將這個線的高度設置最高 80，如果:

index % 5 == 0

代表當前是中間刻度，我們將高度設置為 60，否則都是小刻度，高度就設置為 30 好了。（這里說明一下，這個刻度可以寫成屬性，自己定制）。

然后得到高度之后，我們下面的代碼就是繪制刻度線：

    int startX = (i - startValue * 10) * space + currentOffset + totalOffset;    if(startX > 0 || startX < width) {        canvas.drawLine(startX, 0, startX, lineHeight, grayLinePaint);    }

這里有個細節(jié)，繪制刻度并不是所有的都要繪制，超出屏幕的就不需要處理了。

刻度繪制的過程中，順便繪制數字：

    int x = (i - startValue * 10) * space + currentOffset + totalOffset;    if(x > 0 || x < width) {        canvas.drawText(String.valueOf(i / 10), x, lineHeight + 30, txtPaint);    }

同樣的道理，超出屏幕的數字不去管它。

繪制的部分寫完了，接下來就是 onTouchEvent() 的處理了：

    @Override    public boolean onTouchEvent(MotionEvent event) {        int action = event.getAction();        switch (action){            case MotionEvent.ACTION_DOWN:                downX = event.getX();                break;            case MotionEvent.ACTION_MOVE:                float moveX = event.getX();                currentOffset = (int) (moveX - downX);                invalidate();                break;            case MotionEvent.ACTION_UP:            case MotionEvent.ACTION_CANCEL:                currentOffset = 0;                totalOffset += event.getX() - downX;                if(totalOffset > width / 2){                    totalOffset = width / 2;                }else if(totalOffset < width / 2 - (endValue - startValue) * space * 10){                    totalOffset = width / 2 - (endValue - startValue) * space * 10;                }                if(totalOffset % space != 0){                    totalOffset -= totalOffset % space;                }                invalidate();                break;        }        return true;    }

得到當前偏移，不斷的 invalidate() 重新繪制。有一點需要注意手指抬起的時候，一定要執(zhí)行:

currentOffset = 0;

這句話，這句話不寫，會有很大的問題，刻度閃爍，原因我還不清楚，但是加上沒有問題。

再看 ACTION_UP 和 ACTION_CANCEL 里面的其他代碼，1~6行都是處理邊界問題的，滑到看不到刻度的時候自動回彈。7 8 9行代碼是讓正中間的藍色刻度可以正好和尺子上的刻度對齊。

源碼地址：

https://github.com/rjpacket/IndicatorView/tree/ruler-master

到這里就結束啦。

Android仿薄荷健康的刻度尺效果

一、先看效果

二、分析

三、代碼

一、先看效果