如何为 iphone 应用程序设置动画以逐字显示文本?

Posted

技术标签:

【中文标题】如何为 iphone 应用程序设置动画以逐字显示文本?【英文标题】:How to animate text to appear word by word for iphone app? 【发布时间】:2011-02-14 17:39:49 【问题描述】:

我想制作一个教程页面,其中的主角是泡泡。假设,我使用 UILabel/UITextView 来包含这些演讲,我如何让文本像我们在 rpg 教程场景中看到的那样逐字显示?

谢谢。

【问题讨论】:

【参考方案1】:

浏览您正在计划的文本,并将其划分为一个数组,这样数组的每个元素都是您希望角色说出的文本块。

(例如,元素0可能是@“嘿,欢迎来到教程!”,元素1可能是@“这个游戏的目标是......”等等。)

然后,我建议使用UIButton 循环浏览文本,这样当用户触摸屏幕时,您的角色将继续“说话”。

为此,只需在 Interface builder/Xcode 中创建一个按钮,将其放大以包括整个屏幕,并将显示模式设置为自定义,使其不可见。

您可能希望将其发送到后面(命令位于布局下),以便您可以与 nib 文件的其余部分进行交互。

将按钮链接到 IBAction 函数,如下所示:

-(IBAction) continueTutorial
    i ++; //Here i is an NSInteger from your .h file, set it to 0 when the tutorial starts
    YourUILabel.text = [yourArray objectAtIndex: i];

希望这会有所帮助!

【讨论】:

【参考方案2】:

手动浏览文本并按位置(第 n 个字符等)标记每个单词或短语,以及您希望它相对于最后一个出现的时间。然后使用 NSTimer。每次计时器关闭时,将文本中越来越大的子字符串(到第 n-1 个字符)放入 textview 的内容中。然后(重新)设置下一个单词或短语的计时器。

【讨论】:

以上是关于如何为 iphone 应用程序设置动画以逐字显示文本?的主要内容,如果未能解决你的问题,请参考以下文章

iOS:如何为uibezierpath中的填充设置动画?

如何为iphone中的图像提供动画看起来像花

如何为 UILabel 字体更改设置动画?

如何为底部显示的消息设置动画?

更改设备方向时如何为uiimageview设置动画

如何为 iPhone 5 显示器加载 xib