iOS 开发实用技术导航
NSHipster 中文版
› http://nshipster.cn/
cocos2d 开源 2D 游戏引擎
› http://www.cocos2d-iphone.org/
CocoaPods
› http://cocoapods.org/
Google Analytics for Mobile 统计解决方案
› http://code.google.com/mobile/analytics/
WWDC
› https://developer.apple.com/wwdc/
Design Guides and Resources
› https://developer.apple.com/design/
Transcripts of WWDC sessions
› http://asciiwwdc.com
Cocoa with Love
› http://cocoawithlove.com/
Cocoa Dev Central
› http://cocoadevcentral.com/
NSHipster
› http://nshipster.com/
Style Guides
› Google Objective-C Style Guide
› NYTimes Objective-C Style Guide
Useful Tools and Services
› Charles Web Debugging Proxy
› Smore
这是一个创建于 2054 天前的主题，其中的信息可能已经有所发展或是发生改变。
UI 设计新人，暂未入职... 所以如果这个问题太小儿科请见谅。
学习时知道安卓端的聊天气泡是用 “.9 ” 切图实现，然而不知道 iOS 端实现的方法，更神奇的是我谷歌居然还没找到满意的答案？？？（否则也不会发帖丢人了）
因为设计的一款应用主色用到了渐变，而且还是 45 度角渐变😊 想给聊天气泡的底色也用这种渐变是不是实现起来很困难？（所以我改成单色的了，是不是很乖）
有大大来告诉求知的我吗？可爱脸
学习时知道安卓端的聊天气泡是用 “.9 ” 切图实现，然而不知道 iOS 端实现的方法，更神奇的是我谷歌居然还没找到满意的答案？？？（否则也不会发帖丢人了）
因为设计的一款应用主色用到了渐变，而且还是 45 度角渐变😊 想给聊天气泡的底色也用这种渐变是不是实现起来很困难？（所以我改成单色的了，是不是很乖）
有大大来告诉求知的我吗？可爱脸
 |
1
plutodai 2019-04-09 15:32:00 +08:00  1
给 iOS 和安卓一样的.9 图片就行了，iOS 也有类型安卓.9 图片的处理方式
|
 |
3
sSsSsSs 2019-04-09 15:36:57 +08:00 1
不是渐变的话， 正常 png，就可以了，至于楼上说的.9 图片，我个人没用过。。。
|
 |
4
MarginK 2019-04-09 15:37:46 +08:00 1
一样的 9 切片啊。。。。
|
 |
6
amon 2019-04-09 15:39:52 +08:00 1
我就不信搜 iOS 图片拉伸会没有答案。
stretchableImage 了解一下 |
|
7
MarginK 2019-04-09 15:40:52 +08:00 1
你是已经有渐变图的气泡了还是想自己画？
有的话，如果是斜着的渐变气泡用 9 切片恐怕不行，自己画斜的渐变并不难啊。。。 |
 |
8
finab 2019-04-09 15:41:25 +08:00 1
|
 |
9
KillPaul OP |
|
12
finab 2019-04-09 15:52:49 +08:00 1
|
 |
14
psychoo 2019-04-09 16:05:13 +08:00 1
是不是这个意思？：
 我的思路是把渐变的底图给开发，开发用代码实现的，要分 W>=H 和 W<H 两种情况。 |
|
15
KillPaul OP @psychoo 嗯，我不懂开发，这种类似 PS 里的剪切蒙版方式吧，我也想到过但不知道是不是这样实现的。但是这种情况就得切一张很大的渐变背景图了吧，因为小的图片就算只是渐变放大应该也会虚的，毕竟要考虑到一条很长很长的信息这种情况。我觉得应该还是有用代码实现的方法才对。PS.附上我的设计截图（突然觉得有点丑..）
https://imgur.com/HefpKVe |
|
16
KillPaul OP 发错格式了。再试试
 |
 |
17
shawndev 2019-04-09 16:24:41 +08:00 1
Image Slice, 有保留区域也有拉伸区域，拉伸区域和保留区域如果同时用渐变，这个方案会出现渐变速率不匀的现象。可以考虑代码实现。
|
|
18
psychoo 2019-04-09 16:26:48 +08:00
@KillPaul #16
 我觉得光是 45 度这个设定，就避免不了在很长的信息的时候底图被拉伸得很严重，不妨根据长宽比自动调整角度？或者你能用“函数”把底图描述出来，这样开发就可以用函数将底图“画”出来（类似矢量图的概念，不过程序小哥可能会发火哈哈） |
|
20
MarginK 2019-04-09 17:40:09 +08:00 1
@KillPaul 是的，如我所说，如果非要斜着渐变的话 就只能 UI 给个图，代码去填充渐变色了，
当然，与其这样这样的话，还不如纯代码画泡泡算了。。。我没对比过 9 切片相比贝塞尔画图的性能优劣，你可以对比看看哈 |
 |
21
CSwater 2019-04-09 18:50:28 +08:00 via iPhone 1
气泡图片做蒙板，渐变底色用代码填充，完事。
唯一的问题是，对技术细节的实现有较高的要求。 |
 |
22
cjh1095358798 2019-04-09 20:45:16 +08:00
svg 可以作
|
 |
23
xiubin 2019-04-09 23:12:02 +08:00 via iPhone 1
|
 |
24
kevinlm 2019-04-10 10:55:04 +08:00 via iPhone 1
这种设计会被骂的，渐变色跨度太大了。字体到底用白色还是黑色？？
|
 |
25
iosnewbee 2019-04-10 16:20:40 +08:00
纯色做背景色，你还的考虑 iPad。。。
|
|
29
kevinlm 2019-04-10 20:25:14 +08:00 via iPhone
看错了，以为 14 楼是你设计的
|
 |
30
wezzard 2019-04-14 13:42:33 +08:00
9 切片圖做 mask，然後用 CAGradientLayer。
|
 |
31
DamonYu 2019-04-24 15:14:39 +08:00 via iPhone
ImageStretch Cap 什么的
|
Select Language