iOS實(shí)現(xiàn)圓角箭頭視圖
更新時(shí)間：2021年04月15日 17:34:38 作者：徐石石石
這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)圓角箭頭視圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
在APP中實(shí)現(xiàn)類似聊天內(nèi)容背景圖時(shí)，需要繪制圓角及箭頭。很多人會(huì)選擇使用圖片(這也是最省事的一種方法)，但是對于在視圖中對內(nèi)容做約束布局的話，我們無法準(zhǔn)確的知道箭頭的偏移量。下面就來介紹一下利用CGContextRef怎樣繪制吧。
先來看看效果圖吧！
代碼實(shí)現(xiàn)：
- (void)drawRect:(CGRect)rect {
float lw = 2; // 邊線寬度
float aw = 4;// 箭頭寬
float ah = 5;// 箭頭高
float r = 3;// 圓角角度
// 需要減去邊線的寬度，為什么不是減去邊線的寬度x2？
// 因?yàn)樽筮吘€和上邊線是往視圖內(nèi)描繪的，而右邊線和下邊線是往視圖外描繪的。
float w = self.frame.size.width - lw;// 設(shè)置畫線長度
float h = self.frame.size.height - lw;// 設(shè)置畫線寬度
// 獲取上下文
CGContextRef context = UIGraphicsGetCurrentContext();
// 設(shè)置邊線寬度
CGContextSetLineWidth(context, lw);
//邊框顏色
CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);
// 矩形填充顏色
CGContextSetFillColorWithColor(context, [UIColor whiteColor].CGColor);
CGContextMoveToPoint(context, 0, lw); // 開始坐標(biāo)左邊開始
CGContextAddArcToPoint(context, w, lw, w, r, r); // 右上角角度
CGContextAddArcToPoint(context, w , h, w-r, h, r); // 右下角角度
CGContextAddArcToPoint(context, aw, h, aw, h-r, r); // 左下角角度
CGContextAddLineToPoint(context, aw, ah); // 向左上豎線
CGContextAddLineToPoint(context, 0, lw); // 向左上斜線
CGContextDrawPath(context, kCGPathFillStroke); //根據(jù)坐標(biāo)繪制路徑
// 父類調(diào)用 放在畫完邊線后。不然設(shè)置的文字會(huì)被覆蓋
[super drawRect:rect];
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
iOS CAEmitterLayer實(shí)現(xiàn)粒子發(fā)射動(dòng)畫效果
這篇文章主要為大家詳細(xì)介紹了iOS CAEmitterLayer 實(shí)現(xiàn)粒子發(fā)射動(dòng)畫效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
本文介紹的是Xcode使用教程詳細(xì)講解，Xcode是一個(gè)款強(qiáng)大的IDE開發(fā)環(huán)境，就像你在寫Windows程序時(shí)需要VS2005一樣 需要要Xcode為你寫Mac程序提供環(huán)境2015-07-07
這篇文章主要給大家介紹了關(guān)于iOS 12中無法獲取WiFi的SSID的相關(guān)資料，文中通過示例代碼以及圖文介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-09-09
IOS開發(fā)教程之put上傳文件的服務(wù)器的配置及實(shí)例分享
IOS開發(fā)給人一種高大上的趕腳，弄的好像你不會(huì)IOS就不是個(gè)合格的程序員一樣，好吧，既然是大趨勢，那我們就來學(xué)習(xí)下吧，今天來看看put上傳文件的服務(wù)器配置及案例2014-06-06
異步和多線程并不是一個(gè)同等關(guān)系,異步是最終目的,多線程只是我們實(shí)現(xiàn)異步的一種手段。異步是當(dāng)一個(gè)調(diào)用請求發(fā)送給被調(diào)用者,而調(diào)用者不用等待其結(jié)果的返回而可以做其它的事情。2014-08-08
iOS三級聯(lián)動(dòng)選擇器的實(shí)現(xiàn)代碼示例
本篇文章主要介紹了iOS三級聯(lián)動(dòng)選擇器的實(shí)現(xiàn)代碼示例，這里整理了詳細(xì)的代碼,有需要的小伙伴可以參考下2017-09-09
iOS手勢識別的詳細(xì)使用方法(拖動(dòng),縮放,旋轉(zhuǎn),點(diǎn)擊,手勢依賴,自定義手勢)
這篇文章主要介紹了iOS手勢識別的詳細(xì)使用方法(拖動(dòng),縮放,旋轉(zhuǎn),點(diǎn)擊,手勢依賴,自定義手勢)，具有一定的參考價(jià)值，有需要的可以參考一下。2016-11-11
這篇文章主要介紹了IOS 中UIApplication詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-05-05
iOS如何去掉導(dǎo)航欄（UINavigationBar）下方的橫線
本篇文章主要介紹了iOS如何去掉導(dǎo)航欄（UINavigationBar）下方的橫線，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-05-05
這篇文章主要介紹了iOS應(yīng)用開發(fā)中圖片的拉伸問題解決方案,有時(shí)圖片的拉伸只需要拉伸中間部分而不拉伸兩端,這是本文所關(guān)注的問題,需要的朋友可以參考下2016-02-02