App更新之dialog數字進度條，appdialog進度條

App更新之dialog數字進度條，appdialog進度條

App更新之dialog數字進度條

 

前言：現在一般的Android軟體都是需要不斷更新的，當你開啟某個app的時候，如果有新的版本，它會提示你有新版本需要更新。當有更新時，會彈出一個提示框，點擊下載，則在通知來建立一個數字進度條進行下載，下載成功後才到安裝介面。

 

效果：

 

 

開發環境：AndroidStudio2.2.1+gradle-2.14.1

 

 

涉及知識：

 

　　　　1.Handler機制

 

　　　　2.自訂控制項+Canvas繪畫

 

　　　　3.自訂dialog

 

 

部分代碼：

 

public class NumberProgressBar extends View {    /**     * 右側未完成進度條的顏色     */    private int paintStartColor = 0xffe5e5e5;    /**     * Contxt     */    private Context context;    /**     * 主線程傳過來進程 0 - 100     */    private int progress;    /**     * 得到自訂視圖的寬度     */    private int viewWidth;    private RectF pieOval;    private RectF pieOvalIn;    /**     * 得到自訂視圖的Y軸中心點     */    private int viewCenterY;    /**     * 已完成的畫筆     */    private Paint paintInit = new Paint();    /**     * 未完成進度條畫筆的屬性     */    private Paint paintStart = new Paint();    /**     * 大圓的畫筆     */    private Paint paintEndBig = new Paint();    /**     * 小圓的畫筆     */    private Paint paintSmall = new Paint();    /**     * 畫中間的百分比文字的畫筆     */    private Paint paintText = new Paint();    /**     * 要畫的文字的寬度     */    private int textWidth;    /**     * 畫文字時底部的座標     */    private float textBottomY;    private int smallR;//小圓的半徑    private int bigR;//大圓半徑    private float radius;    private int jR;//氣泡矩形    /**     * 文字總共移動的長度（即從0%到100%文字左側移動的長度）     *///    private int totalMovedLength;    public NumberProgressBar(Context context, AttributeSet attrs) {        super(context, attrs);        this.context = context;        // 構造器中初始化資料        smallR = dip2px(context, 4);//小圓半徑        bigR = dip2px(context, 8);//大圓半徑        radius = dip2px(context, 10) / 2;//進度條高度        jR = dip2px(context, 6);//矩形        initData();    }    /**     * 初始化資料     */    private void initData() {        // 未完成進度條畫筆的屬性        paintStart.setColor(paintStartColor);        paintStart.setStrokeWidth(dip2px(context, 1));        paintStart.setDither(true);        paintStart.setAntiAlias(true);        paintStart.setStyle(Paint.Style.FILL);        // 已完成進度條畫筆的屬性        paintInit.setColor(context.getResources().getColor(R.color.blue));        paintInit.setStrokeWidth(dip2px(context, 1));        paintInit.setAntiAlias(true);        paintInit.setDither(true);        paintInit.setStyle(Paint.Style.FILL);        // 小圓畫筆        paintSmall.setColor(Color.WHITE);        paintSmall.setAntiAlias(true);        paintSmall.setStyle(Paint.Style.FILL);        // 大圓畫筆        paintEndBig.setColor(context.getResources().getColor(R.color.blue));        paintEndBig.setAntiAlias(true);        paintEndBig.setStyle(Paint.Style.FILL);        // 百分比文字畫筆的屬性        int paintTextSizePx = sp2px(context, 11);  //設定百分比文字的尺寸        paintText.setColor(context.getResources().getColor(R.color.blue));        paintText.setTextSize(paintTextSizePx);        paintText.setAntiAlias(true);        paintText.setTypeface(Typeface.DEFAULT_BOLD);    }    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        super.onMeasure(widthMeasureSpec, heightMeasureSpec);    }    @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        //得到float型進度        float progressFloat = progress / 100.0f;        int viewHeight = getMeasuredHeight();//得到控制項的高度        viewWidth = getMeasuredWidth() - 4 * jR;        viewCenterY = viewHeight - bigR;        float currentMovedLen = viewWidth * progressFloat + 2 * jR;        String str = progress + "%";        Rect bounds = new Rect();        paintText.getTextBounds(str, 0, str.length(), bounds);        textWidth = bounds.width();        textBottomY = bounds.height();/** * 1：繪畫的文本 * 2.距離x的位移 * 3.距離Y的位移 * 4.畫筆對象 */        canvas.drawText(str, currentMovedLen - textWidth / 2,                viewCenterY - smallR / 2 - bigR / 2 - 2 * jR + textBottomY / 2,                paintText);//文字        //圓角矩形初始的        canvas.drawRoundRect(new RectF(2 * jR, viewCenterY - radius, currentMovedLen,                        viewCenterY + radius),                radius, radius, paintInit);        //圓角矩形--進行中        canvas.drawRoundRect(new RectF(currentMovedLen, viewCenterY - radius, viewWidth + 2 * jR,                viewCenterY + radius), radius, radius, paintStart);        pieOval = new RectF(currentMovedLen - bigR, viewCenterY - bigR, currentMovedLen + bigR, viewCenterY + bigR);        pieOvalIn = new RectF(currentMovedLen - smallR, viewCenterY - smallR, currentMovedLen + smallR, viewCenterY + smallR);        //大圓        canvas.drawArc(pieOval, 0, 360, true, paintEndBig);        //小圓        canvas.drawArc(pieOvalIn, 0, 360, true, paintSmall);    }    /**     * @param progress 外部傳進來的當前進度     */    public void setProgress(int progress) {        this.progress = progress;        invalidate();    }    public static int dip2px(Context ctx, float dp) {        float density = ctx.getResources().getDisplayMetrics().density;        int px = (int) (dp * density + 0.5f);        return px;    }    public static int sp2px(Context context, float spValue) {        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, spValue, context.getResources().getDisplayMetrics());    }}

 

 

源碼下載...