关键词：PAG动画拉伸不变形、PAG动图跟点9图一样拉伸、PAG动图拉伸、PAG拉伸放大。
一、点9图是什么?
点9图，是Android开发中用到的一种特殊格式的图片，文件名以".9.png"命名。这种图片可以定义图片哪部分可以被拉伸，哪部分不能被拉伸保持原来的比例。运用点九图可以保证图片在不模糊变形的前提下做到自适应，常用于对话框和聊天气泡背景图片中。
聊天界面.png
二、PAG动图是什么？
PAG.png
PAG是腾讯公司自主研发的一套完整动画工作流解决方案。PAG动图则是其对应的图片。
参考资料:
比Lottie还好用！腾讯新晋免费动效设计神器 PAG
可能是最佳动效方案！腾讯免费动效设计神器 PAG
三、如何实现与点9图等效的拉伸显示效果
了解PAG动图的伙伴们会知道，PAG图片只能像普通图片一样实现等比放大，裁切放大等几种模式，并不能按照点9图所能实现的那样按照预期伸缩区域拉伸放大。
经过研究和努力尝试，初步验证并实现了能够实现此功能的方法。
定义点与其划分的9个区域.png
设有固定点A及点B可将整改图片区域划分4个不可变区(4个角)、2个横向拉伸区(上下)：2个竖向拉伸区(左右)，和一个等比放大区(中间)；
实现原理大致如下：
1）定义两个点A及点B，将区域划分为9个长方形区域；
2）对PAG播放动画帧进行复制，应用适当的裁剪分别将4个角复制到4个不可变区；
3）对上下左右及中间部分按需进行放大拉伸。
四、实现效果
-
静态效果
第一个是动图原始比例显示效果与其他的不同的拉伸程度演示效果
-
动态展示效果(因简书限制可能没有GIF效果)
GIF演示效果
GIF演示效果(带调试区域线)
两张GIF图片地址(手动拼接)
- https://
【删除】gitee.com/【删除】chockqiu/【删除】animation-views/raw/master/img/pag_gif1.gif - https://
【删除】gitee.com/【删除】chockqiu/【删除】animation-views/raw/master/img/pag_gif2.gif
网友评论