1. 程式人生 > >android 開發 View _12_ 用Canvas 繪製一張圖片(部落格中演示用Canvas畫驗證碼圖片)

android 開發 View _12_ 用Canvas 繪製一張圖片(部落格中演示用Canvas畫驗證碼圖片)

package net.yt.yuncare.widgets;

import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;

import java.lang.*;
import java.util.Random;

/**
 * Created by lenovo on 2018/5/14.
 */

public class Code {

    //隨機數陣列
    private static final char[] CHARS = {
            '2', '3', '4', '5', '6', '7', '8', '9',
            'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'k', 'm',
            'n', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z',
            'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M',
            'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'
    };

    private static Code bmpCode;

    public static Code getInstance() { //單例模式
        if(bmpCode == null)
            bmpCode = new Code();
        return bmpCode;
    }

    //default settings
    //驗證碼預設隨機數的個數
    private static final int DEFAULT_CODE_LENGTH = 4;
    //預設字型大小
    private static final int DEFAULT_FONT_SIZE = 35;
    //預設線條的條數
    private static final int DEFAULT_LINE_NUMBER = 2;
    //padding值
    private static final int BASE_PADDING_LEFT = 10, RANGE_PADDING_LEFT = 15, BASE_PADDING_TOP = 15, RANGE_PADDING_TOP = 20;
    //驗證碼的預設寬高
    private static final int DEFAULT_WIDTH = 100, DEFAULT_HEIGHT = 40;

    //settings decided by the layout xml
    //canvas width and height
    private int width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT;

    //random word space and pading_top
    private int base_padding_left = BASE_PADDING_LEFT, range_padding_left = RANGE_PADDING_LEFT,
            base_padding_top = BASE_PADDING_TOP, range_padding_top = RANGE_PADDING_TOP;

    //number of chars, lines; font size
    private int codeLength = DEFAULT_CODE_LENGTH, line_number = DEFAULT_LINE_NUMBER, font_size = DEFAULT_FONT_SIZE;

    //variables
    private String code;
    private int padding_left, padding_top;
    private Random random = new Random();
    //生成驗證碼圖片  在外部Image呼叫,用setImageBitmap新增圖片到ImageView控制元件中
    public Bitmap createBitmap() {
        padding_left = 0;
        //重點:建立Bt圖片
        Bitmap bp = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888); //
        Canvas c = new Canvas(bp);//建立畫板匯入bt圖片

        code = createCode();

        c.drawColor(Color.WHITE);//新增畫板背景色為白色
        Paint paint = new Paint();//建立畫筆
        paint.setAntiAlias(true);
        paint.setTextSize(font_size);//設定畫筆大小
        //畫驗證碼
        for (int i = 0; i < code.length(); i++) {
            randomTextStyle(paint); //畫筆傳入生成隨機樣式
            randomPadding();
            c.drawText(code.charAt(i) + "", padding_left, padding_top, paint);
        }
        //畫線條
        for (int i = 0; i < line_number; i++) {
            drawLine(c, paint);
        }

        c.save( Canvas.ALL_SAVE_FLAG );//儲存
        c.restore();//
        return bp;
    }

    public String getCode() {
        return code;
    }

    //生成驗證碼
    private String createCode() {
        StringBuilder buffer = new StringBuilder();
        for (int i = 0; i < codeLength; i++) {
            buffer.append(CHARS[random.nextInt(CHARS.length)]);
        }
        return buffer.toString();
    }
    //畫干擾線
    private void drawLine(Canvas canvas, Paint paint) {
        int color = randomColor();
        int startX = random.nextInt(width);
        int startY = random.nextInt(height);
        int stopX = random.nextInt(width);
        int stopY = random.nextInt(height);
        paint.setStrokeWidth(1);
        paint.setColor(color);
        canvas.drawLine(startX, startY, stopX, stopY, paint);
    }
    //生成隨機顏色
    private int randomColor() {
        return randomColor(1);
    }

    private int randomColor(int rate) {
        int red = random.nextInt(256) / rate;
        int green = random.nextInt(256) / rate;
        int blue = random.nextInt(256) / rate;
        return Color.rgb(red, green, blue);
    }
    //隨機生成文字樣式,顏色,粗細,傾斜度
    private void randomTextStyle(Paint paint) {
        int color = randomColor();
        paint.setColor(color);
        paint.setFakeBoldText(random.nextBoolean());  //true為粗體,false為非粗體
        //float skewX = random.nextInt(11) / 10;
        //skewX = random.nextBoolean() ? skewX : -skewX;
        //paint.setTextSkewX(skewX); //float型別引數,負數表示右斜,整數左斜
        //paint.setUnderlineText(true); //true為下劃線,false為非下劃線
        //paint.setStrikeThruText(true); //true為刪除線,false為非刪除線
    }
    //隨機生成padding值
    private void randomPadding() {
        padding_left += base_padding_left + random.nextInt(range_padding_left);
        padding_top = base_padding_top + random.nextInt(range_padding_top);
    }
}

相關推薦

android 開發 View _12_ Canvas 繪製圖片部落演示Canvas驗證圖片

package net.yt.yuncare.widgets; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Color; import and

IOS程式碼繪製圖片

/ 繪製一張圖片 UIImage *randomBlockImage(CGFloat sideLength, CGFloat inset) { UIGraphicsBeginImageConte

Android開發之貝塞爾曲線進階篇仿直播送禮物,餓了麼購物車動畫

又是一年畢業季,今年終於輪到我了,最近一邊忙著公司的專案,一邊趕著畢設和論文,還私下和朋友搞了些小外包,然後還要還抽出時間寫部落格,真是忙的不要不要的。 好了,言歸正傳,前幾天寫了一篇關於貝塞爾曲線的基礎篇,如果你對貝塞爾曲線還不是很瞭解,建議你先去閱讀下:Android開發之貝塞爾曲線初體驗 ,今天這篇文

protractor測試canvas繪製()

protractor是angular那幫人搞得一個e2e的測試框架,本質上是用的webdriver。 測試canvas,主要就是影象的比較,搜了搜,沒有找到太好的nodejs庫,所有還是用之前用過的resemblejs。 resemblejs用了Image和Canvas,所

Android:從繪製流程圖來體驗View的自定義過程

概述         自定義View向來不是一個輕鬆的話題。雖然對於android原生開發而言,這隻能算是一項基本的技能,但真正當我們拿到一份需要我們自定義去實現的需求的時候,多少還會有點手足無措。具體是什麼原因,我也不知道,也許,“菜,是原罪”。‘’“業精於勤

Android開發——View繪製流程

網上講解View的繪製流程有很多優秀的文章。主要分為三個步驟:分別是measure、layout和draw。measure根據父佈局的尺寸以及自己想要的尺寸得到最終自己的尺寸,layout用於確定子View的位置,draw負責繪製自己。View分為View和Vi

Android開發常用的開源專案總結[]

最近Android開發的過程中,遇到一些常見的需求,開源專案可以滿足需求,使用開源專案可以迅速的把APP框架搭起來,提升開發效率,再次總結一下,方便後續的開發流程。   001 檔案下載  FileDownloader      7.

Android開發常見異常和解決方案()

異常記錄,填過的坑記錄下來,作為以後的經驗 異常1: org.gradle.api.tasks.TaskExecutionException: Execution failed for task ':app:transformDexWithDexForRel

Android開發——整合友盟社會化分享遇到的坑

前言 在很多App開發當中都有社會化分享,我一般都是整合友盟的社會化分享功能。這次開發公司的App需要整合微信、朋友圈、QQ和QQ空間。我是整合第三方成功了,但是在QQ分享的時候出現了意外,第一次出現“Error該平臺不支援純文字分享”,讓我最鬱悶的是我分享的

Android開發——View動畫、幀動畫和屬性動畫詳解

0. 前言Android動畫是面試的時候經常被問到的話題。我們都知道Android動畫分為三類:View動畫、幀動畫和屬性動畫。先對這三種動畫做一個概述:View動畫是一種漸進式動畫,定義動畫開始和結束

android 開發 View _1_ View的子類們 和 檢視座標系圖

目錄: View的方法: 除了以上圖片的方法,view還有其他方法,我們詳解一下。後續幫助自定義view有些用處。圖片裡的get方法就不解釋了,清晰明瞭。 getWidth與getHeight:

Android開發之藍芽詳解()

一.概述 這篇文章是我學習Android開發官網以及網上一些其他文章總結而來,主要就是為了好好研究一下藍芽開發,看完這篇文章以後,我們就知道了怎樣使用藍芽API完成建立藍芽連線的必要四步:1.開啟藍芽;2.查詢附近已配對或可用的裝置;3.連線裝置;4.裝置間資

Android開發之自定義控制元件()---onMeasure詳解

         話說一個有十年的程式設計經驗的老漢,決定改行書法,在一個熱火炎炎的中午,老漢拿著毛筆,在一張白紙上寫了個“Hello World!”,從此開啟了他的書法旅程。那麼問題來了請問自定義一個控制元件需要怎樣的流程?我們經常說自定義控制元件,那麼究竟怎樣去自定義一

android 開發 View _14 MotionEvent和事件處理詳解,與實踐自定義滑動條View

MotionEvent MotionEvent物件是與使用者觸控相關的時間序列,該序列從使用者首次觸控式螢幕幕開始,經歷手指在螢幕表面的任何移動,直到手指離開螢幕時結束。手指的初次觸控(ACTION_DOWN操作),滑動(ACTION_MOVE操作)和擡起(ACTION

Geogebra繪製種五角星形曲線

實際上類似的曲線可以做很多,參考Benice的部落格(或者此處上一篇部落格轉發的少量圖片),但是這個五角星形狀的曲線比較簡單。 我從來只是把網路上BBS或部落格之類的寫的東西當作一種消遣而不是研究,所以,不能指望對文字內容從語法上嚴格推敲,除非很有興趣也不太可能過問對我來

android 開發 View _11_ xml動畫

一、概述 Android的animation由四種類型組成:alpha、scale、translate、rotate,對應android官方文件地址:《Animation Resources》 1、XML配置檔案中 alpha 漸變透明度動畫效果 scal

android 開發 View _6_Canvas詳解

安卓自定義View進階-Canvas之繪製圖形在上一篇自定義View分類與流程中我們瞭解自定義View相關的基本知識,不過,這些東西依舊還是理論,並不能拿來(zhuang)用(B), 這一次我們就瞭解一些能(zhaung)用(B)的東西。在本篇文章中,我們先了解Canvas的

Android開發,MapBox的使用及部分功能實現----- 初始化、標記、定位、styleurl

近期,應公司要求,開始接觸MapBox For Android的開發。 經過初步的接觸,發現MapBox與我之前使用的Arcgis有很多不同,相比起來,MapBox更清潔,更輕便,也更容易使用,但是相對的,MapBox相對於Arcgis缺少了很多的功能實現,許多的東西都需要

Android開發-資料繫結-DataBinding-AndroidStudio()初識DataBinding

效果上沒有什麼特別的,看不出來什麼~~ 看看準備工作和原始碼: MainActivity.java: package com.iwanghang.databinding; import an

Android開發學習之SQLite詳解

一.SQLite的介紹 1.SQLite簡介  SQLite是一款輕型的資料庫,是遵守ACID的關聯式資料庫管理系統,它的設計目標是嵌入 式的,而且目前已經在很多嵌入式產品中使用了它,它佔用資源非常的低,在嵌入式裝置中,可能只需要幾百K的記憶體就夠了。它能夠支援 Windo