導航:首頁 > 操作系統 > androidpaint寫字

androidpaint寫字

發布時間:2022-09-13 11:35:40

android繪圖之Paint(1)

Paint 講解開篇

android中繪制特定圖案類似顯示中的繪畫需要畫筆和畫紙,為此android提供了Paint和Canvas。
Paint和Canvas分別代表畫筆和畫布。
The Paint class holds the style and color information about how to draw geometries, text and bitmaps.
Paint類似畫筆,保存著繪制文本,圖形,圖片的樣式和顏色信息。(顏色,寬度,粗細,透明度,字體樣式,字體大小)。

提供了三種初始化方法:
Paint(),
Paint(int flags),
Paint(Paint paint)。

第二種構造函數傳入了flag,相當於無參構造之後調用了setFlags(int),有很多種flag,這里舉個例子UNDERLINE_TEXT_FLAG(其他的flag見developers文檔),繪制文字時會有下劃線,多個flag或可以達到設置多個flag的目的。

Paint常用的設置函數:
setAlpha()透明度
setAntiAlias()抗鋸齒
setColor(),setARGB()設置顏色
setStyle(Paint.Style style) 設置填充樣式
setStrokeCap(Paint.Cap cap) 畫筆的樣式(落筆,收筆時)
setStrokeJoin(Paint.Join join)連接點的樣式
setStrokeWidth(float width)設置畫筆寬度
setShadowLayer(float radius, float dx, float dy, int shadowColor) 設置陰影
setTextSize(float textSize) 字體大小
setTextAlign(Paint.Align.RIGHT)設置字體對齊方式

後期講解:
setColorFilter(ColorFilter filter) 設置顏色過濾
setUnderlineText(true) 下劃線
setPathEffect() 設置路徑效果
setTypeface() 設置字體風格
setFilterBitmap() 設置圖片過濾
setXfermode(Xfermode xfermode) xfermode設置圖像混合模式
setShader(Shader shader) 設置shader包括漸變shader,圖片shader
。。。。。。。。

setAlpha(int a) 設置透明度,a 值得范圍 [0..255],僅僅改變setColor()的顏色的透明度,不改變顏色值,0是完全透明,255完全不透明。
注意:需要先調用setColor(),再調用setAlpha才會生效,否則將會被覆蓋,因為setColor中包含了alpha。

setStyle設置填充樣式,所謂填充的樣式指只繪制線或者繪制同時填充:
Paint.Style.FILL 填充內部,會把閉合區域填充顏色
Paint.Style.FILL_AND_STROKE 填充內部和描邊
Paint.Style.STROKE 僅描邊,僅僅繪制邊界
默認FILL 填充內部,

STROKE樣式

FILL_AND_STROKE樣式和FILL 類似但當畫筆寬度很寬時會產生不同

setColor,setARGB設置顏色,設置畫筆的顏色,setARGB()參數范圍0-255。
setAntiAlias(boolean) 抗鋸齒,使邊界更順滑(有些屏幕解析度不高,導致像素點比較大,繪制邊界可能會有顆粒感,打開抗鋸齒邊界顆粒感會減少)。

setTextSize(float textSize) 字體大小,單位是px,如果是dp要注意轉換。
setTextAlign(Paint.Align.RIGHT)設置字體對齊方式,根據下面的實例可以,對齊方式基於開始繪制的點。
一起講解:

mPaint.setTextSize(50);
mPaint.setTextAlign(Paint.Align.LEFT);
canvas.drawText("android Paint 學習 LEFT",300,300,mPaint);
mPaint.setTextAlign(Paint.Align.CENTER);
canvas.drawText("android Paint 學習 CENTER",300,400,mPaint);
mPaint.setTextAlign(Paint.Align.RIGHT);
canvas.drawText("android Paint 學習 RIGHT",300,500,mPaint);

setTextAlign對齊是相對於開始繪制的坐標點。

setShadowLayer(float radius, float dx, float dy, int shadowColor) 設置陰影

mPaint.setShadowLayer(10,-20,30,Color.GRAY);
canvas.drawText("android Paint 學習 CENTER",getWidth()/2,450,mPaint);

setShadowLayer(float radius, float dx, float dy, int shadowColor)
Radius設置角度,dx,dy控制字體的上下左右出現,有正負之分,dx的正負代表右左,dy的正負代表下上。

setStrokeCap(Paint.Cap.ROUND)
設置繪制起始點和結尾點的樣式,
三種樣式ROUND,BUTT,SQUARE
Cap.ROUND(圓形)、Cap.SQUARE(方形)、Paint.Cap.BUTT(無)
ROUND:

BUTT和SQUARE差別不大:

setStrokeJoin(Paint.Join join),設置繪制path連接點的樣式
mPaint.setStrokeJoin(Paint.Join.ROUND);
// mPaint.setStrokeJoin(Paint.Join.MITER);
// mPaint.setStrokeJoin(Paint.Join.BEVEL);

Join.MITER(結合處為銳角)、
Join.Round(結合處為圓弧)、
Join.BEVEL(結合處為直線)

ROUND樣式:

MITER樣式:

BEVEL樣式:

setXfermode(Xfermode xfermode) xfermode設置圖像混合模式
setShader(Shader shader) 設置shader包括漸變shader,圖片shader
還有很多其他屬性會後續講解。

android繪圖之Paint(1)
android繪圖之Canvas基礎(2)
Android繪圖之Path(3)
Android繪圖之drawText繪制文本相關(4)
Android繪圖之Canvas概念理解(5)
Android繪圖之Canvas變換(6)
Android繪圖之Canvas狀態保存和恢復(7)
Android繪圖之PathEffect (8)
Android繪圖之LinearGradient線性漸變(9)
Android繪圖之SweepGradient(10)
Android繪圖之RadialGradient 放射漸變(11)
Android繪制之BitmapShader(12)
Android繪圖之ComposeShader,PorterDuff.mode及Xfermode(13)
Android繪圖之drawText,getTextBounds,measureText,FontMetrics,基線(14)
Android繪圖之貝塞爾曲線簡介(15)
Android繪圖之PathMeasure(16)
Android 動態修改漸變 GradientDrawable

⑵ Android 中的 TextPaint

原文 > http://blog.csdn.net/su1216/article/details/46900617

top:淺灰色
ascent:黃色
baseline:紅色
descent:藍色
bottom:綠色

baseline為基準,向上為負,向下為正。ascent為負數,descent為正數。
Canvas中的drawText中的總坐標是baseline,所以我們這里要先算出baseline的位置才行。

setStrikeThruText (boolean strikeThruText)
設置文本刪除線。
setTextAlign (Paint.Align align)
設置文本的對齊方式,可供選的方式有三種:CENTER,LEFT和RIGHT。
setTextLocale (Locale locale)
設置地理位置,這里如果你要使用,直接傳入Locale.getDefault()即可。它用來設置文本的區域比如中文、日文等。
setTextScaleX (float scaleX)
將文本沿X軸水平縮放,默認值為1,當值大於1會沿X軸水平放大文本,當值小於1會沿X軸水平縮放文本
setTextSize (float textSize)
設置文字的大小,但是要注意該值必需大於零。
setTextSkewX(float skewX)
設置文本在水平方向上的傾斜。這個傾斜值沒有具體的范圍,但是官方推崇的值為-0.25可以得到比較好的傾斜文本效果,值為負右傾值為正左傾,默認值為0。
setTypeface (Typeface typeface)
設置文本字體樣式。
setUnderlineText(boolean underlineText)
設置文字的下劃線。

⑶ 安卓裡面如何實現畫板的蠟筆效果,試過了很多API都不行!

的確,是沒有現成的API可用的。蠟筆我不知道,提供一個做粉筆效果的方法。首先做一張圓形的,上面有各種灰度點離散分部的圖,然後比如你想要白色的粉筆效果,就用白色跟上面那張圖上面的每個像素點的rgb值做「&」運算,這樣得到一張新的bitmap,再把這張bitmap畫在canvas上面,就是一個看上去有粉筆效果的大圓點。當然畫bitmap的時候,paint稍微加一點alpha值,做點透明效果,這樣更加真實。以上的方法是我從一個黑板app反編譯後的代碼裡面得到的方法,希望對你有用。

⑷ android開發中如何實現手寫輸入的記事本

實現手寫功能的主要步驟:


1. 自定義兩個View,一個是TouchView,用於在上面畫圖,另一個是EditText,用於將手寫的字顯示在其中,並且,要將兩個自定義View通過FrameLayout幀式布局重疊在起,以實現全屏手寫的功能。


2 在TouchView中實現寫字,並截取畫布中的字以Bitmap保存。


3. 設置定時器,利用handle更新界面。



下面是實現的細節:


1. 手寫的界面設計:


如上圖所示,和上節的畫板界面一致,底部分選項菜單欄,有5個選項,分別是調整畫筆大小,畫筆顏色,撤銷,恢復,以及清空,對於這些功能,之後幾節再實現。


布局文件activity_handwrite.xml


<!--?xml version=1.0 encoding=utf-8?-->

<relativelayout android:background="@android:color/white" android:layout_height="match_parent" android:layout_width="match_parent" xmlns:android="http://schemas.android.com/apk/res/android"><imageview android:layout_above="@+id/paintBottomMenu" android:layout_height="wrap_content" android:layout_width="match_parent" android:src="@drawable/line">

</imageview></relativelayout>

可以看出,裡面有兩個自定義view,並且通過FrameLayout重疊在一起。



先來看com.example.notes.LineEditText,這個其實和添加記事中的界面一樣,就是自定義EditText,並且在字的下面畫一條線。


LineEditText.java


public class LineEditText extends EditText {

private Rect mRect;

private Paint mPaint;

public LineEditText(Context context, AttributeSet attrs) {

// TODO Auto-generated constructor stub

super(context,attrs);

mRect = new Rect();

mPaint = new Paint();

mPaint.setColor(Color.GRAY);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

//得到EditText的總行數

int lineCount = getLineCount();

Rect r = mRect;

Paint p = mPaint;

//為每一行設置格式

for(int i = 0; i < lineCount;i++){

//取得每一行的基準Y坐標,並將每一行的界限值寫到r中

int baseline = getLineBounds(i, r);

//設置每一行的文字帶下劃線

canvas.drawLine(r.left, baseline+20, r.right, baseline+20, p);

}

}

}

另一個就是com.example.notes.TouchView,實現了繪制,及定時更新界面的功能,具體看代碼


TouchView.java


public class TouchView extends View {

private Bitmap mBitmap,myBitmap;

private Canvas mCanvas;

private Path mPath;

private Paint mBitmapPaint;

private Paint mPaint;

private Handler bitmapHandler;

GetCutBitmapLocation getCutBitmapLocation;

private Timer timer;

DisplayMetrics dm;

private int w,h;

public TouchView(Context context) {

super(context);

dm = new DisplayMetrics();

((Activity) context).getWindowManager().getDefaultDisplay().getMetrics(dm);

w = dm.widthPixels;

h = dm.heightPixels;

initPaint();

}

public TouchView(Context context, AttributeSet attrs) {

super(context,attrs);

dm = new DisplayMetrics();

((Activity) context).getWindowManager().getDefaultDisplay().getMetrics(dm);

w = dm.widthPixels;

h = dm.heightPixels;

initPaint();

}

//設置handler

public void setHandler(Handler mBitmapHandler){

bitmapHandler = mBitmapHandler;

}

//初始化畫筆,畫布

private void initPaint(){

mPaint = new Paint();

mPaint.setAntiAlias(true);

mPaint.setDither(true);

mPaint.setColor(0xFF00FF00);

mPaint.setStyle(Paint.Style.STROKE);

mPaint.setStrokeJoin(Paint.Join.ROUND);

mPaint.setStrokeCap(Paint.Cap.ROUND);

mPaint.setStrokeWidth(15);

getCutBitmapLocation = new GetCutBitmapLocation();

//畫布大小

mBitmap = Bitmap.createBitmap(w, h,

Bitmap.Config.ARGB_8888);

mCanvas = new Canvas(mBitmap); //所有mCanvas畫的東西都被保存在了mBitmap中

mCanvas.drawColor(Color.TRANSPARENT);

mPath = new Path();

mBitmapPaint = new Paint(Paint.DITHER_FLAG);

timer = new Timer(true);

}

/**

* 處理屏幕顯示

*/

Handler handler = new Handler(){

public void handleMessage(Message msg) {

switch (msg.what) {

case 1:

myBitmap = getCutBitmap(mBitmap);

Message message = new Message();

message.what=1;

Bundle bundle = new Bundle();;

bundle.putParcelable(bitmap,myBitmap);

message.setData(bundle);

bitmapHandler.sendMessage(message);

RefershBitmap();

break;

}

super.handleMessage(msg);

}

};

/**

* 發送消息給handler更新ACTIVITY

*/

TimerTask task = new TimerTask() {

public void run() {

Message message = new Message();

message.what=1;

Log.i(線程, 來了);

handler.sendMessage(message);

}

};

//切割畫布中的字並返回

public Bitmap getCutBitmap(Bitmap mBitmap){

//得到手寫字的四周位置,並向外延伸10px

float cutLeft = getCutBitmapLocation.getCutLeft() - 10;

float cutTop = getCutBitmapLocation.getCutTop() - 10;

float cutRight = getCutBitmapLocation.getCutRight() + 10;

float cutBottom = getCutBitmapLocation.getCutBottom() + 10;

cutLeft = (0 > cutLeft ? 0 : cutLeft);

cutTop = (0 > cutTop ? 0 : cutTop);

cutRight = (mBitmap.getWidth() < cutRight ? mBitmap.getWidth() : cutRight);

cutBottom = (mBitmap.getHeight() < cutBottom ? mBitmap.getHeight() : cutBottom);

//取得手寫的的高度和寬度

float cutWidth = cutRight - cutLeft;

float cutHeight = cutBottom - cutTop;

Bitmap cutBitmap = Bitmap.createBitmap(mBitmap, (int)cutLeft, (int)cutTop, (int)cutWidth, (int)cutHeight);

if (myBitmap!=null ) {

myBitmap.recycle();

myBitmap= null;

}

return cutBitmap;

}

//刷新畫布

private void RefershBitmap(){

initPaint();

invalidate();

if(task != null)

task.cancel();

}

@Override

protected void onDraw(Canvas canvas) {

canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint); //顯示舊的畫布

canvas.drawPath(mPath, mPaint); //畫最後的path

}

private float mX, mY;

private static final float TOUCH_TOLERANCE = 4;

//手按下時

private void touch_start(float x, float y) {

mPath.reset();//清空path

mPath.moveTo(x, y);

mX = x;

mY = y;

if(task != null)

task.cancel();//取消之前的任務

task = new TimerTask() {

@Override

public void run() {

Message message = new Message();

message.what=1;

Log.i(線程, 來了);

handler.sendMessage(message);

}

};

getCutBitmapLocation.setCutLeftAndRight(mX,mY);

}

//手移動時

private void touch_move(float x, float y) {

float dx = Math.abs(x - mX);

float dy = Math.abs(y - mY);

if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) {

mPath.quadTo(mX, mY, x, y);

// mPath.quadTo(mX, mY, (x + mX)/2, (y + mY)/2);//源代碼是這樣寫的,可是我沒有弄明白,為什麼要這樣?

mX = x;

mY = y;

if(task != null)

task.cancel();//取消之前的任務

task = new TimerTask() {

@Override

public void run() {

Message message = new Message();

message.what=1;

Log.i(線程, 來了);

handler.sendMessage(message);

}

};

getCutBitmapLocation.setCutLeftAndRight(mX,mY);

}

}

//手抬起時

private void touch_up() {

//mPath.lineTo(mX, mY);

mCanvas.drawPath(mPath, mPaint);

mPath.reset();

if (timer!=null) {

if (task!=null) {

task.cancel();

task = new TimerTask() {

public void run() {

Message message = new Message();

message.what = 1;

handler.sendMessage(message);

}

};

timer.schele(task, 1000, 1000); //2200秒後發送消息給handler更新Activity

}

}else {

timer = new Timer(true);

timer.schele(task, 1000, 1000); //2200秒後發送消息給handler更新Activity

}

}

//處理界面事件

@Override

public boolean onTouchEvent(MotionEvent event) {

float x = event.getX();

float y = event.getY();

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN:

touch_start(x, y);

invalidate(); //刷新

break;

case MotionEvent.ACTION_MOVE:

touch_move(x, y);

invalidate();

break;

case MotionEvent.ACTION_UP:

touch_up();

invalidate();

break;

}

return true;

}

}

這裡面的難點就是利用TimerTask和Handle來更新界面顯示,需要在onTouchEvent的三個事件中都要通過handle發送消息來更新顯示界面。



接下來就是在activity里通過handle來得到繪制的字,並添加在editText中。


關於配置底部菜單,以及頂部標題欄,這里不再贅述,直接如何將繪制的字得到,並添加在edittext中:



得到繪制字體的Bitmap



//處理界面

Handler handler = new Handler(){

@Override

public void handleMessage(Message msg) {

super.handleMessage(msg);

Bundle bundle = new Bundle();

bundle = msg.getData();

Bitmap myBitmap = bundle.getParcelable(bitmap);

InsertToEditText(myBitmap);

}

};


其中myBitmap就是取得的手寫字,保存在Bitmap中, InsertToEditText(myBitmap);是將該圖片添加在edittext中,具體如下:


?

1

private LineEditText et_handwrite;

?

1

et_handwrite = (LineEditText)findViewById(R.id.et_handwrite);

//將手寫字插入到EditText中

private void InsertToEditText(Bitmap mBitmap){

int imgWidth = mBitmap.getWidth();

int imgHeight = mBitmap.getHeight();

//縮放比例

float scaleW = (float) (80f/imgWidth);

float scaleH = (float) (100f/imgHeight);

Matrix mx = new Matrix();

//對原圖片進行縮放

mx.postScale(scaleW, scaleH);

mBitmap = Bitmap.createBitmap(mBitmap, 0, 0, imgWidth, imgHeight, mx, true);

//將手寫的字插入到edittext中

SpannableString ss = new SpannableString(1);

ImageSpan span = new ImageSpan(mBitmap, ImageSpan.ALIGN_BOTTOM);

ss.setSpan(span, 0, 1, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

et_handwrite.append(ss);

}

⑸ android 用paint寫字,請問有什麼辦法能設置 字間距嗎

想學android的大專生看過來分享到: 還記得當初我要轉行學習android軟體開發的時候,還有朋友勸我不要輕易轉行,都在質疑一個問題——大專生可以學android開發嗎?我在上海青大實訓學習有一段時間了,事實證明,大專生可以學android開發

閱讀全文

與androidpaint寫字相關的資料

熱點內容
阿里雲郵smtp伺服器地址 瀏覽:250
解壓館認知理解 瀏覽:239
為什麼使用非官方伺服器會封號 瀏覽:9
佛山加密文檔軟體 瀏覽:813
港式5張梭哈源碼 瀏覽:241
數據中心pdf 瀏覽:524
crf源碼解析 瀏覽:853
伺服器軟體開發是什麼意思 瀏覽:941
刪除彩信android 瀏覽:862
元宵節猜燈謎h5源碼 瀏覽:69
樂培生app怎麼綁定 瀏覽:762
視頻壓縮不清楚怎麼說 瀏覽:525
加好友伺服器繁忙是怎麼回事 瀏覽:381
怎麼解綁app的支付寶賬號 瀏覽:912
ip地址伺服器不可用怎麼解決方法 瀏覽:185
為什麼軟體需要伺服器 瀏覽:64
redis操作命令大全 瀏覽:597
python字元串重復索引 瀏覽:963
為什麼香信新版本連接不上伺服器 瀏覽:51
元旦程序員打羽毛球 瀏覽:615