Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 500|回复: 0

android Canvas让我很困惑-  Android学习

[复制链接]

该用户从未签到

发表于 2011-10-24 14:26:07 | 显示全部楼层 |阅读模式
这篇文章请大家仔细看,多动手试试,多想想了 因为可能有些地方 有点说不清楚。

      大家都知道在我们要显示一个自己定义的View有2中方法,第一种:是直接new 一个我们的View对象并且setContentView(myView); 假如我们自己定义的View对象叫myView  其实我们在Activity里边就2行代码就搞定了java代码
MyView myView = new MyView(this);  

       setContentView(myView);  
复制代码第二种方式就是 把它放到我们的布局文件中,例如这样<xiaohang.zhimeng.MyView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
其中xiaohang.zhimeng 是我们的包名。 用这种方式 必须在我们自定义的View类也就是MyView里边 加上这样个构造方法Java代码
public MyView(Context context, AttributeSet attributeSet){  

    super(context, attributeSet);  

}  
复制代码







就是 一个图像旋转的例子 我们上代码吧。
testActivity我们的Activity类
Java代码
package testView.moandroid;



import android.app.Activity;

import android.os.Bundle;



public class testActivity extends Activity {

        private testView mTestview;

    /** Called when the activity is first created. */

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        mTestview = (testView) findViewById(R.id.testView);

        mTestview.initBitmap(320,240,0xcccccc);

    }

}
复制代码
布局文件
<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<testView.moandroid.testView

android:id="@+id/testView"

android:layout_width="fill_parent"

     android:layout_height="fill_parent"

     tileSize="12"/>

</FrameLayout>
复制代码


testView类 这个类就是我们自己定义的View类了 这里我们把它放在布局文件中加载进来
Java代码
package testView.moandroid;



import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Matrix;

import android.graphics.Paint;

import android.graphics.Typeface;

import android.graphics.Bitmap.Config;

import android.util.AttributeSet;

import android.view.View;



public class testView extends View {

        private Bitmap mbmpTest = null;

        private final Paint mPaint = new Paint();

        private final String mstrTitle = "感受Android带给我们的新体验";



        public testView(Context context, AttributeSet attrs, int defStyle) {

                super(context, attrs, defStyle);

                mPaint.setColor(Color.GREEN);

        }



        public testView(Context context, AttributeSet attrs) {

                super(context, attrs);

                mPaint.setColor(Color.GREEN);

        }



        public boolean initBitmap(int w, int h, int c) {

//返回具有指定宽度和高度可变的位图,它的初始密度可以调用getDensity()

                mbmpTest = Bitmap.createBitmap(w, h, Config.ARGB_8888);

//把一个具有指定的位图绘制到画布上。位图必须是可变的。

//在画布最初的目标密度是与给定的位图的密度相同,返回一个具有指定位图的画布

                Canvas canvas = new Canvas(mbmpTest);

//设置画布的颜色

                canvas.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(22);

//0,100指定文字的起始位置

                canvas.drawText(mstrTitle, 0, 100, p);

                return true;

        }



        @Override

        public void onDraw(Canvas canvas) {

                super.onDraw(canvas);

                if (mbmpTest != null) {

                        Matrix matrix = new Matrix();

                        // matrix.postScale(0.5f, 0.5f);

//以 120,120这个点位圆心 旋转90度

                        // matrix.setRotate(90,120,120);

//使用指定的矩阵绘制位图

                        canvas.drawBitmap(mbmpTest, matrix, mPaint);

                }

        }

}
复制代码好了 我不知道 大家 看完这个例子 有没有什么不明白的地方? 或者哪里有疑问?为什么要这样? 我就说说我的疑问吧,我看完这个例子就有很多问题。大家都注意到了 我们的testView里边有一个initBitmap方法 还有这么一句Java代码
canvas.drawText(mstrTitle, 0, 100, p);
复制代码
这个方法里边的 代码 请大家 一定要仔细 看看 我看完之后的疑问就是 我们在initBitmap方法里边不是都调用Java代码
canvas.drawText(mstrTitle, 0, 100, p);
复制代码
把文字画到屏幕上了吗 ?为什么还要到 onDraw里边在指定位图再画一次 ? 刚开始晕的不行 我不知道这是为什么 在这里我就不贴代码了 其实大家可以试试的 比如我自己定义一方法 我把所有的画图操作都放到我自己定义的方法里边来,我在自己 new 一个Canvas对象 并且调用它的drawBitmap 绘制位图 试试看。我就不用onDraw方法来画图。我也不用onDraw方法提供的 canvas对象。这里我就不演示了 大家 尽管自己疯狂的试试吧。 我想结果肯定是 不是异常,就是图画不出来 前提是你得用 自己 new 一个Canvas对象。就是你得用自己new 的Canvas对象去调用drawBitmap方法。

    那我为什么用自己定义的 Canvas对象就不能画出图来呢? 不知道我的意思表达清楚没有,这里 我觉得一定得多试试 了不然没体会的。其实大家可以多看看 不管是我博客的例子还是网上的例子 或者书上的例子,其实我也才学android不久 你就会发现 所有的 画图不管是简单的 花一些 几何图像 ,长方形,圆形啊。 还是 一些 图片的 旋转缩放操作啊,这些操作我的 博客里边也有  我们应该注意到它们用的都是 Draw方法提供的那个 Canvas对象。 像上边 mo-android的那个例子 它虽然 new 了一个Canvas 但是最后还得去 onDraw方法里边 用onDraw方法提供的那个 canvas对象 调用drawBitmap方法来显示位图 而这个位图恰恰是与 刚才new 的那个Canvas对象关联的。这里先给大家看几个方法吧,就是觉得应该知道或者得注意一下。
Java代码
Public Canvas(Bitmap bitmap)
复制代码构建一个具有指定位图绘制到画布上。位图必须是可变的。在画布最初的密度是与给定的位图的密度相同,这就是Canvas类的一个构造方法没什么,这里提示一下它需要的是一个 可变的位图。 下一个

Java代码
Public void setBitmap(Bitmap bitmap)
复制代码
此方法说明:指定一个可变的位图绘制到画布,画图的密度匹配位图,这也是Canvas的一个方法 也是需要一个可变的位图。

Java代码
public final boolean isMutable ()
复制代码Bitmap有这样一个方法来判断位图是否可变 如果可变返回值为true

Java代码
Bitmap bitmap = Bitmap.createBitmap(160, 250, Config.ARGB_8888);
复制代码createBitmap是Bitmap类的一个静态方法 它返回的也是一个 可变的位图。我为什么这样说呢 ?因为有图为证



Bitmap的源码里有这样一个变量Java代码
private final boolean mIsMutable;
复制代码大家注意看一下图中的mIsMutable  的值 为true 刚才上边已经说了Bitmap有一个isMutable方法可以判断一个位图是否为可变 值为true说明是可变的。

上边那个疑问,我想大家都还记得。我也在网上查了查,首先必须告诉大家我们的Canvas 类里边有 这样两个对象大家可以打开这个类的源码看看。。
Java代码
private Bitmap  mBitmap;    // if not null, mGL must be null

private GL      mGL;
复制代码在android 有这样一个概念 就是 native canvas 这里就不翻译了,不知道叫啥好。(比如什么母画布或者本地画布) 我们的native canvas 可以是屏面或者是 GL 或者 图片画布。如果是屏面,我们的GL对象 mGL将是null, mBitmap可能会也可能不会 目前(我们的默认构造方法创建一个画布,但是这个画布没有屏面) 也就是说如果你这样创建一个画布
Canvas canvas = new Canvas();  这时候这个canvas 对象 将没有屏面 也没有 java-bitmap 可以理解为java的位图 。 如果我们是以Gl 为 基础(native canvas),然后mBitmap将是空的,mGl不能为空。因此这2个对象 不可能都是非空的 因为这2个对象只要有一个不为空,另外的一个就得为空。但是有可能两个都为空。如下图




  所以我觉得那个onDraw(Canvas canvas)方法里边的那个Canvas对象和我们自己new的是有区别的,大家可以在试试 直接 用onDraw方法里边的 Canvas对象 调用 宽度和高度试试
canvas.getWidth   canvas.getHeight  得到的 是 320 和 480 也就是我屏幕的高和宽。如果你自己定义 new 一个 Canvas  这样 Canvas canvas = new Canvas()  你在用这个canvas调用高度和宽度 试试看, 我试了一下我发现者 调用高度和宽度后边的代码都不会执行了,很是奇怪呵呵,下面在来一点 关于UI的说明,参考了Android native draw
   
   在 Android 上,有一个 graphic engine ,称为 Skia 。 Skia 的功能约等于 Cairo ,功能上相似,但 Skia 没有支持 Cairo, Android 的 Java Code 都是透过 Skia 进行绘图,而 Skia 主要的 class type 是 SkCanvas ,所的有绘图功能都建立在这个 class 上。因此,如果我们能在 native code 取得 Android 所建立的 SkCanvas ,能直接使用 Skia 对画面做输出。

     在 Android 的 UI 设计里,每一个 UI component 都是一个 view ;例如: button 、 label 等等,全是 view 。当Android 要画一个view 时,会呼叫 view 的 onDraw() 画出 component 的外观。而 Android 会将一个 android.graphics.Canvas type 的物件,当成参数给 onDraw() 。 onDraw() 就在这个 canvas 上输出 component 的外观,例如画一个button 。这个 canvas 其实就对映到一个 SkCanvas ,我们只要在这个 canvas 上作画,就等于画到画面上的一个区域。

  今天又正好看到杨丰盛老师的 双缓冲的例子 我在这里把那个自定义的View类贴出来
Java代码
package com.yarin.android.Examples_05_12;



import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.Canvas;

import android.graphics.Paint;

import android.graphics.Bitmap.Config;

import android.graphics.drawable.BitmapDrawable;

import android.view.KeyEvent;

import android.view.MotionEvent;

import android.view.View;



public class GameView extends View implements Runnable

{

        /* 声明Bitmap对象 */

        Bitmap        mBitQQ        = null;

        

        Paint   mPaint = null;

        

        /* 创建一个缓冲区 */

        Bitmap        mSCBitmap = null;

        

        /* 创建Canvas对象 */

        Canvas mCanvas = null;   

        

        public GameView(Context context)

        {

                super(context);

               

                /* 装载资源 */

                mBitQQ = ((BitmapDrawable) getResources().getDrawable(R.drawable.qq)).getBitmap();

               

                /* 创建屏幕大小的缓冲区 */

                mSCBitmap=Bitmap.createBitmap(320, 480, Config.ARGB_8888);  

               

                /* 创建Canvas */

                mCanvas = new Canvas();  

               

                /* 设置将内容绘制在mSCBitmap上 */

                mCanvas.setBitmap(mSCBitmap);

               

                mPaint = new Paint();

               

                /* 将mBitQQ绘制到mSCBitmap上 */

                mCanvas.drawBitmap(mBitQQ, 0, 0, mPaint);

               

                /* 开启线程 */

                new Thread(this).start();

        }

        

        public void onDraw(Canvas canvas)

        {

                super.onDraw(canvas);

               

                /* 将mSCBitmap显示到屏幕上 */

                canvas.drawBitmap(mSCBitmap, 0, 0, mPaint);

        }

        

        // 触笔事件

        public boolean onTouchEvent(MotionEvent event)

        {

                return true;

        }





        // 按键按下事件

        public boolean onKeyDown(int keyCode, KeyEvent event)

        {

                return true;

        }





        // 按键弹起事件

        public boolean onKeyUp(int keyCode, KeyEvent event)

        {

                return false;

        }





        public boolean onKeyMultiple(int keyCode, int repeatCount, KeyEvent event)

        {

                return true;

        }

        

        

        /**

         * 线程处理

         */

        public void run()

        {

                while (!Thread.currentThread().isInterrupted())

                {

                        try

                        {

                                Thread.sleep(100);

                        }

                        catch (InterruptedException e)

                        {

                                Thread.currentThread().interrupt();

                        }

                        //使用postInvalidate可以直接在线程中更新界面

                        postInvalidate();

                }

        }

}
复制代码
首先先不说它有没有双缓冲,好像没有但是又有点那个意思。 呵呵。请大家注意看这个类的构造方法吧 然后再和上边 moandroid那个例子 对比 看看有没有什么相似的地方。我看到这例子和看到上边那个例子 的疑问 一样 就是 在 GameView类里边我们已经 执行了
Java代码
/* 将mBitQQ绘制到mSCBitmap上 */

                mCanvas.drawBitmap(mBitQQ, 0, 0, mPaint);
复制代码这句 为什么 又跑到 onDraw方法 指定位图然后显示到屏幕上。 呵呵。发现论坛上也有一些人 困惑这里。 希望高手能表达一下观点,最好整理一篇文章出来 呵呵,让我们这些新学的菜鸟 更明白些。期待大家自由表达自己的观点。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

GMT+8, 2025-1-11 11:12 , Processed in 0.303582 second(s), 36 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表