2. 程式人生 > >android自定義控制元件手勢密碼

android自定義控制元件手勢密碼

阿新 • • 發佈：2019-02-14

現在很多app都用到一種安全機制，手勢密碼，特別是銀行相關的app，雖然他也並不是那麼安全，但是就是喜歡用。今天來看一個簡單而炫酷的手勢密碼鎖，廢話不多說，上圖上程式碼。

這裡寫圖片描述

看圖說話，想怎麼定義就怎麼定義，使用起來就是這麼任性。。。

這裡寫圖片描述

箭頭可以隨手指任意旋轉，這就是我要的效果

這裡寫圖片描述

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <attr name="count" format="integer" />
    <attr name="outerNorColor" format="color"
 
 />
    <attr name="innerNorColor" format="color" />
    <attr name="outerPressColor" format="color" />
    <attr name="innerPressColor" format="color" />
    <attr name="outerUpColor" format="color" />
    <attr name="innerUpColor" format="color" />
    <attr name="mlineColor"
 
 format="color" />
    <declare-styleable name="LockViewGroup">
        <attr name="count" />
        <attr name="outerNorColor" />
        <attr name="innerNorColor" />
        <attr name="outerPressColor" />
        <attr name="innerPressColor" />
        <attr name
 
="outerUpColor" />
        <attr name="innerUpColor" />
        <attr name="mlineColor" />
    </declare-styleable>

</resources>

將用到的屬性定義出來，供使用者自己選擇定義。

package com.example.apple.Custom;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;

/**
 * Created by apple on 17/9/16.
 */

public class LockItem extends View {

    final String TAG = this.getClass().getSimpleName();

    private Mode states = Mode.NOR;
    private int width, hight;
    private int outerCircleWidth = 2, outerCircleRadius, innerCircleRadius, centerXY;

    //paint
    private Paint mouerCirclePaint = new Paint(Paint.ANTI_ALIAS_FLAG);//去鋸齒
    private Paint minnerCirclePaint = new Paint(Paint.ANTI_ALIAS_FLAG);

    //color
    private int outerNorColor, innerNorColor;
    private int outerPressColor, innerPressColor;
    private int outerUpColor, innerUpColor;

    //Arrow
    private int mArrowline;
    private Path mArrowPath = new Path();
    private int angle = -1000;//角度，這裡值給大點，不然可能有問題

    enum Mode {NOR, PRESS, UP}

    public LockItem(Context context) {
        this(context, null);
    }

    public LockItem(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

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

    public LockItem(Context context, int outerNorColor, int innerNorColor, int outerPressColor, int innerPressColor, int outerUpColor, int innerUpColor) {
        this(context);
        this.outerNorColor = outerNorColor;
        this.innerNorColor = innerNorColor;
        this.outerPressColor = outerPressColor;
        this.innerPressColor = innerPressColor;
        this.outerUpColor = outerUpColor;
        this.innerUpColor = innerUpColor;
    }

    public int getCenterXY() {
        return centerXY;
    }


    private void init() {
        mouerCirclePaint.setColor(outerNorColor);
        mouerCirclePaint.setStyle(Paint.Style.STROKE);//空心畫筆
        mouerCirclePaint.setStrokeWidth(outerCircleWidth);
        minnerCirclePaint.setStyle(Paint.Style.FILL);//實心
        minnerCirclePaint.setColor(innerNorColor);
        mArrowPath.reset();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int wsize = MeasureSpec.getSize(widthMeasureSpec);
        int hsize = MeasureSpec.getSize(heightMeasureSpec);
        width = hight = Math.min(wsize, hsize);
        centerXY = width / 2;
        outerCircleRadius = (width - 2) / 2;
        innerCircleRadius = width / 6;
        setMeasuredDimension(width, hight);
        mArrowPath.reset();
        mArrowline = (int) (width * 1.0 / 2 * 0.3);
        //指引三角形箭頭
        mArrowPath.moveTo(width / 2 - mArrowline, centerXY - innerCircleRadius - 4);
        mArrowPath.lineTo(width / 2 + mArrowline, centerXY - innerCircleRadius - 4);
        mArrowPath.lineTo(width / 2, (outerCircleRadius - innerCircleRadius) / 3);
        mArrowPath.close();
    }

    public LockItem setMode(Mode mode) {
        states = mode;
        return this;
    }


    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (states == Mode.NOR) {
            mouerCirclePaint.setColor(outerNorColor);
            minnerCirclePaint.setColor(innerNorColor);
        } else if (states == Mode.PRESS) {
            mouerCirclePaint.setColor(outerPressColor);
            minnerCirclePaint.setColor(innerPressColor);
        } else if (states == Mode.UP) {
            mouerCirclePaint.setColor(outerUpColor);
            minnerCirclePaint.setColor(innerUpColor);
        }

        canvas.drawCircle(centerXY, centerXY, outerCircleRadius, mouerCirclePaint);
        canvas.drawCircle(centerXY, centerXY, innerCircleRadius, minnerCirclePaint);
        if (angle != -1000) {
            canvas.rotate(angle, centerXY, centerXY);
            canvas.drawPath(mArrowPath, mouerCirclePaint);
        }
    }

    public LockItem setAngle(int angle) {
        this.angle = angle;
        return this;
    }


}

LockItem裡面定義了列舉狀態，根據使用者的手指觸控事件修改狀態，來控制view的繪製顏色。裡面還定義了一個三角箭頭，看效果圖能看出效果，根據手勢去控制箭頭的方向，這個是難點，箭頭看起來簡單，控制起來卻不是那麼簡單，哎，又少了幾根頭髮。。。

package com.example.apple.Custom;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.widget.Toast;

import com.example.apple.pullzoom.R;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by apple on 17/9/16.
 */

public class LockViewGroup extends ViewGroup {

    final String TAG = this.getClass().getSimpleName();

    //密碼元素的寬高
    private int lockItemWidth;
    //元素的個數
    private int count = 3;
    //裝item容器
    private LockItem[] lockItems;
    //每一個item的間隔
    private int spacingWidth;
    private int width, hight;
    private List<Integer> selectLockViews = new ArrayList<>();
    private Integer[] pwd = new Integer[]{1, 4, 7, 8, 9};

    private int donwx, downy, scaledTouchSlop;
    //color
    private int outerNorColor = Color.RED, innerNorColor = Color.RED;
    private int outerPressColor = Color.BLUE, innerPressColor = Color.BLUE;
    private int outerUpColor = Color.YELLOW, innerUpColor = Color.YELLOW;
    private int mlineColor = Color.BLACK;

    private Paint mlinePait = new Paint(Paint.ANTI_ALIAS_FLAG);
    private Path mlinePath = new Path();

    private int tempx, tempy;
    private LockItem lastView;
    private int pathCenterX, pathCenterY, lastPointX, lastPointY;

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

    public LockViewGroup(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs, defStyleAttr);
    }

    private void init(Context context, AttributeSet attrs, int defStyleAttr) {
        scaledTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
        mlinePait.setColor(mlineColor);
        mlinePait.setStrokeWidth(30);
        mlinePait.setAlpha(150);
        mlinePait.setStyle(Paint.Style.STROKE);
        mlinePait.setStrokeCap(Paint.Cap.ROUND);
        mlinePait.setStrokeJoin(Paint.Join.ROUND);
        TypedArray typedArray = context.getTheme().obtainStyledAttributes(attrs,R.styleable.LockViewGroup,defStyleAttr,0);
        int indexCount = typedArray.getIndexCount();
        for (int i = 0; i < indexCount; i++) {
        int arr = typedArray.getIndex(i);
            switch (arr) {
                case R.styleable.LockViewGroup_count:
                    count = typedArray.getInteger(arr, 3);
                    break;
                case R.styleable.LockViewGroup_outerNorColor:
                    outerNorColor = typedArray.getColor(arr, Color.RED);
                    break;
                case R.styleable.LockViewGroup_innerNorColor:
                    innerNorColor = typedArray.getColor(arr, Color.RED);
                    break;
                case R.styleable.LockViewGroup_outerPressColor:
                    outerPressColor = typedArray.getColor(arr, Color.BLUE);

                    break;
                case R.styleable.LockViewGroup_innerPressColor:
                    innerPressColor = typedArray.getColor(i, Color.BLUE);
                    break;
                case R.styleable.LockViewGroup_outerUpColor:
                    outerUpColor = typedArray.getColor(arr, Color.YELLOW);
                    break;
                case R.styleable.LockViewGroup_innerUpColor:
                    mlineColor = typedArray.getColor(arr, Color.YELLOW);
                    break;
                case R.styleable.LockViewGroup_mlineColor:
                    innerUpColor = typedArray.getColor(arr, Color.YELLOW);
                    break;


            }

        }

    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int wsize = MeasureSpec.getSize(widthMeasureSpec);
        int hsize = MeasureSpec.getSize(heightMeasureSpec);
        width = hight = Math.min(wsize, hsize);
        lockItemWidth = (2 * width) / (3 * count + 1);// width / (count + (count + 1) / 2);間隔是item寬度的一半
        spacingWidth = lockItemWidth / 2;
        if (lockItems == null) {
            lockItems = new LockItem[count * count];
            removeAllViews();
            for (int i = 0, j = count * count; i < j; i++) {
                LockItem lockItem = new LockItem(getContext(), outerNorColor, innerNorColor, outerPressColor, innerPressColor, outerUpColor, innerUpColor);
                ViewGroup.LayoutParams layoutParams = new ViewGroup.LayoutParams(lockItemWidth, lockItemWidth);
                lockItem.setLayoutParams(layoutParams);
                lockItem.setTag(j - i);
                lockItems[i] = lockItem;
                addView(lockItem);
                measureChild(lockItem, lockItemWidth, lockItemWidth);
            }
        }
    }


    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        int mChildCount = getChildCount();
        long num = (long) Math.sqrt(mChildCount);
        for (int i = 0; i < num; i++) {
            for (int j = 0; j < num; j++) {
                View childAt = getChildAt(--mChildCount);
                childAt.layout(
                        spacingWidth * (j + 1) + j * lockItemWidth,
                        spacingWidth * (i + 1) + i * lockItemWidth,
                        lockItemWidth * (j + 1) + spacingWidth * (j + 1),
                        lockItemWidth * (i + 1) + spacingWidth * (i + 1));
            }
        }
    }

    @Override
    protected void dispatchDraw(Canvas canvas) {
        super.dispatchDraw(canvas);
        canvas.drawPath(mlinePath, mlinePait);
        if (pathCenterX > 0 && pathCenterY > 0) {
            canvas.drawLine(pathCenterX, pathCenterY, lastPointX, lastPointY, mlinePait);
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {

        tempx = (int) event.getX();
        tempy = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                reset(tempx, tempy);
                break;
            case MotionEvent.ACTION_MOVE:
                int dy = downy - tempy;
                int dx = donwx - tempx;
                if (Math.abs(dy) > scaledTouchSlop || Math.abs(dx) > scaledTouchSlop) {

                    donwx = tempx;
                    downy = tempy;
                    LockItem child = getChildByXY(tempx, tempy);
                    if (child != null) {
                        if (!selectLockViews.contains(child.getTag())) {
                            selectLockViews.add((Integer) child.getTag());
                            child.setMode(LockItem.Mode.PRESS);
                            pathCenterX = (child.getLeft() + child.getRight()) / 2;
                            pathCenterY = (child.getTop() + child.getBottom()) / 2;
                            if (selectLockViews.size() == 1) {
                                mlinePath.moveTo(pathCenterX, pathCenterY);
                            } else {
                                mlinePath.lineTo(pathCenterX, pathCenterY);
                            }
                            //箭頭直接直接指向某一個小圓的圓心
                            changeArraw(child.getLeft() + child.getCenterXY(), child.getTop() + child.getCenterXY());
                            lastView = child;
                            child.invalidate();
                        }
                    }
                }
                //箭頭隨著手指改變方向
                changeArraw(tempx, tempy);
                lastPointX = tempx;
                lastPointY = tempy;
                break;
            case MotionEvent.ACTION_UP:
                lastView = null;
                pathCenterX = lastPointX;
                pathCenterY = lastPointY;
                if (selectLockViews.size() == 0) return true;
                if (selectLockViews.size() < 4) {
                    Toast.makeText(getContext(), "密碼不能少於4個", Toast.LENGTH_LONG).show();
                    reset(tempx, tempy);
                    return true;
                }
                if (checkPwd()) {
                    Toast.makeText(getContext(), "親，密碼正確", Toast.LENGTH_LONG).show();
                } else {
                    Toast.makeText(getContext(), "密碼錯誤", Toast.LENGTH_LONG).show();
                }
                changeMode();
                this.postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        reset(tempx, tempy);
                    }
                }, 200);
                break;
        }
        invalidate();
        return true;
    }

    private void changeArraw(int x, int y) {
        if (lastView != null) {
            double v = getAngle(lastView.getLeft() + lastView.getCenterXY(), lastView.getTop() + lastView.getCenterXY(), x, y);
            lastView.setAngle((int) v);
            lastView.invalidate();
        }
    }

    /**
     * up的時候改變狀態，更新view，使用者可以根據自己的需要增加幾個狀態，如：密碼錯誤和密碼正確的顏色樣式
     */
    private void changeMode() {
        if (lockItems == null) return;
        for (int i = 0; i < lockItems.length; i++) {
            lockItems[i].setMode(LockItem.Mode.UP).invalidate();

            if (lockItems[i].getTag() == selectLockViews.get(selectLockViews.size() - 1)) {
                //去掉最後一個箭頭
                lockItems[i].setAngle(-1000).invalidate();
            }
        }
    }

    /**
     *檢查密碼是否正確
     * @return
     */
    private boolean checkPwd() {
        if (selectLockViews.size() != pwd.length) return false;
        for (int i = 0; i < pwd.length; i++) {
            if (selectLockViews.get(i) != pwd[i]) {
                return false;
            }
        }
        return true;
    }

    /**
     * 重置，將各種狀態復原。
     * @param x
     * @param y
     */
    private void reset(int x, int y) {
        selectLockViews.clear();
        mlinePath.reset();
        donwx = x;
        downy = y;
        pathCenterX = lastPointX = 0;
        pathCenterY = lastPointY = 0;
        for (int i = 0; i < lockItems.length; i++) {
            lockItems[i].setMode(LockItem.Mode.NOR).setAngle(-1000).invalidate();
        }
        invalidate();
    }

    /**
     * 通過手指的座標去檢查當前點在哪一個子view上面
     * @param x
     * @param y
     * @return
     */
    private LockItem getChildByXY(int x, int y) {
        if (lockItems == null) return null;
        for (int i = 0; i < lockItems.length; i++) {
            LockItem lockItem = lockItems[i];
            if (positionInView(lockItem, x, y)) {
                return lockItem;
            }
        }
        return null;
    }

    /**
     * 通過view的邊界檢查x。y是否在內部
     * @param lockItem
     * @param x
     * @param y
     * @return
     */
    private boolean positionInView(LockItem lockItem, int x, int y) {
        if (x > lockItem.getLeft() && x < lockItem.getRight() && y > lockItem.getTop() && y < lockItem.getBottom()) {
            return true;
        }
        return false;
    }

    /**
     * 這個就是根據兩個點座標計算角度，通知箭頭的方向。
     * @param px1
     * @param py1
     * @param px2
     * @param py2
     * @return
     */
    double getAngle(int px1, int py1, int px2, int py2) {
        //兩點的x、y值
        int x = px2 - px1;
        int y = py2 - py1;
        double hypotenuse = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
        //斜邊長度
        double sin = x / hypotenuse;
        double radian = Math.asin(sin);
        //求出弧度
        double angle = 180 / (Math.PI / radian);
        //用弧度算出角度
        if (y > 0) {
            angle = 180 - angle;
        }
        return angle;
    }
}

這裡面也一樣遵循了自定義控制元件的三部曲，onMeasure，onLayout，draw。onLayout有很多種方式可以控制子view的位置，這裡採用的最簡單，最易懂的n＊n的乘法口訣模式，裡面沒有太多的複雜邏輯，都是一些細節的東西，我覺得最麻煩的就是計算角度了，數學是體育老師教的，哎。。。

<?xml version="1.0" encoding="utf-8"?>
<com.example.apple.Custom.LockViewGroup xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    app:count="5"
    android:background="@android:color/darker_gray"
    android:layout_height="match_parent">

</com.example.apple.Custom.LockViewGroup>

使用很簡單的，拿來就直接可以用，我就不放demo工程了，裡面的程式碼貼上就能跑，喲。。又十二點了，洗洗睡了。。。

相關推薦

android自定義控制元件手勢密碼

現在很多app都用到一種安全機制，手勢密碼，特別是銀行相關的app，雖然他也並不是那麼安全，但是就是喜歡用。今天來看一個簡單而炫酷的手勢密碼鎖，廢話不多說，上圖上程式碼。 看圖說話，想怎麼定義就怎麼定義，使用起來就是這麼任性。。。 箭頭可以隨手指任意

【Android自定義控制元件】密碼輸入框+數字鍵盤的實現

因專案需要，實現了一個自定義的密輸入框和自定義數字鍵盤，用作使用者支付密碼設定介面。先上效果圖如下，方格樣式，以及點選空白處隱藏軟鍵盤。 控制元件實現清單： 1）集成於EditText的輸入框控制元件：PasswordInputView.java 2）

Android自定義控制元件開發系列（三）——仿支付寶六位支付密碼輸入頁面

        在移動互聯領域，有那麼幾家龍頭一直是我等學習和追求的目標，比如支付寶、微信、餓了麼、酷狗音樂等等，大神舉不勝舉，他們設計的介面、互動方式已經培養了中國（有可能會是世界）民眾的操作習慣：舉個小例子，對話方塊“確定”按鈕的左右位置就很有學問，如果大家都是左邊取消

Android自定義控制元件-Path之貝賽爾曲線和手勢軌跡、水波紋效果

從這篇開始，我將延續androidGraphics系列文章把圖片相關的知識給大家講完，這一篇先稍微進階一下，給大家把《android Graphics（二）：路徑及文字》略去的quadTo（二階貝塞爾）函式，給大家補充一下。 本篇最終將以兩個例子給大家演示貝塞爾曲線

android-自定義控制元件

自定義控制元件兩種方式 1、繼承ViewGroup 例如：ViewGroup , LinearLayout, FrameLayout, RelativeLayout等。 2、繼承View 例如：View, TextView, ImageView, Button等。 View的測量

Android 自定義控制元件-星級評分

在學習自定義控制元件時需要一些例子來練練手，本文這個控制元件就是在這種環境下產生的（可能有BUG）； 這個控制元件設計的特點： 1，可以任意修改星星數量 2，可以星星大小會隨控制元件大小而縮小，在控制元件足夠大的情況可以任意設定星星大小 3，滑動監聽，根據滑動距離選擇星級 4，可

[Android自定義控制元件] Android自定義控制元件

轉載自： http://blog.163.com/[email protected]/blog/static/103242241201382210910473/ 開發自定義控制元件的步驟: 1、瞭解View的工作原理  2、

Android 自定義控制元件釋義

由於經常在android的開發過過程中與控制元件打交道,所以有些android控制元件並不能滿足我們的需求, 進而需要自定義一 些為我們所用,但是本文只是一些名詞解析,具體實現可以網路搜尋獲得答案,在此只是個人的筆錄 1:自定義控制元件方式: 1.1:繼承view,button,

【Android自定義控制元件】炫酷的底部導航欄

https://github.com/WakeHao/NavBar 基本使用 使用這個控制元件，只需要簡單的幾部 引入該控制元件到你的專案中 compile 'com.chen.wakehao.library:bottom-navigation-bar:1.0.0'

Android自定義控制元件之區域性圖片放大鏡--BiggerView

零、前言： 本文的知識點一覽 1.自定義控制元件及自定義屬性的寫法，你也將對onMesure有更深的認識 2.關於bitmap的簡單處理，及canvas區域裁剪 3.本文會實現兩個自定義控制元件:FitImageView(圖片自適應)和BiggerView(放大鏡)，前者為後者作為鋪墊。 4.最後會

Android學習（十）—— Android自定義控制元件

Android自定義控制元件 安卓在使用中大多數使用已有的一些控制元件，用法比較簡單，還有一部分是比較複雜的、使用者自己想的控制元件，這些就需要進行自定義控制元件，今天就來簡單說一下自定義控制元件。 1、繪製過程 建立一個類，繼承View類 onMeasure()方法，測量計算檢視的大小

Android自定義控制元件-不同形狀的ImageView

實現分析： 依然是用到Paint的圖層混合模式， 1、畫一個你想要的形狀 || 圖片 2、修改Paint的圖層混合模式，畫圖片。 3、然後就能得到你想要的形狀的ImageView paint.setXfermode(new PorterDuffXfermode(Mode

Android自定義控制元件----繼承ViewGroup側滑選單3，普通側滑選單，新增選單切換按鈕(完結)

專案結構： 思路： 對外暴露一個選單開啟和關閉選單的方法toggle 當開啟時this.smoothScrollTo(0, 0);滑動選單顯示 當關閉時this.smoothScrollTo(mMenuWidth, 0);選單隱藏

Android自定義控制元件view(草稿版)

Ⅰ、繼承現有控制元件，對其控制元件的功能進行拓展。(拓展功能) Ⅱ、將現有控制元件進行組合，實現功能更加強大控制元件。(佈局重用) Ⅲ、重寫View實現全新的控制元件(不規則效果控制元件) 本文來討論最難的一種自定義控制元件形式，重寫View來實現全新的控制元件。 1.構

Android自定義控制元件屬性(草稿版)

    常用的format型別： 1) string：字串型別； 2) integer：整數型別； 3) float：浮點型； 4) dimension：尺寸，後面必須跟dp、dip、px、sp等單位； 5) Boolean：布林值； 6) refer

Android自定義控制元件 帶文字提示的SeekBar

轉載請註明出處：juejin.im/post/5c1af0… 本文出自 容華謝後的部落格 1.寫在前面 SeekBar控制元件在開發中還是比較常見的，比如音視訊進度、音量調節等，但是原生控制元件有時還不能滿足我們的需求，今天就來學習一下如何自定義SeekBar控制元件，本文主要實現了一個帶文

Android 自定義控制元件 優雅實現元素間的分割線 （支援3.0以下）

1、概述話說，隨著Android SDK版本的升級，很多控制元件增加了新的屬性方便我們的使用，比如LinearLayout中多了：divider、showDividers等，用於為其內部元素新增分隔；但是呢，這樣的屬性在較低版本的SDK中不能被支援，那麼，我們在開發過程中，可

Android自定義控制元件之仿汽車之家下拉重新整理

關於下拉重新整理的實現原理我在上篇文章Android自定義控制元件之仿美團下拉重新整理中已經詳細介紹過了，這篇文章主要介紹錶盤的動畫實現原理 汽車之家的下拉重新整理分為三個狀態： 第一個狀態為下拉重新整理狀態(pull to refresh)，在這個狀

Android自定義控制元件實戰——滾動選擇器PickerView

  手機裡設定鬧鐘需要選擇時間，那個選擇時間的控制元件就是滾動選擇器，前幾天用手機刷了MIUI，發現自帶的那個時間選擇器效果挺好看的，於是就自己仿寫了一個，權當練手。先來看效果：                                              

Android自定義控制元件 多樣式進度View

系統進度條賊不好用，大小設定不確定，寬高又不確定，所以自信開發了一套還算是比較完備的進度控制元件。 效果大概就這麼多，背景和進度背景都可以使用顏色，或者圖片，圓角，以及進度條寬高，遊標等等