iOS SDK中的语音泡泡使用Objective-C

栏目: Objective-C · 发布时间: 6年前

内容简介:翻译自:https://stackoverflow.com/questions/11196112/speech-bubble-in-ios-sdk-using-objective-c
我正在研究儿童书籍应用程序,并希望动态填充角色对话框的语音泡泡,如附带的屏幕截图所示.屏幕截图来自Cinderella应用程序,它是使用Cocos2D(或3D)开发的.但是,我想使用 objective-c

和iOS sdk实现此功能.

一种方法是:

计算给定字体和大小的文本大小(使用NSString方法sizeWithFont:constrainedToSize :),然后绘制一个圆角矩形(使用CALayer)来包围该大小.

对于绘制圆角矩形,请设置具有背景颜色,边框宽度和边框颜色以及颜色半径的CALayer,并将其添加到UIView对象.这将非常容易地产生语音泡沫效果.

现在,我怎么会得到一个指向角色嘴角的角落?如何从角色的嘴里弹出并弹出CALayer,我该如何实现这个动画?我的主要场景(插图)将是一个UIImageview,这个对话弹出窗口应该以动画的方式出现在角色的嘴里,几秒钟后它就会消失,仿佛它会回到角色的嘴里.你的建议将不胜感激.

如果您知道某些地方的示例代码/文章,请相应地路由我.

这是应用程序的视频链接,显示角色对话如何作为语音气泡弹出和输出: http://www.youtube.com/watch?v=umfNJLyrrNg

另一种方法是通过使用带有帽子插图的图像.看一下UIImage方法:

resizableImageWithCapInsets:

基本上,您可以创建最小尺寸气泡的图像,并使其无限延伸,同时保持“气泡”边框的外观.

下面的代码指定了在拉伸/调整图像大小时保留顶部,左侧,底部和右侧12个像素的图像:

UIImage *bubble = [[UIImage imageNamed:@"bubble.png"] 
                            resizableImageWithCapInsets:UIEdgeInsetsMake(12, 12, 12, 12)];
UIImageView *imgView = [[[UIImageView alloc] initWithImage:bubble] autorelease];
imgView.frame = CGRectZero;

动画UIImageView的大小变化是免费的:

[UIView animateWithDuration:0.3
                 animations:^(void) {
                     imgView.frame = CGRectMake(50, 50, 200, 100);
                 } completion:^(BOOL finished) {

                 }];

翻译自:https://stackoverflow.com/questions/11196112/speech-bubble-in-ios-sdk-using-objective-c


以上所述就是小编给大家介绍的《iOS SDK中的语音泡泡使用Objective-C》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

New Dark Age

New Dark Age

James Bridle / Verso Books / 2018-7-17 / GBP 16.99

As the world around us increases in technological complexity, our understanding of it diminishes. Underlying this trend is a single idea: the belief that our existence is understandable through comput......一起来看看 《New Dark Age》 这本书的介绍吧!

html转js在线工具
html转js在线工具

html转js在线工具

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具