Android軟件開發之盤點自定義View界麵大合集

      
       相信在實際開發過程中必然很多地方都須要用到係統字 為什麼會用到係統字？ 方便 省內存 我相信做過J2ME遊戲開發的朋友應該深知內存有多麼多麼重要  而且使用它還可以帶來一個更重要的好處就是很方便的可以實現多國語言的切換 筆者現在在正在做的一個產品就是可以多語言切換的軟件  有英語 繁體中文 等等 設想如果使用圖片字的話那每個語言都須要出一套圖，我用一個例子簡單介紹一下繪製字符串。





package cn.m15.xys;import android.app.Activity;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Paint.FontMetrics;import android.os.Bundle;import android.view.Display;import android.view.View;public class Font extends Activity { public int mScreenWidth = 0; public int mScreenHeight = 0; @Override protected void onCreate(Bundle savedInstanceState) {setContentView(new FontView(this));// 獲取屏幕寬高Display display = getWindowManager().getDefaultDisplay();mScreenWidth = display.getWidth();mScreenHeight = display.getHeight();super.onCreate(savedInstanceState); } class FontView extends View { public final static String STR_WIDTH = "獲取字符串寬為："; public final static String STR_HEIGHT = "獲取字體高度為："; Paint mPaint = null; public FontView(Context context) { super(context); mPaint = new Paint();}@Overrideprotected void onDraw(Canvas canvas) { //設置字符串顏色 mPaint.setColor(Color.WHITE); canvas.drawText("當前屏幕寬" + mScreenWidth, 0, 30, mPaint); canvas.drawText("當前屏幕高"+ mScreenHeight, 0, 60, mPaint); //設置字體大小 mPaint.setColor(Color.RED); mPaint.setTextSize(18); canvas.drawText("字體大小為18", 0, 90, mPaint); //消除字體鋸齒 mPaint.setFlags(Paint.ANTI_ALIAS_FLAG); canvas.drawText("消除字體鋸齒後", 0, 120, mPaint); //獲取字符串寬度 canvas.drawText(STR_WIDTH + getStringWidth(STR_WIDTH), 0, 150, mPaint); //獲取字體高度 canvas.drawText(STR_HEIGHT + getFontHeight(), 0, 180, mPaint); //從string.xml讀取字符串繪製 mPaint.setColor(Color.YELLOW); canvas.drawText(getResources().getString(R.string.string_font), 0, 210, mPaint); super.onDraw(canvas);}/** * 獲取字符串寬 * @param str * @return */private int getStringWidth(String str) { return (int) mPaint.measureText(STR_WIDTH); }/* * 獲取字體高度 */private int getFontHeight() { FontMetrics fm = mPaint.getFontMetrics(); return (int)Math.ceil(fm.descent - fm.top) + 2;} }}
 
2.繪製無規則幾何圖形

        繪製無規則幾何圖形似乎在實際工作中很少可以用到 原因是用程序去繪製圖形即使在精準再好看也不會有美術出的圖片好看 但是使用程序繪製圖形作為學習來說卻是基礎中的基礎，所以建議大家都看一看。

package cn.m15.xys;import android.app.Activity;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Path;import android.graphics.RectF;import android.os.Bundle;import android.view.View;public class Geometry extends Activity { public int mScreenWidth = 0; public int mScreenHeight = 0; @Override protected void onCreate(Bundle savedInstanceState) {setContentView(new GeometryView(this));super.onCreate(savedInstanceState); } class GeometryView extends View {Paint mPaint = null;public GeometryView(Context context) { super(context); mPaint = new Paint(); mPaint.setFlags(Paint.ANTI_ALIAS_FLAG);}@Overrideprotected void onDraw(Canvas canvas) { super.onDraw(canvas); //設置畫布顏色 也就是背景顏色 canvas.drawColor(Color.WHITE); mPaint.setColor(Color.BLACK); canvas.drawText("繪製無規則幾何圖形喔！！！", 150, 30, mPaint); //繪製一條線 mPaint.setColor(Color.BLACK); mPaint.setStrokeWidth(4); canvas.drawLine(0, 0, 100, 100, mPaint); //繪製一個矩形 mPaint.setColor(Color.YELLOW); canvas.drawRect(0, 120, 100, 200, mPaint); //繪製一個圓形 mPaint.setColor(Color.BLUE); canvas.drawCircle(80, 300, 50, mPaint); //繪製一個橢圓 mPaint.setColor(Color.CYAN); canvas.drawOval(new RectF(300,370,120,100), mPaint); //繪製多邊形 mPaint.setColor(Color.BLACK); Path path = new Path(); path.moveTo(150+5 , 400 -50); path.lineTo(150+45, 400 - 50); path.lineTo(150+30, 460 - 50); path.lineTo(150+20, 460 - 50); path.close(); canvas.drawPath(path, mPaint); } }}

3.圖片的繪製以及旋轉縮放的實現


        在這點上Android 確實比J2ME 強大很多  手機遊戲開發最痛苦的是什麼？？ 是遊戲引擎的開發，但是工程師會把大部分時間浪費在對坐標上，如果寫引擎的時候沒有把自適應考慮周全後期會非常痛苦，現在手機屏幕分辨率是各式各樣 內存大小也是各式各樣 所以可見自適應屏幕算法有多麼的重要。






package cn.m15.xys;import android.app.Activity;import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Canvas;import android.graphics.Matrix;import android.graphics.Paint;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import android.widget.LinearLayout;public class Image extends Activity { ImageView imageView = null; @Override protected void onCreate(Bundle savedInstanceState) {imageView = new ImageView(this);setContentView(R.layout.image);LinearLayout ll = (LinearLayout) findViewById(R.id.iamgeid);ll.addView(imageView);// 向左移動Button botton0 = (Button) findViewById(R.id.buttonLeft);botton0.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) {imageView.setPosLeft(); }});// 向右移動Button botton1 = (Button) findViewById(R.id.buttonRight);botton1.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) {imageView.setPosRight(); }});// 左旋轉Button botton2 = (Button) findViewById(R.id.buttonRotationLeft);botton2.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) {imageView.setRotationLeft(); }});// 右旋轉Button botton3 = (Button) findViewById(R.id.buttonRotationRight);botton3.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) {imageView.setRotationRight(); }});// 縮小Button botton4 = (Button) findViewById(R.id.buttonNarrow);botton4.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) {imageView.setNarrow(); }});// 放大Button botton5 = (Button) findViewById(R.id.buttonEnlarge);botton5.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) {imageView.setEnlarge(); }});super.onCreate(savedInstanceState); } class ImageView extends View {Paint mPaint = null;Bitmap bitMap = null;Bitmap bitMapDisplay = null;int m_posX = 120;int m_posY = 50;int m_bitMapWidth = 0;int m_bitMapHeight = 0;Matrix mMatrix = null;float mAngle = 0.0f;float mScale = 1f;//1為原圖的大小public ImageView(Context context) { super(context); mPaint = new Paint(); mPaint.setFlags(Paint.ANTI_ALIAS_FLAG); bitMap = BitmapFactory.decodeResource(this.getResources(), R.drawable.image); bitMapDisplay = bitMap; mMatrix = new Matrix(); // 獲取圖片寬高 m_bitMapWidth = bitMap.getWidth(); m_bitMapHeight = bitMap.getHeight();}// 向左移動public void setPosLeft() { m_posX -= 10;}// 向右移動public void setPosRight() { m_posX += 10;}// 向左旋轉public void setRotationLeft() { mAngle--; setAngle();}// 向右旋轉public void setRotationRight() { mAngle++; setAngle();}// 縮小圖片public void setNarrow() { if (mScale > 0.5) {mScale -= 0.1;setScale(); }}// 放大圖片public void setEnlarge() { if (mScale < 2) {mScale += 0.1;setScale(); }}// 設置縮放比例public void setAngle() { mMatrix.reset(); mMatrix.setRotate(mAngle); bitMapDisplay = Bitmap.createBitmap(bitMap, 0, 0, m_bitMapWidth, m_bitMapHeight, mMatrix, true);}// 設置旋轉比例public void setScale() { mMatrix.reset(); //float sx X軸縮放 //float sy Y軸縮放 mMatrix.postScale(mScale, mScale); bitMapDisplay = Bitmap.createBitmap(bitMap, 0, 0, m_bitMapWidth, m_bitMapHeight, mMatrix, true);}@Overrideprotected void onDraw(Canvas canvas) { super.onDraw(canvas); canvas.drawBitmap(bitMapDisplay, m_posX, m_posY, mPaint); invalidate();} }}
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:androandroid: android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <Button android: android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="圖片向左移動" /> <Button android: android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="圖片向右移動" /> <Button android: android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="圖片左旋轉" /> <Button android: android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="圖片右旋轉" /> <Button android: android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="圖片縮小" /> <Button android: android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="圖片放大" /></LinearLayout>
4.播放frame動畫


        做遊戲的話播放動畫可就是必不可少的元素 幀動畫幀動畫 顧名思義是一幀一幀的播放 。 實際在開發中為了節省內存美術會把人物的圖片切成一小塊一小塊然後由程序根據編輯器生成的點把圖片在拚接起來這樣就可以做到用更少的圖片去實現更多的動畫效果因為不太方便介紹圖片編輯器 這個demo我隻給大家簡單的介紹一下播放動畫的原理 後期我會深入講解。
              如圖所示這個小人一直在行走 實際上是4張圖片在來回切換 每張圖片延遲500毫秒 後播下一張 以此類推。