带你走进 .9 图

作者: xsp单细胞 | 来源:发表于2017-04-03 16:06 被阅读0次
    • 定义
      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 + 点击黑点

    相关文章

      网友评论

        本文标题:带你走进 .9 图

        本文链接:https://www.haomeiwen.com/subject/jyziottx.html