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

2019 年 4 月 9 日
 KillPaul
UI 设计新人，暂未入职... 所以如果这个问题太小儿科请见谅。

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

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

有大大来告诉求知的我吗？可爱脸
9761 次点击
所在节点    iDev
31 条回复
CSwater
2019 年 4 月 9 日
气泡图片做蒙板，渐变底色用代码填充，完事。
唯一的问题是，对技术细节的实现有较高的要求。
cjh1095358798
2019 年 4 月 9 日
svg 可以作
xiubin
2019 年 4 月 9 日
@KillPaul #16
类似于这种，代码实现更简单。

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

建议看一下手 Q 的自定义皮肤，中间拉伸，这样设计和开发都很轻松，扩展性也好。
kevinlm
2019 年 4 月 10 日
这种设计会被骂的，渐变色跨度太大了。字体到底用白色还是黑色？？
iosnewbee
2019 年 4 月 10 日
纯色做背景色，你还的考虑 iPad。。。
KillPaul
2019 年 4 月 10 日
@kevinlm ？所以字体颜色必须一致是吗？好吧明白了😂
KillPaul
2019 年 4 月 10 日
@iosnewbee iPad 怎么？
kevinlm
2019 年 4 月 10 日
@KillPaul 不是字体颜色一致，是你背景图片，上面黑，下面白。那你白色字体还是黑色字体？
kevinlm
2019 年 4 月 10 日
看错了，以为 14 楼是你设计的
wezzard
2019 年 4 月 14 日
9 切片圖做 mask，然後用 CAGradientLayer。
DamonYu
2019 年 4 月 24 日
ImageStretch Cap 什么的

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

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

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

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

© 2021 V2EX