如何爲聊天氣泡繪製圓角矩形

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 &寬度= 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類中的代碼使其成爲任何所需的形狀。

謝謝。希望這有助於。