- 定义
Android 由于系统和分辨率的多样性,界面适配是让开发者头疼的问题,很多控件的切图文件在不同屏幕上被放大拉伸后,边角会模糊失真,十分丑陋;对不同的分辨率制作多个切图,又增大了安装包的大小。于是Android 专门制作了一种 .9.PNG 格式来解决这个问题。这种格式的图片能按照设定来拉伸特定区域,而不是整体放大或缩小,从而保证了图片在各个分辨率的屏幕上都可以完美展示,这种图也被称作 9Patch 图 - 资料
- 官方文档
- 工具:Draw 9-patch
- 作用
- 主要防止图片被拉伸后变形
- 图片很小,不占资源,减少 apk 的大小
- 原理
- 左:纵向拉伸时,黑点所在的横向区域可拉伸
- 上:横向拉伸时,黑点所在的纵向区域可拉伸
- 右:纵向的内容显示区域
- 下:横向的内容显示区域
- 怎么制作 .9 图
-
右击要制作的.9图-->Create 9-patch file
- 红色区域: 主要工作区,对图片的修改操作都在此处完成
-
绿色区域: 效果展示区域,从上到下以此是:
- 垂直拉伸效果
- 水平拉伸效果
- 整体拉伸效果
-
蓝色区域: 设置区域,可以对当前界面展示效果进行调整
- Zoom:拖动条是用来对红色区域图片进行缩放
- Patch scale:拖动条是用来对绿色区域的图片进行缩放
- Show lock:显示不可绘区域
- Show content:右、下侧所对应的内容展示区域(紫色)
- Show patches:左、上侧展示拉伸区域(粉色)
- 添加黑点:点击图片四周的透明区域
- 撤销黑点:Shift + 点击黑点
带你走进 .9 图
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 本文参考自: Google的官方权威适配文档 郭霖:Android官方提供的支持不同屏幕大小的全部方法 Storm...
- 前言 Android的屏幕适配一直以来都在折磨着我们Android开发者,本文将结合: Google的官方权威适配...