在iPhone上创建一个“聊天泡泡”,如Tweetie

时间:2008-12-09 02:24:33

标签: iphone cocoa-touch

只是好奇,我是否忽略了API中的某个位置以显示iPhone的SMS应用程序中的聊天气泡类型图像?有一些应用程序使用的气泡看起来像iPhone一样,我想知道他们是否使用原生小部件或他们自己的图像。

这也可以在Tweetie应用程序中看到,其中推文的内容是。

8 个答案:

答案 0 :(得分:20)

我建议使用他们推荐用于按钮图像的拉伸方法。

[UIImage stretchableImageWithLeftCapWidth:15 topCapHeight:13]

您可以通过下载Twitterfon的来源(位于常见问题解答页面上)查看一个有效的示例。您可以看到他们如何为它编写可重复使用的控件,以及用于创建自己的泡泡的示例图像。

编辑 - 来源不再可用(可能是NDA)

我把图片放上here。你应该能够找出其余的:)

答案 1 :(得分:15)

这里有一个显示Jabs方法的视频教程http://vimeo.com/8718829它包含多种颜色的气泡图形。 twitterfon源也在这里 https://github.com/jimpick/twitterfon

(这些应该是对jabs回答的评论,但我没有足够高的评价来评论)

答案 2 :(得分:6)

您需要使用自己的图像,Apple建议使用9个UIImageViews(3行3个)(左上角,顶部中间,右上角,中左侧,中间,中间右侧,左下角,底部)中间,右下角)

答案 3 :(得分:3)

阅读UICatalog的ButtonsViewController.m中的代码:“+ buttonWithTitle:”,它会从一个图像创建一个可伸缩的按钮,这与创建聊天气泡的情况相同。

答案 4 :(得分:3)

结帐AcaniChat。它是iPhone Messages应用程序的最佳开源版本。它使用Core Data,很快就会使用WebSockets。

答案 5 :(得分:2)

今天我偶然发现了一个RSS源。

它在插图画家中重新创建了一堆UI元素

值得注意的是他们有聊天气泡。您可以将它们用作图像的开头,以执行kdbdallas所说的内容。

http://www.mercuryintermedia.com/blog/index.php/2009/03/iphone-ui-vector-elements

希望这有帮助。

克里斯。

答案 6 :(得分:2)

制作具有可伸缩图像背景的UILabels非常容易。如果你想把图像放在泡泡中,你必须做一些掩饰才能让它看起来像Apple的。查看BubbleThingie示例代码,了解如何进行图像屏蔽。它还有一个如何使用UIButton或UILabel来处理文本气泡的示例。

enter image description here

答案 7 :(得分:1)

我们的许多应用程序都有聊天或消息功能,许多客户都要求建立聊天“类似于iPhone的短信聊天,带有气泡”。

不幸的是,Cocoa SDK没有提供方便简单的方式来显示聊天气泡,我们用Google搜索的众多代码片段也不完美 - 其中一些只是丑陋,有些显示相同大小的气泡而不管文字长度,有些没有改变气泡宽度,有些是好的,但几乎没有定制,等等。

最终,Alex - 我们领先的iOS架构师(也恰好是Stex的CTO) - 继续从头开始编写此代码。主要特点是:

  • 轻松(非常容易!)可自定义和嵌入。代码基于UITableView子类化方法,所以一旦你需要将聊天工具添加到应用程序 - 考虑这只是添加UITableView,其中每个单元格都是一个消息
  • 易于定制的气泡颜色和风格 - 有2张图片,可以在Photoshop中轻松调整
  • 时间分组
  • 灵活的泡泡高度和威尔士

可以从GitHub https://github.com/AlexBarinov/UIBubbleTableView

下载代码