zoukankan      html  css  js  c++  java
  • Android之nine-patch详解

    9妹---NinePatch (SDK中/tools/draw9patch.bat),

    Android SDK中自带的一个小工具,能够对.png图片进行处理,生成一个.9.png格式的图片,

    如果使用直接.png格式的图片,图像拉伸操作时,图片就会有失真,而.9.png是Android里所支持的一种特殊的图片格式,可以实现部分拉伸,

    NinePatch的使用:

    画出2条线,确定图片的缩放区域,之所以叫9妹,因为她是将图片分为9个块,绿色的为不可缩放部分,红色的是可缩放部分,


    直接缩放效果和使用9妹处理后的效果:


    下面看一下实际效果,
      
     

    [java]public class TestActivity extends Activity  { 
     
        @Override 
        public void onCreate(Bundle savedInstanceState) { 
            super.onCreate(savedInstanceState); 
            setContentView(new MyView(this)); 
        } 

     
    class MyView extends View{ 
        Bitmap bm1,bm2; 
        Paint paint=new Paint(); 
        public MyView(Context context) { 
            super(context); 
            bm1 = BitmapFactory.decodeResource(getResources(), R.drawable.t1);   
            bm2 = BitmapFactory.decodeResource(getResources(), R.drawable.t2);  
        } 
     
        @Override 
        protected void onDraw(Canvas canvas) { 
            super.onDraw(canvas); 
            RectF rectf = new RectF(0, 0, 240, 280); 
            //普通png放大  
            canvas.drawBitmap(bm1, null, rectf, paint); 
            //创建一个ninePatch的对象实例,  
            //第一个参数是bitmap  
            //第二个参数为如何处理拉伸方式, .9.png中自身有这些信息,只需要调用getNinePatchChunk()即可  
            //第三个参数是图片名,可为空  
            NinePatch np = new NinePatch(bm2, bm2.getNinePatchChunk(), null); 
            //9妹png放大  
            np.draw(canvas, rectf); 
        } 

    public class TestActivity extends Activity  {

     @Override
     public void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(new MyView(this));
     }
    }

    class MyView extends View{
     Bitmap bm1,bm2;
     Paint paint=new Paint();
     public MyView(Context context) {
      super(context);
      bm1 = BitmapFactory.decodeResource(getResources(), R.drawable.t1); 
      bm2 = BitmapFactory.decodeResource(getResources(), R.drawable.t2);
     }

     @Override
     protected void onDraw(Canvas canvas) {
      super.onDraw(canvas);
      RectF rectf = new RectF(0, 0, 240, 280);
      //普通png放大
      canvas.drawBitmap(bm1, null, rectf, paint);
      //创建一个ninePatch的对象实例,
      //第一个参数是bitmap
      //第二个参数为如何处理拉伸方式, .9.png中自身有这些信息,只需要调用getNinePatchChunk()即可
      //第三个参数是图片名,可为空
      NinePatch np = new NinePatch(bm2, bm2.getNinePatchChunk(), null);
      //9妹png放大
      np.draw(canvas, rectf);
     }
    }Oh,9妹威武~~~


    总结:

    1.九妹将图片分为9个区域,红色部分是可伸缩部分,其他为不可伸缩部分

    2.上边,左边 交互区表示可伸缩部分;下边,右边  表示pending空间间隙

    3.上边和下边可以用一个像素点表示就可

  • 相关阅读:
    AngularJs学习笔记(一)----------关于数据绑定
    水平垂直居中常见方式总结
    左边固定,右边自适应常见方式总结
    关于JavaScript的设计模式--笔记(1)
    SQL 分组后获取其中一个字段最大值的整条记录
    .NET交流 259868462
    C#可以自动在后台为属性创建字段
    委托的一个实例
    encodeURIComponent()对js参数进行编码,防止错误值
    相同的sql 分页查询结果
  • 原文地址:https://www.cnblogs.com/jasonxcj/p/4794444.html
Copyright © 2011-2022 走看看