IOS定制屬于自己的個(gè)性頭像
本文實(shí)例介紹了IOS定制屬于自己的個(gè)性頭像的方法，分享給大家供大家參考，具體內(nèi)容如下
一、效果圖
1、將一張圖片剪切成圓形
2、在圖片周?chē)@示指定寬度和顏色的邊框
二、實(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如何裁剪圓形頭像
- IOS使用progssview仿滴滴打車(chē)圓形計(jì)時(shí)
- IOS實(shí)現(xiàn)圓形圖片效果的兩種方法
- iOS開(kāi)發(fā)中Quartz2D控制圓形縮放和實(shí)現(xiàn)刷幀效果
- iOS實(shí)現(xiàn)百度外賣(mài)頭像波浪的效果
- IOS中一段文字設(shè)置多種字體顏色代碼
- iOS應(yīng)用開(kāi)發(fā)中的文字選中操作控件UITextView用法講解
- iOS應(yīng)用中UILabel文字顯示效果的常用設(shè)置總結(jié)
- iOS實(shí)現(xiàn)文字轉(zhuǎn)化成彩色文字圖片
- iOS實(shí)現(xiàn)帶文字的圓形頭像效果
相關(guān)文章
IOS小組件實(shí)現(xiàn)時(shí)鐘按秒刷新功能
小組件運(yùn)行在單獨(dú)的進(jìn)程,如果異常會(huì)導(dǎo)致小組件進(jìn)程卡死了,一個(gè)小組件出問(wèn)題,其他小組件都不刷新了。既然刷新這么難控制,怎么實(shí)現(xiàn)數(shù)字時(shí)鐘按秒刷新呢?接下來(lái)通過(guò)代碼給大家介紹下ios小組件刷新功能的實(shí)現(xiàn)，一起看看吧2021-05-05
IOS使用progssview仿滴滴打車(chē)圓形計(jì)時(shí)
本文給大家分享的是IOS中實(shí)現(xiàn)仿滴滴打車(chē)的原型計(jì)時(shí)效果，非常的實(shí)用，有需要的小伙伴可以參考下。2015-07-07
詳解iOS App中UISwitch開(kāi)關(guān)組件的基本創(chuàng)建及使用方法
UISwitch組件就是我們平時(shí)在iOS設(shè)置菜單中開(kāi)到的那種左右滑動(dòng)的開(kāi)關(guān)按鈕,當(dāng)然我們?cè)陂_(kāi)發(fā)時(shí)可以進(jìn)行更多的自定義,這里我們就來(lái)詳解iOS App中UISwitch開(kāi)關(guān)組件的基本創(chuàng)建及使用方法2016-05-05
iOS實(shí)現(xiàn)毫秒倒計(jì)時(shí)的方法詳解
倒計(jì)時(shí)在我們?nèi)粘ｉ_(kāi)發(fā)中必不可少，最近在公司的一個(gè)項(xiàng)目中就遇到了這個(gè)需求，本文著重介紹的是利用iOS實(shí)現(xiàn)毫秒倒計(jì)時(shí)的方法，文中給出了詳細(xì)的示例代碼，需要的朋友可以參考借鑒，下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-04-04
iOS數(shù)據(jù)持久化UserDefaults封裝器使用詳解
這篇文章主要為大家介紹了iOS數(shù)據(jù)持久化UserDefaults封裝器使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
詳解Swift中對(duì)C語(yǔ)言接口緩存的使用以及數(shù)組與字符串轉(zhuǎn)為指針類(lèi)型的方法
這篇文章主要介紹了詳解Swift中對(duì)C語(yǔ)言接口緩存的使用以及數(shù)組與字符串轉(zhuǎn)為指針類(lèi)型的方法的相關(guān)資料,這里提供簡(jiǎn)單實(shí)例，代碼注釋介紹也清楚，需要的朋友可以參考下2017-07-07
iOS實(shí)現(xiàn)簡(jiǎn)易的導(dǎo)航欄顏色漸變實(shí)例代碼
很多APP 都有導(dǎo)航欄顏色漸變的效果，下面這篇文章主要給大家介紹了關(guān)于iOS如何實(shí)現(xiàn)簡(jiǎn)易的導(dǎo)航欄顏色漸變效果的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧2018-10-10
ios實(shí)現(xiàn)自動(dòng)獲取label高度、寬度及最后一個(gè)位置詳解
這篇文章主要給大家介紹了關(guān)于ios如何實(shí)現(xiàn)自動(dòng)獲取label高度、寬度及最后一個(gè)位置的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-10-10
iOS給border設(shè)置漸變色的方法實(shí)例
這篇文章主要給大家介紹了關(guān)于iOS給border設(shè)置漸變色的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
開(kāi)發(fā)繪圖、手勢(shì)綜合App注意點(diǎn)
本篇文章主要給大家詳細(xì)講述了在IOS開(kāi)發(fā)繪圖、手勢(shì)綜合App容易遇到的坑以及注意事項(xiàng)等內(nèi)容，有興趣的朋友參考下吧。2018-02-02