`
WORM
  • 浏览: 19394 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

【教程】使用android.graphics类的简单范例

 
阅读更多

范例说明

   “如何在和机上绘制2D图形呢?”这是许多android游戏开发都是常提到的问题,在android SDK 当中,并没有Java Graphics2D的函数可以使用,而是使用android.graphics底下的类来绘制2D向量图。这个package提供了许多在手机上绘制图形的类与方法,其中Canvas上,而Paint(Android.graphics.Paint)类则像是彩色铅笔,给予不同的调协,即可绘制不同颜色、不同种类效果的向量图形。

    本范例将运用Paint对象(绘笔)的设置值不同,在Cavas(画布)上绘制空心、实习及渐变色的多种几何多形。

运行结果如果

 

2010081910543678.jpg

 

 










范例程序

   主程序中继承自Android.view.View的 MyView类,重写 MyView的onDraw()方法,一开始就会运行绘制的工作,在onDraw()中以Paint将几何图形绘制在Canvas上,以paint.setColor() 改变图形颜色、以 paint.setStyle()的设置来控制画出的的图形是空心还是实心。程序的最后一段,就是直接在Canvas写上文字,随着Paint对象里的属性设置,也会有不同的外观模式。

package com.graphices;

 

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Path;
import android.graphics.Shader;
import android.graphics.LinearGradient;
public class GraphicesActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        /*设置ContentView为自定义的MyVieW*/
        MyView myView=new MyView(this);
        setContentView(myView);
    }
    /* 自定义继承View 的MyView*/
private class MyView extends View
{
     public MyView(Context context){
        super(context) ;
     }
     /*重写onDraw()*/
     @Override
     protected void onDraw(Canvas canvas)
     {   
         super.onDraw(canvas);
         /*设置背景为白色*/
         canvas.drawColor(Color.WHITE);
          Paint paint=new Paint();
          /*去锯齿*/
          paint.setAntiAlias(true);
          /*设置paint的颜色*/
          paint.setColor(Color.RED);
          /*设置paint的 style 为STROKE:空心*/
          paint.setStyle(Paint.Style.STROKE);
          /*设置paint的外框宽度*/
          paint.setStrokeWidth(3);
          /*画一个空心圆形*/
          canvas.drawCircle(40, 40, 30, paint);
          /*画一个空心正方形*/
          canvas.drawRect(10, 90, 70, 150, paint);
          /*画一个空心长方形*/
          canvas.drawRect(10, 170, 70,200, paint);
          /*画一个空心椭圆形*/
          RectF re=new RectF(10,220,70,250);
          canvas.drawOval(re, paint);
          /*画一个空心三角形*/
          Path path=new Path();
          path.moveTo(10, 330);
          path.lineTo(70,330);
          path.lineTo(40,270);
          path.close();
          canvas.drawPath(path, paint);
          /*画一个空心梯形*/
          Path path1=new Path();
          path1.moveTo(10, 410);
          path1.lineTo(70,410);
          path1.lineTo(55,350);
          path1.lineTo(25, 350);
          path1.close();
          canvas.drawPath(path1, paint);
         
          /*设置paint 的style为 FILL:实心*/
          paint.setStyle(Paint.Style.FILL);
          /*设置paint的颜色*/
          paint.setColor(Color.BLUE);
          /*画一个实心圆*/
          canvas.drawCircle(120,40,30, paint);
          /*画一个实心正方形*/
          canvas.drawRect(90, 90, 150, 150, paint);
          /*画一个实心长方形*/
          canvas.drawRect(90, 170, 150,200, paint);
          /*画一个实心椭圆*/
          RectF re2=new RectF(90,220,150,250);
          canvas.drawOval(re2, paint);
          /*画一个实心三角形*/
          Path path2=new Path();
          path2.moveTo(90, 330);
          path2.lineTo(150,330);
          path2.lineTo(120,270);
          path2.close();
          canvas.drawPath(path2, paint);
          /*画一个实心梯形*/
          Path path3=new Path();
          path3.moveTo(90, 410);
          path3.lineTo(150,410);
          path3.lineTo(135,350);
          path3.lineTo(105, 350);
          path3.close();
          canvas.drawPath(path3, paint);
          /*设置渐变色*/
          Shader mShader=new LinearGradient(0,0,100,100,
                  new int[]{Color.RED,Color.GREEN,Color.BLUE,Color.YELLOW},
                  null,Shader.TileMode.REPEAT);
          paint.setShader(mShader);
        
          /*画一个渐变色圆*/
          canvas.drawCircle(200,40,30, paint);
          /*画一个渐变色正方形*/
          canvas.drawRect(170, 90, 230, 150, paint);
          /*画一个渐变色长方形*/
          canvas.drawRect(170, 170, 230,200, paint);
          /*画一个渐变色椭圆*/
          RectF re3=new RectF(170,220,230,250);
          canvas.drawOval(re3, paint);
          /*画一个渐变色三角形*/
          Path path4=new Path();
          path4.moveTo(170,330);
          path4.lineTo(230,330);
          path4.lineTo(200,270);
          path4.close();
          canvas.drawPath(path4, paint);
          /*画一个渐变色梯形*/
          Path path5=new Path();
          path5.moveTo(170, 410);
          path5.lineTo(230,410);
          path5.lineTo(215,350);
          path5.lineTo(185, 350);
          path5.close();
          canvas.drawPath(path5, paint);
         
          /*写字*/
          paint.setTextSize(24);
          canvas.drawText(getResources().getString(R.string.str_text1), 240, 50, paint);
          canvas.drawText(getResources().getString(R.string.str_text2), 240, 120, paint);
          canvas.drawText(getResources().getString(R.string.str_text3), 240, 190, paint);
          canvas.drawText(getResources().getString(R.string.str_text4), 240, 250, paint);
          canvas.drawText(getResources().getString(R.string.str_text5), 240, 320, paint);
          canvas.drawText(getResources().getString(R.string.str_text6), 240, 390, paint);  
     }
}
}


转自:http://www.apkbus.com/forum.php?mod=viewthread&tid=80692

分享到:
评论

相关推荐

    Google Android SDK开发范例大全(PDF完整版4)(4-4)

    7.2 绘制几何图形——使用android.graphics类 7.3 手机屏幕保护程序——FadeIn/FadeOut特效与运行线程 7.4 用手指移动画面里的照片——onTouchEvent事件判断 7.5 加载存储卡的Gallery相簿——FileArrayList 7.6 取得...

    Google Android SDK开发范例大全(PDF高清完整版1)(4-1)

    7.2 绘制几何图形——使用android.graphics类 7.3 手机屏幕保护程序——FadeIn/FadeOut特效与运行线程 7.4 用手指移动画面里的照片——onTouchEvent事件判断 7.5 加载存储卡的Gallery相簿——FileArrayList 7.6 取得...

    Google Android SDK开发范例大全的目录

    7.2 绘制几何图形——使用android.graphics类 7.3 手机屏幕保护程序——FadeIn/FadeOut特效与运行线程 7.4 用手指移动画面里的照片——onTouchEvent事件判断 7.5 加载存储卡的Gallery相簿——FileArrayList 7.6 取得...

    Google Android SDK开发范例大全(完整版附部分源码).pdf

    7.2 绘制几何图形——使用android.graphics类 7.3 手机屏幕保护程序——FadeIn/FadeOut特效与运行线程 7.4 用手指移动画面里的照片——onTouchEvent事件判断 7.5 加载存储卡的Gallery相簿——FileArrayList 7.6 ...

    Google Android SDK开发范例大全(PDF高清完整版3)(4-3)

    7.2 绘制几何图形——使用android.graphics类 7.3 手机屏幕保护程序——FadeIn/FadeOut特效与运行线程 7.4 用手指移动画面里的照片——onTouchEvent事件判断 7.5 加载存储卡的Gallery相簿——FileArrayList 7.6 取得...

    Google+Android+SDK开发范例大全

    filter协同作业 6.17 双向短信常驻服务——Service与receiver实例 第7章 娱乐多媒体 7.1 访问Drawable资源的宽高——ContextMenu与Bitmap的应用 7.2 绘制几何图形——使用android.graphics类 7.3 手机屏幕保护程序...

    Google Android SDK 开发范例大全01

    7.2 绘制几何图形——使用android.graphics类 7.3 手机屏幕保护程序——FadeIn/FadeOut特效与运行线程 7.4 用手指移动画面里的照片——onTouchEvent事件判断 7.5 加载存储卡的Gallery相簿——FileArrayList 7.6 取得...

    Google Android SDK 开发范例大全02

    7.2 绘制几何图形——使用android.graphics类 7.3 手机屏幕保护程序——FadeIn/FadeOut特效与运行线程 7.4 用手指移动画面里的照片——onTouchEvent事件判断 7.5 加载存储卡的Gallery相簿——FileArrayList 7.6 取得...

    Google Android sdk 开发范例大全 部分章节代码

    7.2 绘制几何图形——使用android.graphics类 7.3 手机屏幕保护程序——FadeIn/FadeOut特效与运行线程 7.4 用手指移动画面里的照片——onTouchEvent事件判断 7.5 加载存储卡的Gallery相簿——FileArrayList 7.6 取得...

    Google Android SDK开发范例大全(完整版)

    7.2 绘制几何图形——使用android.graphics类 7.3 手机屏幕保护程序——FadeIn/FadeOut特效与运行线程 7.4 用手指移动画面里的照片——onTouchEvent事件判断 7.5 加载存储卡的Gallery相簿——FileArrayList 7.6 取得...

    Android应用开发揭秘pdf高清版

    它还以迭代的方式重现了各种常用的Android应用和经典Android游戏的开发全过程,既可以以它们为范例进行实战演练,又可以将它们直接应用到实际开发中去。 目录 -------------------------------------------------...

    JAVA上百实例源码以及开源项目源代码

    Java从网络取得文件 1个目标文件 简单 Java从压缩包中提取文件 1个目标文件 简单 Java存储与读取对象 1个目标文件 如题 Java调色板面板源代码 1个目标文件 摘要:Java源码,窗体界面,调色板 使用Java语言编写的一款...

    JAVA上百实例源码以及开源项目

    此时此景,笔者只专注Android、Iphone等移动平台开发,看着这些源码心中有万分感慨,写此文章纪念那时那景! Java 源码包 Applet钢琴模拟程序java源码 2个目标文件,提供基本的音乐编辑功能。编辑音乐软件的朋友,这...

    JFMinimalNotifications:一个iOS UIView,用于呈现不阻塞UI且可高度配置的简约通知

    在应用程序的项目应用程序目标设置中,找到“构建阶段”部分,然后打开“使用库链接二进制文件”块,然后单击“ +”按钮并选择“ CoreGraphics.framework”。如何使用它:基本范例- ( void )viewDidLoad{ [ super ...

Global site tag (gtag.js) - Google Analytics