美文网首页
Android .9图(点9图) 的制作,以及遇到的问题

Android .9图(点9图) 的制作,以及遇到的问题

作者: __素颜__ | 来源:发表于2018-07-19 14:58 被阅读1546次

一.前言

今天做闪屏页面,页面的图片设置的background,不同设备的手机会有所拉伸,图片又不能剪裁,只能做成.9图。

.9图的制作

1.把四个边预留好的一像素透明区域的png图片后缀改成.9.png,放入到Android studio 对应的图片包下
2.点击查看图片,切换9-Path 查看 ,并制作


image.png

3.现在来说一下.9图四个边的意义


image.png

右下-文字的放置区域
左上-图片的拉伸区域
告诉大家一个记住的小窍门, 顺时针“右下放,左上伸”。

所以就这个图而言它的四个角不会拉伸,文字也没有放在圆角处

  1. 点9图制作完,直接在ImageView 上setBackground() 就可以了
总结:“右下放,左上伸”

二.top-left coner pixel must be either opaque white or transparent .

今天.9图让设计做的 让他们四个边预留一像素,在四个边上点上对应的点,然后导出后缀名改成.9.png 就好了,可是放在studio 里面项目跑不起来,放生了错误


image.png

意思:点9图是错误的,不符合格式,问题出在了左上两边。
仔细检查真的出了问题

image.png

这个地方是不能被画点的,我们如果用studio 自己画的话,这个区域是操作不了的,但是设计师们用PS想画哪里画哪里,所以图片出了问题,交给设计师们解决

image.png

这个就没有问题了

总结:记住四个定点是不能有操作的,如果让设计师操作,这个一定要说清楚

三.error: found an invalid color.

以上问题是解决了,可是再编译还是出问题


image.png

去百度一查,原来.9 的图片出错了 没有黑线 ,仔细一查,.9图 就左上画了下,右下没画线,怪我没和设计师说清楚,自己重新画一下就好了

总结 :.9图的四个边都要画黑线

四 com.android.builder.internal.appt.v2.Aapt2Exception:AAPT2 error:check logs for details

image.png

让设计改完 又保存,一般AAPT2错误就是资源错误,刚放完点9图就是这个图片还是有问题,仔细查找,到底是什么问题


image.png

左边不足一像素。仔细看了看图片,应该是左上角的空格不足一像素,用studio点了点,结果好了,去找设计测量下这个空格,真的不足一像素


image.png
总结 :.9图的四个定点一定要预留出来一像素的方格,可以大于但不能小于

总结 :.9图的制作还是开发自己用studio制作吧,设计做会出现一很多问题,而且不好定位问题。

相关文章

  • Android .9图(点9图) 的制作,以及遇到的问题

    一.前言 今天做闪屏页面,页面的图片设置的background,不同设备的手机会有所拉伸,图片又不能剪裁,只能做成...

  • Android .9图制作

    Android .9图制作 简单介绍下使用Android studio开发工具制作 .9图过程 1.在Androi...

  • Android点9图制作

    Android点9图制作 1、左边和上边是可拉伸的范围,不用交集,即一条线也可以 2、右边和下边的线是可选的,只有...

  • Android .9图的问题

    关于点9图的错误 更改办法:在dramble里保存好用.9图制作好的图,后缀名以.9图结尾,在代码里把.9图的后缀...

  • android .9图的制作

    如何将png制作成.9图 工具: sdk/tools/draw9patch 左边和上边交互的区域定义为可拉伸区域。...

  • Android .9图制作

    总结 左上 决定拉伸 右下 决定位置 .9图片的四条黑边的意义 顶部:在水平拉伸的时候,保持其他位置不动,只在这个...

  • Android .9图制作

    前言:项目中常常会涉及到文本框的显示,但通常文本的大小是不确定的,为了能够使图片能够自适应文本的大小来调整图片的大...

  • Android Studio 制作点九图(.9图)

    背景 安卓开发中,为了让背景图适应内容输入长度自动扩展,同时关键部分不变形,如圆角矩形的圆角或下面对话框样例的三角...

  • 点9图制作

    点9图简介 点九图,是Android开发中用到的一种特殊格式的图片,文件名以.9.png结尾。这种图片能告诉程序:...

  • 关于.9图的那些事

    UI在APP设计切图的时候,总是会遇到开发要求切.9图,可是什么是.9图,.0图用来干什么,什么时候该切.9图以及...

网友评论

      本文标题:Android .9图(点9图) 的制作,以及遇到的问题

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