Android ICON生成及优化

Android系统中Launcher桌面图标简答来讲就是通过PackageManager获取对应APP的Icon即可,所获取的ICON就是简单地标准图标,对于Android来说,其标准的ICON为72*72简单桌面实现可以直接根据自身ICON标准,对该icon进行放大缩小后绘制即可。不过就目前来说,由于Android并未规定图标的标准样式,所以各家所制作的ICON各式各样,有的就是简单图标,有的是在方形背板基础上绘制ICON。所以各家桌面在自己绘制ICON时,都会对其增加背板,以统一各厂家APP图标,以标准的样式进行展示。如果背板是标准的,那问题也很好办,例如背板80*80的方形,图标缩放为72*72,直接绘制在(4,4)的位置即可。而随着各家桌面的不断进化,对图标绘制的要求也越来越高,各家允许使用自定义的背板,简单来说就是背板可以使方的、圆的、甚至是不规则的图形。这就使得ICON绘制时不能采用预定义配置的方式,需要根据背板的实际样式对ICON进行裁剪后绘制。简单来说就是按照背板的样式裁剪ICON,使ICON在背板中留出一定宽度的边沿后,在背板正中心位置进行绘制。

初拿到这个需求后,稍稍一考虑,很简单!从实现角度分析需求就是按照比背板小的边缘对ICON进行裁剪。分解来说就是:1.如何识别背板的边缘。2.如何进行裁剪。背板的边缘很好识别,通过getAlpha获取背板的Alpha即可。如何裁剪那,有点图像处理知识的就知道,只需要通过简单地4点采样,判断当前点是否需要切掉即可。说干就干,第一版的代码如下:

	/**/
    /*背板留出5像素边*/
    private static final int EDGE_WIDTH = 5;
    /*alpha值的最低值,低于该值则认为是透明*/
    private static final int ALPHA_BLUR = 200;
    /**
     * 返回图标按背板裁剪后得Bitmap
     * @param background 背板的Bitmap
     * @param icon 图标的Bitmap
     * */
    public static Bitmap getBitmapWithNoScale(Drawable background, Bitmap icon){
        /*首先调整icon大小与背板一致,通过缩放或居中显示*/
        if(icon.getWidth() > background.getIntrinsicWidth()){
            
          icon = Bitmap.createScaledBitmap(icon, background.getIntrinsicWidth(), background.getIntrinsicHeight(), true);
         }
        if(icon.getWidth() < background.getIntrinsicWidth() ){
            Bitmap tmp = null;
            try {
                tmp = Bitmap.createBitmap(background.getIntrinsicWidth(), background.getIntrinsicHeight(), Bitmap.Config.ARGB_8888);
            } catch (OutOfMemoryError e) {
                // 如果发生了OOM问题, 重新申请一次
                tmp = Bitmap.createBitmap(background.getIntrinsicWidth(), background.getIntrinsicHeight(), Bitmap.Config.ARGB_8888);
                e.printStackTrace();
            }
            

            Canvas mCanvas = new Canvas(tmp);
            mCanvas.drawBitmap(icon,(background.getIntrinsicWidth()-icon.getWidth())/2,(background.getIntrinsicHeight()-icon.getHeight())/2, null);
            icon = tmp;
        }
        return getBitmapAlpha(background, icon);
        
    }
    
    private static ImageView mGarbage ;
    
    /*obj 背板,res 图标*/
    private static Bitmap getBitmapAlpha(Drawable backgroundDrawable, Bitmap icon){
//        Bitmap myAlpha = obj.extractAlpha();
        Bitmap background = ((BitmapDrawable)backgroundDrawable).getBitmap();
        Bitmap alpha2 = background.extractAlpha();

        int back_width = background.getWidth();
        int back_height = background.getHeight();
        int icon_width = icon.getWidth();
        int icon_height = icon.getHeight();
        int alpha_arr[] = new int[back_width*back_height];
        alpha2 = alpha2.copy(Config.ARGB_8888, true);
        alpha2.getPixels(alpha_arr, 0, back_width, 0, 0, back_width, back_height);

        int icon_arr[] = new int[icon_width*icon_height];
        icon.getPixels(icon_arr, 0, icon_width, 0, 0, icon_width, icon_height);
        
        int back_startx = 0, back_starty = 0, back_endx = 0, back_endy = 0;
        /*在图标比背板小的情况下,图标在背板中心位置,相对于背板的位置*/
        int icon_startx,icon_starty,icon_endx,icon_endy;
        int icon_offset = 0;
        if(icon_width < back_width){
            /*图标比较小哈,将其居中显示裁剪*/
            Log.e("pluszhang","get icon smaller");
            back_startx = EDGE_WIDTH;
            back_endx = back_width-EDGE_WIDTH-1;
            back_starty = EDGE_WIDTH;
            back_endy = back_height-EDGE_WIDTH-1;
            icon_offset = back_width-icon_width > EDGE_WIDTH*2?0:EDGE_WIDTH-(back_width-icon_width)/2;
        }
        else if(icon_width == back_width){
            /*直接裁剪即可*/
            back_startx = EDGE_WIDTH;
            back_endx = back_width-EDGE_WIDTH-1;
            back_starty = EDGE_WIDTH;
            back_endy = back_height-EDGE_WIDTH-1;
            
        }

        for(int i=0; i<icon_height;i++){
            for(int j=0; j<icon_width;j++){
                if(i<back_starty||i>back_endy||j<back_startx||j>back_endx){
                    icon_arr[i*icon_width+j] = 0;
                }
                else{
                    if((alpha_arr[(i-EDGE_WIDTH)*back_width+j] >> 24 &0xff) < ALPHA_BLUR ||
                            (alpha_arr[(i+EDGE_WIDTH)*back_width+j]  >> 24&0xff)< ALPHA_BLUR ||
                            (alpha_arr[(j-EDGE_WIDTH)+i*back_width]  >> 24&0xff)< ALPHA_BLUR ||
                            (alpha_arr[(j+EDGE_WIDTH)+i*back_width]  >> 24&0xff)< ALPHA_BLUR){
                        icon_arr[i*icon_width+j] = 0;
                    } 
                }
            }
        }
        mGarbage.setBackgroundDrawable(backgroundDrawable);   
        mGarbage.setImageBitmap(Bitmap.createBitmap(icon_arr, icon_width, icon_height, Config.ARGB_8888));
        return mGarbage.getDrawingCache();
    }

以上这段代码是采用切的方法实现对图标处理方法,主要来讲就是首先进行标准化,将ICON与背板处理到相同大小,只缩不放大,防止ICON变形,通过背板的Alpha视图,采样绘制ICON,最终实现对ICON的绘制。通过对上述代码分析,由于对图标采用的是扫描方式进行处理,也就是说80X80的图标,要计算6400次,一个图标还好,要是有2,3百个图标,效率确实有些低。关键是效果不太好,由于该方法采用的是采样的方式,对于背板特别不规则的会导致图标边缘切割有许多毛刺,这个问题是该算法自身的问题,采用切的算法,不会有更好的效果,这是该算法本身决定的,如果要达到最优效果,只有更换算法换一种思路。

既然用切的方法不好,就只能更换一种思路,通过对Canvas,Paint等绘制类的仔细分析,发现另外一种方法,缩,简单来说就是把图标先按照背板边缘绘制,之后对图标进行缩小后,绘制到背板上。利用Canvas,Paint的简单组合,很容易实现图标按背板边缘的绘制,这里及一定要介绍Paint的setXfermode方法,该方法就是根据Canvas背板图片与绘制图片的分层及相与、或关系,绘制不同的部分。具体模式对应关系如下:

 

需要注意的是dst与src的关系,Canvas上原有的Bitmap是dst,而后绘制的Bitmap为src通过不同的Paint可以取得不同的二者剪切、层叠效果。我们简单实用剪切覆盖效果就可以,也就是mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));

跨过这个坎后,就是最后需要注意的就是,先缩后缩的问题了,就是在使用ICON按背板裁剪后,缩小,会对ICON进行压缩,导致内部有毛边,效果不好,采用缩的思路继续向下走,进一步分析各步骤,发现先对背板进行缩放,后对ICON按照缩小后的背板进行裁剪,合成,这样既使用的算法的优势,又避免了后期进行ICON缩放的弊端。废话不多说,代码奉上:

 

    public static void init(Context context) {
        mCanvas = new Canvas();
        mPaint = new Paint();
        mPaint.setFilterBitmap(false);
        mPaint.setAntiAlias(true);
        mPaint.setDither(true);
        mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
    }
	/**/
	/* 背板留出5像素边 */
	private static final int EDGE_WIDTH = 5;
	/* alpha值的最低值,低于该值则认为是透明 */
	private static final int ALPHA_BLUR = 200;

	/**
	 * 返回图标按背板裁剪后得Bitmap
	 * 
	 * @param background
	 *            背板的Bitmap
	 * @param icon
	 *            图标的Bitmap
	 * */
    public static Bitmap getBitmapWithNoScale(Drawable background, Bitmap icon){
        
        Bitmap background_bit = ((BitmapDrawable)background).getBitmap();
        background_bit = background_bit.copy(Bitmap.Config.ARGB_8888,true);
        Bitmap copy = background_bit.createScaledBitmap(background_bit, background_bit.getWidth()-EDGE_WIDTH*2, background_bit.getHeight()-EDGE_WIDTH*2, true);
        
        if(icon.getWidth() < background_bit.getWidth() ){
            
            Bitmap tmp = null;
            try {
                tmp = Bitmap.createBitmap(background_bit.getWidth(), background_bit.getHeight(), Bitmap.Config.ARGB_8888);
            } catch (OutOfMemoryError e) {
                // 如果发生了OOM问题, 重新申请一次
                tmp = Bitmap.createBitmap(background_bit.getWidth(), background_bit.getHeight(), Bitmap.Config.ARGB_8888);
                e.printStackTrace();
            }
            
            Canvas mCanvas = new Canvas(tmp);
            mCanvas.drawBitmap(icon,(background_bit.getWidth()-icon.getWidth())/2,(background_bit.getHeight()-icon.getHeight())/2, null);
            icon = tmp;
        }
        else{
            if(icon.getWidth() > background.getIntrinsicWidth()){
                icon = Bitmap.createScaledBitmap(icon, background.getIntrinsicWidth(), background.getIntrinsicHeight(),
                        true);
            }
            else{
                icon = icon.copy(Config.ARGB_8888, true);
            }
        }
        mCanvas.setBitmap(icon);

        mCanvas.drawBitmap(copy, EDGE_WIDTH, EDGE_WIDTH, mPaint);
        mCanvas.setBitmap(null);
        icon = icon.createBitmap(icon, EDGE_WIDTH, EDGE_WIDTH, background_bit.getWidth()-EDGE_WIDTH*2, 
                background_bit.getWidth()-EDGE_WIDTH*2);
        mCanvas.setBitmap(background_bit);
        mCanvas.drawBitmap(icon, EDGE_WIDTH,EDGE_WIDTH,null);
        mCanvas.setBitmap(null);
        return background_bit;        
    }


 

——欢迎转载,请注明出处http://blog.csdn.net/zyplus——

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值