iOS 端聊天气泡如何实现拉伸的?

2019-04-09 15:29:43 +08:00
 KillPaul
UI 设计新人,暂未入职... 所以如果这个问题太小儿科请见谅。

学习时知道安卓端的聊天气泡是用 “.9 ” 切图实现,然而不知道 iOS 端实现的方法,更神奇的是我谷歌居然还没找到满意的答案???(否则也不会发帖丢人了)

因为设计的一款应用主色用到了渐变,而且还是 45 度角渐变😊 想给聊天气泡的底色也用这种渐变是不是实现起来很困难?(所以我改成单色的了,是不是很乖)

有大大来告诉求知的我吗?可爱脸
8726 次点击
所在节点    iDev
31 条回复
CSwater
2019-04-09 18:50:28 +08:00
气泡图片做蒙板,渐变底色用代码填充,完事。
唯一的问题是,对技术细节的实现有较高的要求。
cjh1095358798
2019-04-09 20:45:16 +08:00
svg 可以作
xiubin
2019-04-09 23:12:02 +08:00
@KillPaul #16
类似于这种,代码实现更简单。

如果是可拉伸的,还是切图方便。

建议看一下手 Q 的自定义皮肤,中间拉伸,这样设计和开发都很轻松,扩展性也好。
kevinlm
2019-04-10 10:55:04 +08:00
这种设计会被骂的,渐变色跨度太大了。字体到底用白色还是黑色??
iosnewbee
2019-04-10 16:20:40 +08:00
纯色做背景色,你还的考虑 iPad。。。
KillPaul
2019-04-10 19:00:13 +08:00
@kevinlm ?所以字体颜色必须一致是吗?好吧明白了😂
KillPaul
2019-04-10 19:00:48 +08:00
@iosnewbee iPad 怎么?
kevinlm
2019-04-10 20:22:31 +08:00
@KillPaul 不是字体颜色一致,是你背景图片,上面黑,下面白。那你白色字体还是黑色字体?
kevinlm
2019-04-10 20:25:14 +08:00
看错了,以为 14 楼是你设计的
wezzard
2019-04-14 13:42:33 +08:00
9 切片圖做 mask,然後用 CAGradientLayer。
DamonYu
2019-04-24 15:14:39 +08:00
ImageStretch Cap 什么的

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

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

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

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

© 2021 V2EX