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

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对象的高度和宽度相同（即 - 高度= 100＆amp;宽度= 100）。

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

  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类中的代码，使其具有任何所需的形状。

感谢。希望这有帮助。