发现 photoshop 做九图好简单啊

2022-04-13 22:29:51 +08:00
 Features
1.导入图片
2.ctrl+A
3.选择编辑->描边
4.导出 filename.9.png

大功告成
4659 次点击
所在节点    程序员
23 条回复
littlewing
2022-04-13 23:51:37 +08:00
杀鸡焉用牛刀
oed
2022-04-13 23:57:09 +08:00
g531956119
2022-04-14 01:45:51 +08:00
@oed op 指的是 Android 中的点 9 图,边缘的线条用来指示该图的哪部分可以被拉伸
一个常见例子就是聊天气泡
GeruzoniAnsasu
2022-04-14 04:41:04 +08:00
woc 长见识了,今天才知道还有这种东西

称得上设计 hacking 了
GeruzoniAnsasu
2022-04-14 04:43:24 +08:00
以防后面的人一脸懵逼点进来又一脸懵逼点出去,放个搜索结果:
https://www.jianshu.com/p/122240596c99
fox
2022-04-14 04:48:42 +08:00
@oed 雾草,学到了!
sbf4512
2022-04-14 08:51:28 +08:00
在 figma 里不是更好做吗? ps 有点过于臃肿了
sbf4512
2022-04-14 09:14:44 +08:00
figma 里可以用 android resources export 这个插件,导出之后就是 android 格式的包,非常快
nicevar
2022-04-14 09:30:04 +08:00
看楼主的描述是不太会用 AS 的么,AS 的显然比 PS 更快捷直观,以前 AS 没有这功能之前我一直用 PS
zjhzxhz
2022-04-14 09:33:51 +08:00
PS 还有这个功能?我都是写 OpenCV 实现的😂
genfy
2022-04-14 09:35:00 +08:00
看了还是有点懵逼,做九图,不就是把一张图分成 9 份吗?跟这个工具有什么区别: https://quanxin.org/image-slice
dream4ever
2022-04-14 09:53:59 +08:00
@oed 这个微博账号好色情好变态哦,我好喜欢~
mozhizhu
2022-04-14 10:00:37 +08:00
对于前端来说,还是要自己定位,-_-
james2013
2022-04-14 11:45:56 +08:00
第 1 次见到.9 图是用 ps 操作的
"操作宽度超过 1080p 的图片时就很难受",会不会是你用的姿势不对?
.9 图我只见过小尺寸的图片,这种一般是简单的拉伸,哪里会有这么大的图片尺寸需要做.9 图呢
also24
2022-04-14 11:47:57 +08:00
为什么会有宽度超过 1080 的点 9 图啊…
lisongeee
2022-04-14 11:49:18 +08:00
@genfy 楼主说的不是 9 宫格图,如果你做过 Android 开发就比较明白有一种图片的后缀叫 .9.png ,它可以局部伸缩,常用于聊天消息皮肤功能。
Kamiyu0087
2022-04-14 11:51:36 +08:00
现在 9 图的效果用 xml 都能实现吧?
好多年没用过 9 图了
Features
2022-04-14 12:02:55 +08:00
@nicevar 初学者。。。
Features
2022-04-14 12:03:47 +08:00
@james2013 启动图一般也用 9 图吧?
wuhao747003943
2022-04-14 12:36:49 +08:00
用 css 更方便

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/846826

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX