android 九宫格 拉伸,CAScale9ImageView(九宫格图片拉伸)

CAScale9ImageView是CrossApp中用于实现九宫格图片拉伸的组件。它通过切割图片成9部分进行不同方式的拉伸:保持角部不变形,单向拉伸边,双向拉伸中间。文章介绍了如何创建和设置CAScale9ImageView的属性,如CapInsets、InsetLeft等,以及其相关方法。
摘要由CSDN通过智能技术生成

类说明

CAScale9ImageView是CrossApp提供的一种九宫格拉伸图片的解决方案,我们先来了解一下什么是九宫格图片拉伸。

在App的设计过程中,为了适配不同的手机分辨率,图片大小需要拉伸或者压缩,这样就出现了可以任意调整大小的拉伸样式。

CAScale9ImageView 属性(点击方法名可查看方法介绍)

CAScale9ImageView 方法(点击方法名可查看方法介绍)

93d9c6adb751de9f7ea9788c6e736c22.pngCAScale9ImageView的实现非常巧妙,通过将原纹理资源切割成9部分(PS: 这也是叫九宫图的原因),根据想要的尺寸,完成以下的三个步骤:

(1)保持4个角部分不变形

(2)单向拉伸4条边(即在4个角两两之间的边,比如上边,只做横向拉伸)

(3)双向拉伸中间部分(即九宫图的中间部分,横向,纵向同时拉伸,PS:拉伸比例不一定相同)

72b0e44e1b8d86312588780a8fd4eb7f.png

实例代码:

698e29e23086c7133c43c4be73de988d.png

void FirstViewController::viewDidLoad(){

//创建

CAScale9ImageView* first9IV = CAScale9ImageView::createWithImage( CAImage::create("source_material/btn_rounded_normal.png"));

//设置显示大小(拉伸后的大小) //设置非拉伸区域为(5,5,20,20)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值