1. 程式人生 > >Android入門第十四篇之畫圖

Android入門第十四篇之畫圖

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow

也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!

               

本文來自http://blog.csdn.net/hellogv/ ,引用必須註明出處!

        常用控制元件說了不少,現在說說手機開發中也常用到的畫圖。要掌握Android的畫圖,首先就要了解一下,基本用到的圖形介面:

1.Bitmap,可以來自資源/檔案,也可以在程式中建立,實際上的功能相當於圖片的儲存空間;

2.Canvas,緊密與Bitmap聯絡,把Bitmap比喻內容的話,那麼Canvas就是提供了眾多方法操作Bitamp的平臺;

3.Paint,與Canvas緊密聯絡,是"畫板"上的筆刷工具,也用於設定View控制元件上的樣式; 

4.Drawable,如果說前三者是看不見地在記憶體中畫圖,那麼Drawable就是把前三者繪圖結果表現出來的介面。Drawable多個子類,例如:點陣圖(BitmapDrawable)、圖形(ShapeDrawable)、圖層(LayerDrawable)等。

 

本文主要講解如何在ImageView畫圖,以及如何直接在Button(繼承View的控制元件)上面繪製自定義影象。

直接把資源圖片畫出來

 

 

在ImageView上畫圖以及繪字

 

 

直接在控制元件背景上畫圖

 

main.xml的原始碼:

[xhtml] view plain copy print ?
  1. <?xml version="1.0"
     encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     >  
  7. <Button android:id="@+id/Button01" android:layout_width="fill_parent" android:layout_height="44px" android:text="顯示資源圖片"></Button>  
  8. <Button android:id="@+id/Button02" android:layout_width="fill_parent" android:layout_height="44px" android:text="顯示並繪畫資源圖片"></Button>  
  9. <Button android:id="@+id/Button03" android:layout_height="44px" android:layout_width="fill_parent" android:text="在控制元件上繪圖"></Button>  
  10. <ImageView android:id="@+id/ImageView01" android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView>  
  11.   
  12. </LinearLayout>  
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    ><Button android:id="@+id/Button01" android:layout_width="fill_parent" android:layout_height="44px" android:text="顯示資源圖片"></Button><Button android:id="@+id/Button02" android:layout_width="fill_parent" android:layout_height="44px" android:text="顯示並繪畫資源圖片"></Button><Button android:id="@+id/Button03" android:layout_height="44px" android:layout_width="fill_parent" android:text="在控制元件上繪圖"></Button><ImageView android:id="@+id/ImageView01" android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView></LinearLayout>

 

程式的原始碼:

 

[java] view plain copy print ?
  1. package com.testDraw;  
  2.   
  3. import android.app.Activity;  
  4. import android.content.res.Resources;  
  5. import android.graphics.Bitmap;  
  6. import android.graphics.Bitmap.Config;  
  7. import android.graphics.BitmapFactory;  
  8. import android.graphics.Canvas;  
  9. import android.graphics.Color;  
  10. import android.graphics.Paint;  
  11. import android.graphics.Typeface;  
  12. import android.graphics.drawable.BitmapDrawable;  
  13. import android.graphics.drawable.Drawable;  
  14. import android.os.Bundle;  
  15. import android.view.View;  
  16. import android.widget.Button;  
  17. import android.widget.ImageView;  
  18.   
  19. public class testDraw extends Activity {  
  20.       
  21.     ImageView iv;  
  22.     Button btn1,btn2,btn3,btn4;  
  23.     Resources r;  
  24.     @Override  
  25.     public void onCreate(Bundle savedInstanceState) {  
  26.         super.onCreate(savedInstanceState);  
  27.         setContentView(R.layout.main);  
  28.         iv=(ImageView)this.findViewById(R.id.ImageView01);  
  29.         btn1=(Button)this.findViewById(R.id.Button01);  
  30.         btn2=(Button)this.findViewById(R.id.Button02);  
  31.         btn3=(Button)this.findViewById(R.id.Button03);  
  32.   
  33.         btn1.setOnClickListener(new ClickEvent());  
  34.         btn2.setOnClickListener(new ClickEvent());  
  35.         btn3.setOnClickListener(new ClickEvent());  
  36.           
  37.         r = this.getResources();  
  38.   
  39.     
  40.     }  
  41.     class ClickEvent implements View.OnClickListener {  
  42.   
  43.         public void onClick(View v) {  
  44.             if(v==btn1)//顯示資源圖片  
  45.             {//功能等效  
  46.                 //iv.setBackgroundResource(R.drawable.icon);//開啟資源圖片  
  47.                 Bitmap bmp=BitmapFactory.decodeResource(r, R.drawable.icon);//開啟資源圖片  
  48.                 iv.setImageBitmap(bmp);  
  49.             }  
  50.             else if(v==btn2)//顯示並繪畫資源圖片  
  51.             {  
  52.                 Bitmap bmp=BitmapFactory.decodeResource(r, R.drawable.icon);//只讀,不能直接在bmp上畫  
  53.                 Bitmap newb = Bitmap.createBitmap( 300300, Config.ARGB_8888 );  
  54.                   
  55.                 Canvas canvasTemp = new Canvas( newb );  
  56.                 canvasTemp.drawColor(Color.TRANSPARENT);  
  57.                   
  58.                 Paint p = new Paint();  
  59.                 String familyName ="宋體";  
  60.                 Typeface font = Typeface.create(familyName,Typeface.BOLD);  
  61.                 p.setColor(Color.RED);  
  62.                 p.setTypeface(font);  
  63.                 p.setTextSize(22);  
  64.                 canvasTemp.drawText("寫字。。。",50,50,p);  
  65.                 canvasTemp.drawBitmap(bmp, 5050, p);//畫圖  
  66.                 iv.setImageBitmap(newb);  
  67.             }  
  68.             else if(v==btn3)//直接在Button上繪圖  
  69.             {  
  70.                 Bitmap newb = Bitmap.createBitmap( btn3.getWidth(), btn3.getHeight(), Config.ARGB_8888 );  
  71.                 Canvas canvasTemp = new Canvas( newb );  
  72.                 canvasTemp.drawColor(Color.WHITE);  
  73.                 Paint p = new Paint();  
  74.                 String familyName = "宋體";  
  75.                 Typeface font = Typeface.create(familyName, Typeface.BOLD);  
  76.                 p.setColor(Color.RED);  
  77.                 p.setTypeface(font);  
  78.                 p.setTextSize(20);  
  79.                 canvasTemp.drawText("寫字。。。"3030, p);  
  80.                 Drawable drawable = new BitmapDrawable(newb);  
  81.                 btn3.setBackgroundDrawable(drawable);  
  82.             }  
  83.         }  
  84.           
  85.     }  
  86.   
  87. }  
package com.testDraw;import android.app.Activity;import android.content.res.Resources;import android.graphics.Bitmap;import android.graphics.Bitmap.Config;import android.graphics.BitmapFactory;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Typeface;import android.graphics.drawable.BitmapDrawable;import android.graphics.drawable.Drawable;import android.os.Bundle;import android.view.View;import android.widget.Button;import android.widget.ImageView;public class testDraw extends Activity {     ImageView iv; Button btn1,btn2,btn3,btn4; Resources r; @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        iv=(ImageView)this.findViewById(R.id.ImageView01);        btn1=(Button)this.findViewById(R.id.Button01);        btn2=(Button)this.findViewById(R.id.Button02);        btn3=(Button)this.findViewById(R.id.Button03);        btn1.setOnClickListener(new ClickEvent());        btn2.setOnClickListener(new ClickEvent());        btn3.setOnClickListener(new ClickEvent());                r = this.getResources();      } class ClickEvent implements View.OnClickListener {  public void onClick(View v) {   if(v==btn1)//顯示資源圖片   {//功能等效    //iv.setBackgroundResource(R.drawable.icon);//開啟資源圖片    Bitmap bmp=BitmapFactory.decodeResource(r, R.drawable.icon);//開啟資源圖片    iv.setImageBitmap(bmp);   }   else if(v==btn2)//顯示並繪畫資源圖片   {          Bitmap bmp=BitmapFactory.decodeResource(r, R.drawable.icon);//只讀,不能直接在bmp上畫          Bitmap newb = Bitmap.createBitmap( 300, 300, Config.ARGB_8888 );                    Canvas canvasTemp = new Canvas( newb );          canvasTemp.drawColor(Color.TRANSPARENT);                    Paint p = new Paint();          String familyName ="宋體";          Typeface font = Typeface.create(familyName,Typeface.BOLD);          p.setColor(Color.RED);          p.setTypeface(font);          p.setTextSize(22);          canvasTemp.drawText("寫字。。。",50,50,p);          canvasTemp.drawBitmap(bmp, 50, 50, p);//畫圖          iv.setImageBitmap(newb);   }   else if(v==btn3)//直接在Button上繪圖   {    Bitmap newb = Bitmap.createBitmap( btn3.getWidth(), btn3.getHeight(), Config.ARGB_8888 );    Canvas canvasTemp = new Canvas( newb );       canvasTemp.drawColor(Color.WHITE);       Paint p = new Paint();    String familyName = "宋體";    Typeface font = Typeface.create(familyName, Typeface.BOLD);    p.setColor(Color.RED);    p.setTypeface(font);    p.setTextSize(20);    canvasTemp.drawText("寫字。。。", 30, 30, p);    Drawable drawable = new BitmapDrawable(newb);    btn3.setBackgroundDrawable(drawable);   }  }   }}

           

給我老師的人工智慧教程打call!http://blog.csdn.net/jiangjunshow

這裡寫圖片描述