IOS定製屬於自己的個性頭像_IOS

來源:互聯網
上載者:User

本文執行個體介紹了IOS定製屬於自己的個性頭像的方法,分享給大家供大家參考,具體內容如下

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

二、實現思路
1、效果圖中主要由不同尺寸的兩大部分組成

  • 藍色的背景地區,尺寸等於圖片的尺寸加上邊框的尺寸
  • 圖片地區,尺寸等於圖片的尺寸

2、繪製一個圓形背景地區,用邊框顏色填充
3、繪製一個圓形的圖片地區,設定不顯示超出的部分
三、實現步驟
1、載入需要顯示的圖片

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

2、初始化用到的變數

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

3、開啟圖形上下文(尺寸為背景地區的尺寸)

//設定圖形內容相關的尺寸CGSize size = CGSizeMake(ovalWH, ovalWH);//開啟圖形上下文UIGraphicsBeginImageContextWithOptions(size, NO, 0);

4、繪製背景地區

//繪製封閉的圓形路徑UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, ovalWH, ovalWH)];//設定填充顏色[[UIColor blueColor] set];//渲染所繪製的地區[path fill];

5、繪製圖片地區

//繪製封閉的圓形地區UIBezierPath *clipPath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(border, border, imageWH, imageWH)];//設定超出地區的內容剪掉(不顯示)[clipPath addClip];//見圖片繪製到圓形地區內,從點(border, border)開始[image drawAtPoint:CGPointMake(border, border)];

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

UIImage *clipImage = UIGraphicsGetImageFromCurrentImageContext();

7、將圖片顯示到imageView上

self.imageView.image = clipImage;

8、關閉圖形上下文

UIGraphicsEndImageContext();

以上就是本文的全部內容,希望對大家的學習有所協助。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.