点九图其实就是安卓系统中特有的一种图片格式,为了让大家更好的记住,我们只要知道,后缀名是“.9.png"的图片,就是点九图。 2.点九图的作用是什么 每个事物都有其存在的价值,所以先弄清楚点九图能为我们解决什么问题,这样后面理解起来就会容易很多。 其实点九图的用处就是帮助我们拉伸切图的,比如这个切图: ...
点九图的特殊结构会导致其4个顶角处成为“绝对禁区”,这4个1像素×1像素的区域内不能有任何内容。 伸缩线详解 伸缩线标注了切图内的拉伸区域/收缩区域。一般来说点九图越小越好,因此通常切图尺寸都要小于控件尺寸,但这并不意味着不会出现切图尺寸大于控件尺寸的情况,在这种情况下,切图会根据伸缩线来进行缩小。
有很多种方式可以输出.9.png，用draw9patch.bat工具，或者用cutterman插件，或者用photoshop直接输出，建议大家自己手动切点九图。在Photoshop里切图：原始背景图上下左右各空出一个像素，用纯黑色在上下左右标注一个1像素的边，如下图，表明可拉伸范围。保存的时候注意把后缀修改为.9.png。要注意的地方：1.最外边...
这是因为在点九图的约束下拉伸动作只存在于四个圆角外的部分,所以不论你输入多少文本,横屏竖屏,手机还是平板,都可以很好的自适应。而一旦没有点九图,圆角矩形就会变成右下图: IOS对于这类情况只需要一串UIImage代码即可解决,然鹅Android就没有那么友好了。为了避免失真变形,需要咱们设计师先制作Android专属的点九图...
点九图的制作 点九图是一种特殊的 PNG 图片,只使用在 Andriod 平台的应用开发里,文件扩展名为 9.png;这种图片能告诉开发,图像哪一部分可以被拉伸,哪一部分不能被拉伸,运用点九图可以保证图片在不模糊变形的前提下做到自适应。常用于对话框和聊天气泡背景图片中。
设计师看过来,点九图,你知道该怎么切吗?。#安卓 #点九图 #切图 #UI设计 #切图技巧 - 严哥于20240123发布在抖音,已经收获了23个喜欢,来抖音,记录美好生活!
总的来说,在Android端,点九图适用于需要图片拉伸的场景,比如说聊天小气泡、各种Tip气泡等。 2. 使用Android Studio制作点九图 在制作之前,我们需要先搞懂点九图的四条黑边的意义: 顶部黑边:在水平拉伸的时候,保持其他位置不动,只在这个点的区域做无限延伸 ...
作为UI设计师,你知道什么是点九图吗, 视频播放量 1274、弹幕量 1、点赞数 31、投硬币枚数 5、收藏人数 63、转发人数 4, 视频作者 -Xu同学-, 作者简介 UP主有一个微信,sheji251 加UP住将会获得更多资源,相关视频:如何让你的UI设计更高级-数藏首页,面试了一个ui设计的女
1.打开AS,将你要制作点九图的.png图片放到工程目录的drawable文件夹下(例如我准备了一张word.png),右键,选择 Create 9-Patch file 2.然后会产生一个同名的以.9.png为后缀的文件。 3.双击打开 **.9.png图片 4.我们可以看到有四条线,就是我们上面所说到的构成九个区域的四条线,那么我们就可以直接通过拖拉...
点九图在 Android 中主要有三种应用方式 直接放在 res 目录中的 drawable 或者 mipmap 目录中 放在assert 目录中 从网络下载 第一种方式是我们最常用的,直接调用setBackgroundResource或者setImageResource方法,这样的话图片及可以做到自动拉伸。 而对于第二种或者第三种方式,如果我们直接去加载 .9.png,你会发现图片...