在iMessage這樣的氣泡圖像背景上繪製隨機圖像

這是一個聊天應用程序，氣泡是背景圖像，用於文本，我可以用「resizableImageWithCapInsets」拉伸氣泡圖像，並在氣泡上繪製文本。但問題是，它是一個隨機圖像時，我怎樣才能在連接圖片上的方式在泡沫上繪製圖像？ ios消息和mac上的imessage都以這種方式顯示圖像。在iMessage這樣的氣泡圖像背景上繪製隨機圖像

http://i.stack.imgur.com/sgJhv.png

來源

2012-08-01 Steve

如果你的泡沫是由一個UIImageView（是的UIView的子類）表示，你可以添加其他的UIImageView爲你泡的一個子視圖。您將使該子視圖的框架與您的泡泡的框架相等，然後將泡泡的clipsToBounds屬性設置爲YES，以便子視圖受限於泡泡。

然後，您可以將子視圖的contentMode設置爲UIViewContentModeAspectFill，這會將圖像拉伸到您的氣泡的大小。就像這樣：

//After resizing the bubble to the size you want, to this: 
bubbleView.clipsToBounds = YES; 
UIImageView *imageView = [[UIImageView alloc] initWithFrame:bubbleView.frame]; 
imageView.image = theImage; 
imageView.contentMode = UIViewContentModeAspectFill; 
[bubbleView addSubview:imageView];' 
[imageView release];

來源

2012-08-01 04:21:30 sppalkia

謝謝您的回覆。在這種情況下，imageView將覆蓋bubbleView，並保持矩形形狀。我想要的是使用圖像填充氣泡，這是一個不規則的形狀。 – Steve 2012-08-01 11:46:54

當您將clipsToBounds屬性設置爲YES時，子視圖將被限制爲bubbleView的形狀，爲您提供所需的效果。 – sppalkia 2012-08-01 22:17:05

UIView的所有形狀都是矩形。 – Steve 2012-08-02 01:30:48

看看BubbleThingie示例應用程序。它可以像您的示例圖像一樣進行圖像遮罩和光澤效果。

enter image description here

來源

2013-03-17 17:22:18

在iMessage這樣的氣泡圖像背景上繪製隨機圖像

回答

相關問題