blocks|key|1386081|text|我非常确定它们基本上是带有不同高度的单元格的表格视图，这些单元格是自定义绘制的。您可以通过在UITableViewCell中提供自己的背景和内容视图来做很多事情。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1386082|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I'm pretty sure they're basically table-views with cells of different heights that are custom-drawn. You can do a lot by supplying your own background and content view's in a UITableViewCell.

blocks|key|1600962|text|这里有一些关于这方面的想法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1600963|Creating+a+“chat+bubble”+user+experience|offset|length|1600964|请务必阅读答案上的评论！|1600965|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/351602/creating-a-chat-bubble-user-experience^0|0|0|14|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

There are some thoughts on this here:

<a href="https://stackoverflow.com/questions/351602/creating-a-chat-bubble-user-experience">Creating a “chat bubble” user experience</a>

Be sure to read the comments on the answers as well!

blocks|key|1601003|text|下面是直接从源代码(Tweetie的创建者)获得的答案和示例代码：http://blog.atebits.com/2008/12/fast-scrolling-in-tweetie-with-uitableview/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1601004|来自博客文章：“这项技术几乎可以扩展到你需要的任何样式的单元格-我在Tweetie中使用了相同的东西，并将聊天气泡、文本和头像一起绘制到一个视图中。”您可以使用-+(UIImage+*)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth+topCapHeight:(NSInteger)topCapHeight创建一个可伸展的聊天气泡，将其放在表视图中的每个单元格后面|style|CODE|1601005|entityMap|0|LINK|mutability|MUTABLE|url|http://blog.atebits.com/2008/12/fast-scrolling-in-tweetie-with-uitableview/^0|X|23|0|0|28|2Y|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@$A|U|B|V|F|G]]|9|@]|C|$]]|$1|H|3|-4|5|6|7|W|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

Here's the answer, with example code, direct from the source (the creator of Tweetie): <a href="http://blog.atebits.com/2008/12/fast-scrolling-in-tweetie-with-uitableview/" rel="nofollow noreferrer">http://blog.atebits.com/2008/12/fast-scrolling-in-tweetie-with-uitableview/</a>

From the blog post: "The technique is extensible to pretty much any style cell you need - I use the same thing in Tweetie and draw the chat bubble, text, and avatar all together into a single view." You can use <code>- (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight</code> to create a stretchable chat bubble to put behind each cell in your table view

blocks|key|1601618|text|查看Acani+Chats。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1601619|它使用identical+background+image+for+the+UITextView。|1601620|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/acani/Chats|1|http://www.mercuryintermedia.com/blog/index.php/2009/03/iphone-ui-vector-elements^0|2|B|0|0|3|19|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

Check out <a href="https://github.com/acani/Chats" rel="nofollow noreferrer">Acani Chats</a>.

It uses an <a href="http://www.mercuryintermedia.com/blog/index.php/2009/03/iphone-ui-vector-elements" rel="nofollow noreferrer">identical background image for the UITextView</a>.

blocks|key|1601723|text|查看BubbleThingie示例代码，了解如何使用遮罩处理图像气泡。它还提供了如何使用UIButton或UILabel创建文本气泡的示例。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1601724|​|1601725|📷|atomic|1601726|1601727|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/tkirby/BubbleThingie/blob/master/README.md|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/17fdb6bd7b5b178e1ca784ccc3f563d4.png|imageAlt^0|2|D|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|I|3|E|5|6|7|16|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]|R|$5|S|N|T|C|$U|V|W|-4]]]]

Check out the <a href="https://github.com/tkirby/BubbleThingie/blob/master/README.md" rel="nofollow noreferrer">BubbleThingie</a> sample code for example of how to do image bubbles with masking. It also has example of how to do the text bubbles using a UIButton or UILabel.

<img src="https://i.stack.imgur.com/VmHq2.png" alt="enter image description here">

blocks|key|1386912|text|搜索jsqmessagesviewcontroller，这是一个很好的库。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1386913|entityMap|0|LINK|mutability|MUTABLE|url|http://www.jessesquires.com/JSQMessagesViewController/^0|2|P|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Search for <a href="http://www.jessesquires.com/JSQMessagesViewController/" rel="nofollow">jsqmessagesviewcontroller</a>, it's a good library.

Does anybody know how to implement such view, any tutorials, code examples, ideas.

Other good example of such view is Tweetie application that is on top of social networking appstore applications. See first screenshot of that app on appstore.

I appreciate any ideas on that.

Implement view like standard iPhone SMS-chat bubbles view

有谁知道如何实现这样的视图，任何教程，代码示例，想法。这种视图的另一个很好的例子是位于社交网络应用商店应用之上的Tweetie应用。在appstore上查看该应用程序的第一个屏幕截图。我很感谢任何关于这方面的想法。

问像标准iPhone短信聊天气泡视图一样实现视图
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问像标准iPhone短信聊天气泡视图一样实现视图EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问像标准iPhone短信聊天气泡视图一样实现视图
EN