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入门到精通教程
查看: 666|回复: 0

[默认分类] Android Bitmap和Canvas学习笔记

[复制链接]
  • TA的每日心情
    开心
    2021-12-13 21:45
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    发表于 2018-7-12 17:42:01 | 显示全部楼层 |阅读模式
    位图是我们开发中最常用的资源,毕竟一个漂亮的界面对用户是最有吸引力的。
    1. 从资源中获取位图
    可以使用BitmapDrawable或者BitmapFactory来获取资源中的位图。  
    当然,首先需要获取资源:  
            Resources res=getResources();  
    使用BitmapDrawable获取位图  

      
      
       使用BitmapDrawable (InputStream is)构造一个BitmapDrawable;
       
      
      
       使用BitmapDrawable类的getBitmap()获取得到位图;
      


    1. // 读取InputStream并得到位图
    2. InputStream is=res.openRawResource(R.drawable.pic180);
    3. BitmapDrawable bmpDraw=new BitmapDrawable(is);
    4. Bitmap bmp=bmpDraw.getBitmap();
    复制代码

    或者采用下面的方式:

    1. BitmapDrawable bmpDraw=(BitmapDrawable)res.getDrawable(R.drawable.pic180);
    2. Bitmap bmp=bmpDraw.getBitmap();
    复制代码

    使用BitmapFactory获取位图
    (Creates Bitmap objects from various sources, including files, streams, and byte-arrays.)
    使用BitmapFactory类decodeStream(InputStream is)解码位图资源,获取位图。
         Bitmap bmp=BitmapFactory.decodeResource(res, R.drawable.pic180);
    BitmapFactory的所有函数都是static,这个辅助类可以通过资源ID、路径、文件、数据流等方式来获取位图。
    以上方法在编程的时候可以自由选择,在Android SDK中说明可以支持的图片格式如下:png (preferred), jpg (acceptable), gif (discouraged),和bmp(Android SDK Support Media Format)。
    2. 获取位图的信息
    要获取位图信息,比如位图大小、像素、density、透明度、颜色格式等,获取得到Bitmap就迎刃而解了,这些信息在Bitmap的手册中,这里只是辅助说明以下2点:


      
       在Bitmap中对RGB颜色格式使用Bitmap.Config定义,仅包括ALPHA_8、ARGB_4444、ARGB_8888、RGB_565,缺少了一些其他的,比如说RGB_555,在开发中可能需要注意这个小问题;
      

      
       Bitmap还提供了compress()接口来压缩图片,不过AndroidSAK只支持PNG、JPG格式的压缩;其他格式的需要Android开发人员自己补充了。
      

    3. 显示位图
    显示位图可以使用核心类Canvas,通过Canvas类的drawBirmap()显示位图,或者借助于BitmapDrawable来将Bitmap绘制到Canvas。当然,也可以通过BitmapDrawable将位图显示到View中。
    转换为BitmapDrawable对象显示位图
            // 获取位图
            Bitmap bmp=BitmapFactory.decodeResource(res, R.drawable.pic180);
            // 转换为BitmapDrawable对象
            BitmapDrawable bmpDraw=new BitmapDrawable(bmp);
            // 显示位图
            ImageView iv2 = (ImageView)findViewById(R.id.ImageView02);
           iv2.setImageDrawable(bmpDraw);
    使用Canvas类显示位图
    这儿采用一个继承自View的子类Panel,在子类的OnDraw中显示

    1. public class MainActivity extends Activity {
    2.     /** Called when the activity is first created. */
    3.     @Override
    4.     public void onCreate(Bundle savedInstanceState) {
    5.         super.onCreate(savedInstanceState);
    6.         setContentView(new Panel(this));
    7.     }
    8.    
    9.     class Panel extends View{               
    10.         public Panel(Context context) {  
    11.             super(context);
    12.         }      
    13.         public void onDraw(Canvas canvas){  
    14.             Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.pic180);  
    15.             canvas.drawColor(Color.BLACK);  
    16.             canvas.drawBitmap(bmp, 10, 10, null);  
    17.         }  
    18.     }
    19. }
    复制代码

    4. 位图缩放
    (1)将一个位图按照需求重画一遍,画后的位图就是我们需要的了,与位图的显示几乎一样:drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint)。
    (2)在原有位图的基础上,缩放原位图,创建一个新的位图:CreateBitmap(Bitmap source, int x, int y, int width, int height, Matrix m, boolean filter)
    (3)借助Canvas的scale(float sx, float sy) (Preconcat the current matrix with the specified scale.),不过要注意此时整个画布都缩放了。
    (4)借助Matrix:

    1.             Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.pic180);  
    2.             Matrix matrix=new Matrix();
    3.             matrix.postScale(0.2f, 0.2f);
    4.             Bitmap dstbmp=Bitmap.createBitmap(bmp,0,0,bmp.getWidth(),
    5.             bmp.getHeight(),matrix,true);
    6.             canvas.drawColor(Color.BLACK);  
    7.             canvas.drawBitmap(dstbmp, 10, 10, null);  
    复制代码

    5. 位图旋转
    同样,位图的旋转也可以借助Matrix或者Canvas来实现。

    1.             Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.pic180);  
    2.             Matrix matrix=new Matrix();
    3.             matrix.postScale(0.8f, 0.8f);
    4.             matrix.postRotate(45);
    5.             Bitmap dstbmp=Bitmap.createBitmap(bmp,0,0,bmp.getWidth(),
    6.             bmp.getHeight(),matrix,true);
    7.             canvas.drawColor(Color.BLACK);
    8.             canvas.drawBitmap(dstbmp, 10, 10, null);
    复制代码

    旋转效果:



    6.图片水印的生成方法
    生成水印的过程。其实分为三个环节:第一,载入原始图片;第二,载入水印图片;第三,保存新的图片。


    /**  
         * create the bitmap from a byte array  
         *
         * @param src the bitmap object you want proecss
         * @param watermark the water mark above the src
         * @return return a bitmap object ,if paramter"s length is 0,return null
         */  
        private Bitmap createBitmap( Bitmap src, Bitmap watermark )   
        {   
            String tag = "createBitmap";   
            Log.d( tag, "create a new bitmap" );   
            if( src == null )   
            {   
                return null;   
            }   
       
            int w = src.getWidth();   
            int h = src.getHeight();   
            int ww = watermark.getWidth();   
            int wh = watermark.getHeight();   
            //create the new blank bitmap   
            Bitmap newb = Bitmap.createBitmap( w, h, Config.ARGB_8888 );//创建一个新的和SRC长度宽度一样的位图   
            Canvas cv = new Canvas( newb );   
            //draw src into   
            cv.drawBitmap( src, 0, 0, null );//在 0,0坐标开始画入src   
            //draw watermark into   
            cv.drawBitmap( watermark, w - ww + 5, h - wh + 5, null );//在src的右下角画入水印   
            //save all clip   
            cv.save( Canvas.ALL_SAVE_FLAG );//保存   
            //store   
            cv.restore();//存储   
            return newb;   
        }  


    7.Canvas的save和restore
    onDraw方法会传入一个Canvas对象,它是你用来绘制控件视觉界面的画布。
    在onDraw方法里,我们经常会看到调用save和restore方法,它们到底是干什么用的呢?
    ❑ save:用来保存Canvas的状态。save之后,可以调用Canvas的平移、放缩、旋转、错切、裁剪等操作。
    ❑ restore:用来恢复Canvas之前保存的状态。防止save后对Canvas执行的操作对后续的绘制有影响。
    save和restore要配对使用(restore可以比save少,但不能多),如果restore调用次数比save多,会引发Error。save和restore之间,往往夹杂的是对Canvas的特殊操作。
    例如:我们先想在画布上绘制一个右向的三角箭头,当然,我们可以直接绘制,另外,我们也可以先把画布旋转90°,画一个向上的箭头,然后再旋转回来(这种旋转操作对于画圆周上的标记非常有用)。然后,我们想在右下角有个20像素的圆,那么,onDraw中的核心代码是:
    int px = getMeasuredWidth();
    int py = getMeasuredWidth();
    // Draw background
    canvas.drawRect(0, 0, px, py, backgroundPaint);
    canvas.save();
    canvas.rotate(90, px/2, py/2);                 
    // Draw up arrow
    canvas.drawLine(px / 2, 0, 0, py / 2, linePaint);                 
    canvas.drawLine(px / 2, 0, px, py / 2, linePaint);
    canvas.drawLine(px / 2, 0, px / 2, py, linePaint);
    canvas.restore();
    // Draw circle
    canvas.drawCircle(px - 10, py - 10, 10, linePaint);
    效果如图1所示:

    如果我们不调用save和restore会是什么样子呢?如图2所示:

    从这两个图中,我们就能看到圆圈位置的明显差异。不进行Canvas的save和restore操作的话,所有的图像都是在画布旋转90°后的画布上绘制的。当执行完onDraw方法,系统自动将画布恢复回来。save和restore操作执行的时机不同,就能造成绘制的图形不同。
    本文参考: Android SDK
                   moandroid.com
                   http://www.cnblogs.com/xirihanlin/archive/2009/07/24/1530246.html
    回复

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-4-27 00:21 , Processed in 0.444908 second(s), 37 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

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