如何为聊天气泡绘制圆角矩形

Question

我是 iOS 编程的新手，所以请帮助我，如何绘制具有一些自定义形状的圆角矩形。例如矩形的聊天气泡

Answer 1

您可以访问形状的 layer 属性并添加 cornerRadius。此外，您必须将层的 masksToBounds 属性设置为 YES

#import <QuartzCore/QuartzCore.h>

view.layer.cornerRadius = 10.0;
view.layer.masksToBounds = YES;

Answer 2

好的，您需要为聊天应用程序设计一个圆形气泡吗...？？？？

如果这是您的场景，那么我将尝试演示相同的场景，但在此之前，我将尝试给您一些关于如何制作圆形 UIView 的想法。

顺便说一句，我正在使用 Swift 2.1。如果您在 Objective-C 中需要它，请在我的回答后在这里评论。

1.如何制作一个圆形的UIView。

第 1 步： 首先在 viewcontroller 的视图上添加一个 UIView 对象。

第 2 步： 使 UIView 对象的高度和宽度相同（即 - Height = 100 & Width = 100）。

第 3 步： 在该 UIView 对象上应用以下代码（例如 - 单击按钮或您的任何功能块）

  self.subViewToModify.layer.cornerRadius = 50.0 //Exact half size of that UIView object's Height/Width  
  self.subViewToModify.layer.masksToBounds = true

第 4 步： 就是这样。它将使该视图呈圆形

现在我直接从我的模拟器发布一些图像响应，这将帮助您理解。

普通视图对象：

应用cornerRadius后：

这不是完美的圆形，因为高度和宽度不一样，这就可以了。

将视图的高度和宽度更改为相同大小后

现在应用 cornerRadius 后：

现在完全正确..???

希望你能理解这个基本的东西。

2。现在制作聊天气泡视图

在这种情况下，我将尝试给出一个概述或出路。尝试理解并将其应用到您的代码中。

为了制作聊天气泡，我单独使用了一个 .xib 文件，这样我就可以重复使用它。

现在是 xib 文件故事板中的一些图像。

使用一些自动布局约束来调整位置。

现在只需创建 UIView 和 UIImageView 对象的出口，然后应用 viewController class 中的代码使其成为任何所需的形状。

谢谢。希望这对您有所帮助。

如何为聊天气泡绘制圆角矩形

How to draw rounded rect for chat bubble

ios

xcode7