NinePatch图片Android UI可伸缩背景设计
NinePatch 图片的可伸缩区域,真的是安卓 UI 里的小妙招。用draw9patch
工具就能搞定,路径在 SDK 的tools
目录下,点几下就能标出哪里该缩放、哪里该固定。比如聊天框背景,文字一多,中间那块就能自动撑开,边缘样式还不会变形,挺实用的。
画布边缘的线条标记,红的是缩放区,绿的是固定区,选中“Show patches”还能实时预览,省了不少试错时间。做完之后工具会帮你保存成xxx.9.png
,扔进res/drawable
目录,直接就能用了,响应也快。
其实 NinePatch 最适合做按钮、对话框、输入框背景那类要随着内容变大小的场景,不用一堆状态图切换,也不用担心边角拉伸。想快速上手的话,可以看看这个工具包:draw9patch 工具.zip,带你一步步做出可拉伸的 PNG。
如果你是 Kotlin 用户,还可以用android-drawable-dsl来构建Drawable
,也是挺好用的方式,顺带也推荐下这个例子:Kotlin 中使用 android-drawable-dsl 构建 Drawable 对象。
哦对了,Mac 用户也有专属的点 9 工具安装包,想试试的话戳这儿:9patch_mac 版_点 9 工具_安装包_使用指南。
,NinePatch 在 Android 里算是比较老但依然实用的技术,如果你项目里经常遇到文字或图片撑破布局的问题,不妨试试看。
1.56MB
文件大小:
评论区