IOS定制屬于自己的個(gè)性頭像

更新時(shí)間：2016年01月10日 14:34:24 作者：世俗孤島

這篇文章主要為大家介紹了IOS定制屬于自己的個(gè)性頭像，實(shí)現(xiàn)方法很簡(jiǎn)單，感興趣的小伙伴們可以參考一下

本文實(shí)例介紹了IOS定制屬于自己的個(gè)性頭像的方法，分享給大家供大家參考，具體內(nèi)容如下

一、效果圖
1、將一張圖片剪切成圓形
2、在圖片周圍顯示指定寬度和顏色的邊框

二、實(shí)現(xiàn)思路
1、效果圖中主要由不同尺寸的兩大部分組成

藍(lán)色的背景區(qū)域，尺寸等于圖片的尺寸加上邊框的尺寸
圖片區(qū)域，尺寸等于圖片的尺寸

2、繪制一個(gè)圓形背景區(qū)域，用邊框顏色填充
3、繪制一個(gè)圓形的圖片區(qū)域，設(shè)置不顯示超出的部分
三、實(shí)現(xiàn)步驟
1、加載需要顯示的圖片

UIImage *image = [UIImage imageNamed:@"資源中圖片的名字"];

2、初始化用到的變量

//圖片的寬寬高
CGFloat imageWH = image.size.width;
//邊界的寬度
CGFloat border = 1;
//背景區(qū)域的寬高
CGFloat ovalWH = imageWH + 2 * border;

3、開(kāi)啟圖形上下文（尺寸為背景區(qū)域的尺寸）

//設(shè)置圖形上下文的尺寸
CGSize size = CGSizeMake(ovalWH, ovalWH);
//開(kāi)啟圖形上下文
UIGraphicsBeginImageContextWithOptions(size, NO, 0);

4、繪制背景區(qū)域

//繪制封閉的圓形路徑
UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, ovalWH, ovalWH)];
//設(shè)置填充顏色
[[UIColor blueColor] set];
//渲染所繪制的區(qū)域
[path fill];

5、繪制圖片區(qū)域

//繪制封閉的圓形區(qū)域
UIBezierPath *clipPath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(border, border, imageWH, imageWH)];
//設(shè)置超出區(qū)域的內(nèi)容剪掉（不顯示）
[clipPath addClip];
//見(jiàn)圖片繪制到圓形區(qū)域內(nèi)，從點(diǎn)(border, border)開(kāi)始
[image drawAtPoint:CGPointMake(border, border)];

6、從圖形上下文中取出繪制的圖片

UIImage *clipImage = UIGraphicsGetImageFromCurrentImageContext();

7、將圖片顯示到imageView上

self.imageView.image = clipImage;

8、關(guān)閉圖形上下文

UIGraphicsEndImageContext();

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章:

IOS
頭像

相關(guān)文章

xcode 4 制作靜態(tài)庫(kù)圖文詳解
我這個(gè)文檔的靜態(tài)庫(kù)的開(kāi)發(fā)是基于Xcode4.2和iOS SDK5.0編寫(xiě)的。Xcode4跟之前的Xcode3還是有不少的差別的
2013-06-06
iOS開(kāi)發(fā)之使用Storyboard預(yù)覽UI在不同屏幕上的運(yùn)行效果
使用Storyboard做開(kāi)發(fā)效率非常高，為了防止在團(tuán)隊(duì)中發(fā)生沖突，采取的解決辦法是負(fù)責(zé)UI開(kāi)發(fā)的同事最好每人維護(hù)一個(gè)Storyboard, 公用的組件使用輕量級(jí)的xib或者純代碼來(lái)實(shí)現(xiàn)，下面小編就給大家介紹如何使用Storyboard預(yù)覽UI在不同屏幕上的運(yùn)行效果，需要的朋友可以參考下
2015-08-08
iOS開(kāi)發(fā)UICollectionView實(shí)現(xiàn)拖拽效果
這篇文章主要為大家詳細(xì)介紹了iOS開(kāi)發(fā)UICollectionView實(shí)現(xiàn)拖拽效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-01-01
iOS開(kāi)發(fā)中的ViewController轉(zhuǎn)場(chǎng)切換效果實(shí)現(xiàn)簡(jiǎn)介
這篇文章主要介紹了iOS開(kāi)發(fā)中的ViewController轉(zhuǎn)場(chǎng)切換效果實(shí),主要針對(duì)iOS7以后新加入的API進(jìn)行講解,需要的朋友可以參考下
2015-09-09
iOS仿微信添加標(biāo)簽效果(shape實(shí)現(xiàn))
微信做的用戶體驗(yàn)非常棒，今天用shape來(lái)做下微信的標(biāo)簽功能，非常不錯(cuò)，對(duì)ios 仿微信添加標(biāo)簽功能感興趣的朋友一起看看吧
2016-11-11
IOS NSTimeInterval使用案例詳解
這篇文章主要介紹了IOS NSTimeInterval使用案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
2021-08-08
iOS UIWebView 通過(guò) cookie 完成自動(dòng)登錄實(shí)例
本篇文章主要介紹了iOS UIWebView 通過(guò) cookie 完成自動(dòng)登錄實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2017-04-04
iOS基礎(chǔ)知識(shí)之@property 和 Ivar 的區(qū)別
這篇文章主要介紹了iOS基礎(chǔ)知識(shí)之@property 和 Ivar 的區(qū)別介紹，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下
2016-08-08
iOS獲取設(shè)備唯一標(biāo)識(shí)的實(shí)現(xiàn)步驟
這篇文章主要介紹了iOS獲取設(shè)備唯一標(biāo)識(shí)的實(shí)現(xiàn)步驟，幫助大家更好的理解和學(xué)習(xí)ios開(kāi)發(fā)，感興趣的朋友可以了解下
2021-04-04
iOS開(kāi)發(fā)之自定義圖片拉伸功能
這篇文章主要介紹了iOS開(kāi)發(fā)之自定義圖片拉伸功能,需要的朋友可以參考下
2017-06-06