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》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

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

计算的本质

计算的本质

[英] Tom Stuart / 张伟 / 人民邮电出版社 / 2014-11 / 69.00元

《计算的本质:深入剖析程序和计算机》借助Ruby全面介绍计算理论和编程语言的设计。作者注重实用性,不仅尽量抛开复杂难懂的数学符号,而且特别选用简单快捷的编程语言Ruby,在读者熟知的背景知识下,以明晰的可工作代码阐明形式语义、自动机理论,以及通过lambda演算进行函数式编程等计算机科学知识,并为让其自行探索做足准备。 本书适合计算机科学系学生,以及熟知现代编程语言,想要系统地学习计算机科学......一起来看看 《计算的本质》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具