带你走进 .9 图
2017-04-03 本文已影响0人
xsp单细胞
- 定义
Android 由于系统和分辨率的多样性，界面适配是让开发者头疼的问题，很多控件的切图文件在不同屏幕上被放大拉伸后，边角会模糊失真，十分丑陋；对不同的分辨率制作多个切图，又增大了安装包的大小。于是Android 专门制作了一种 .9.PNG 格式来解决这个问题。这种格式的图片能按照设定来拉伸特定区域，而不是整体放大或缩小，从而保证了图片在各个分辨率的屏幕上都可以完美展示，这种图也被称作 9Patch 图 - 资料
- 官方文档
- 工具：Draw 9-patch
- 作用
- 主要防止图片被拉伸后变形
- 图片很小，不占资源，减少 apk 的大小
- 原理
- 左：纵向拉伸时，黑点所在的横向区域可拉伸
- 上：横向拉伸时，黑点所在的纵向区域可拉伸
- 右：纵向的内容显示区域
- 下：横向的内容显示区域
- 怎么制作 .9 图
-
右击要制作的.9图-->Create 9-patch file
9-Patch
- 红色区域: 主要工作区，对图片的修改操作都在此处完成
-
绿色区域: 效果展示区域，从上到下以此是：
- 垂直拉伸效果
- 水平拉伸效果
- 整体拉伸效果
-
蓝色区域: 设置区域，可以对当前界面展示效果进行调整
- Zoom：拖动条是用来对红色区域图片进行缩放
- Patch scale：拖动条是用来对绿色区域的图片进行缩放
- Show lock：显示不可绘区域
- Show content：右、下侧所对应的内容展示区域（紫色）
- Show patches：左、上侧展示拉伸区域（粉色）
- 添加黑点：点击图片四周的透明区域
- 撤销黑点：Shift + 点击黑点
