九切片_前进的火车_新浪博客

9切片

背景:很多用于背景显示的图片,本身内容很简单,有规律的重复,那么,没有必要做一张很大的图片,可以将图片切割成不同的区域,有的区域保持不变,有的区域进行复制或拉伸,从而实现通过编程的手段,来实现图片的有规律的方法或缩小

为什么是9切片?

  将图片横向切两刀,纵向切两刀,就分成了9个区域,其中最外边的四个角区域,属于不会被改变,保持原样的区域,其余的5个区域,就可以进行复制或拉伸,从而实现图片变大或缩小

如何实现切片?

  方式一:在Xcode的资源库中,选定要切的图片后直接点show slicing,拖拽三根线,设定区域, 第一条往左 往上 为不变的部分,第三条往右 往下 不变的部分, 第一条和第二条之间的部分为拉伸(Strech)或复制(Tile)【tile瓦片】的部分,第二条和第三条之间为减掉不要的部分

  方式二:使用UIImage类的 resizableImageWithCapInsets:方法设置切分的上、左、下、右 区域即可

 CGFloat top = 10; // 顶端盖高度

    CGFloat bottom = 10 ; // 底端盖高度

    CGFloat left = 15; // 左端盖宽度

    CGFloat right = 10; // 右端盖宽度

    UIEdgeInsets insets = UIEdgeInsetsMake(top, left, bottom, right);

    // 指定为拉伸模式，伸缩后重新赋值

 

    image = [image resizableImageWithCapInsets:insets resizingMode:UIImageResizingModeStretch];