resizableImageWithCapInsets认知和对@2x图片的理解
来源:互联网 发布:人物模型软件 编辑:程序博客网 时间:2024/06/05 19:24
1、resizableImageWithCapInsets
在很多编程语言中都有resizable image这样的概念,比如android中的NinePatch graphic ,css3中的border image,微软的Nine-Grid Rendering,还有就是iOS中UIImage的resizable image。
可以将resizable image分成9部分,通过它生成大图片的时候遵循以下规则:四个角(1,3,7,9)保持不变,上下(2,8)进行横向平铺或拉伸,左右(4,6)进行纵向的平铺或拉伸,中央(5)则是双向平铺或拉伸。
此9宫格的模型可以使用cap insets来进行描述,cap insets有四个参数,top,left,bottom,right,分别描述9宫格上左下右的大小。
capimage.py是一个使用python的PIL库写的脚本,用于将一个普通的图片去除重复部分生成一个可伸缩的图片(resizable image),这样使得图片资源的使用更加灵活和节省空间。cap image支持苹果格式的高清图片(命名格式为xxx@2x.png),脚本会智能的进行检查,上面所提及的capinsets的单位是point而非pixel,在高清的情况下1point等于2pixel。
引用:https://github.com/kejinlu/capimage
2、@2x图片和非retina图片
在retina屏幕下程序会自动寻找@2x图片,如果没有后缀为@2x图片,就会自动拉伸非@2x图片,所以尽量将你的图片都带上@2x后缀,这样就不会造成在使用resizableImageWithCapInsets时因无法找到@2x图片对原图进行拉伸进而再使用resizableImageWithCapInsets进行平铺时造成图片变形问题。
转自:http://my.oschina.net/u/557242/blog/185535
- resizableImageWithCapInsets认知和对@2x图片的理解
- resizableImageWithCapInsets对图片拉伸的使用见解
- 理解UIImage 拉伸图片 resizableImageWithCapInsets
- 对x++和++x的理解
- HTML5标签的语义认知和理解(2)
- 节选 自 林锐的《软件工程思想》 对测试的理解 和 认知
- ie和火狐在mime上对图片认知的区别
- HTML5标签的语义认知和理解
- 认知信息处理系统的认识和理解
- 带边框的UIImage图片拉伸:resizableImageWithCapInsets
- 使用 resizableImageWithCapInsets获得想要的图片
- 用对事物的认知来理解来QThread
- 个人对宝马2系的认知
- 对事务的认知
- 对线程的认知
- iPhone图片拉伸:resizableImageWithCapInsets
- iPhone图片拉伸:resizableImageWithCapInsets
- iPhone图片拉伸:resizableImageWithCapInsets
- 黑马程序员——JAVA多线程
- SQLite数据库的增删改查
- 超赞!聊聊WEB APP、HYBRID APP与NATIVE APP的设计差异
- IntelliJ Idea 常用快捷键列表
- linux习题
- resizableImageWithCapInsets认知和对@2x图片的理解
- html
- 黑马程序员--extern与函数分析
- 选择排序和 标准冒泡排序算法 (简单优化后的冒泡排序)
- 归并排序
- 深入理解学习Git工作流
- Redis命令学习-Set(集合)
- sql学习笔记(21)----------添加外键
- win8下uboot启动卡制作