亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

iOS實現(xiàn)帶文字的圓形頭像效果

 更新時間:2016年10月21日 14:44:48   投稿:daisy  
隨著騰訊QQ的普及,現(xiàn)在越來越多的社交類APP在顯示頭像的時候,都選擇了圓形頭像,本文將更進一步的介紹如何實現(xiàn)帶文字的圓形頭像效果,效果非常不錯,感興趣的朋友們可以參考借鑒,下面來一起看看吧。

下面就來實現(xiàn)一下這種效果   圓形頭像的繪制

先來看一下效果圖

分析一下:

      1、首先是需要畫帶有背景色的圓形頭像

      2、然后是需要畫文字

      3、文字是截取的字符串的一部分

      4、不同的字符串,圓形的背景色是不一樣的

      5、對于中英文同樣處理,英文的一個字符和中文的一個漢字同樣算作一個字符

      6、文字總是居中顯示

好 有了這樣幾點 我們就可以開始畫圖了

看一下最終實現(xiàn)的效果圖

首先 ,我們需要自定義一個view當做自定義頭像,在view的drawRect方法中進行圖像的繪制

@interface RoundHeadView()
@property (nonatomic, copy) NSString *title;//需要繪制的標題
@property (nonatomic, assign) CGFloat colorPoint;//用戶后面計算顏色的隨機值
//設置文字
- (void)setTitle:(NSString *)title;
@end
@implementation RoundHeadView
-(instancetype)initWithFrame:(CGRect)frame{
  self = [super initWithFrame:frame];
  if (self) {
    self.backgroundColor = [UIColor clearColor];
  }
  return self;
}
@end

首先畫一個帶有背景顏色的圓形

-(void)drawRect:(CGRect)rect{
  
  //一個不透明類型的Quartz 2D繪畫環(huán)境,相當于一個畫布,你可以在上面任意繪畫
   CGContextRef context = UIGraphicsGetCurrentContext();
   [self caculateColor];//計算顏色
  
  /*畫圓*/
   CGContextSetRGBFillColor (context,_colorPoint, 0.5, 0.5, 1.0);//設置填充顏色 顏色這里隨機設置的,后面會根據(jù)文字來計算顏色
  
  //填充圓,無邊框
  CGContextAddArc(context, self.frame.size.width/2.0, self.frame.size.width/2.0, self.frame.size.width/2.0, 0, 2*M_PI, 0); //添加一個圓
  CGContextDrawPath(context, kCGPathFill);//繪制填充
  }

得到了不帶文字的圓形頭像

接下來 我們來畫文字

首先需要計算一下文字的尺寸

將文字設置進來

- (void)setTitle:(NSString *)title{
  _title = [[self subStringWithLendth:2 string:title] copy];
  [self setNeedsDisplay];//調(diào)用這個方法 進行重新繪制 view會重新調(diào)用drawRect方法
}

截取文字

/**
 截取字符串,截取字符串最開始的兩個 漢子和英文一樣處理
 @param length 截取的字符長度(漢子和英文同樣計算)
 @param string 需要截取的字符串
 @return 返回截取的字符串
 */
-(NSString *)subStringWithLendth:(int)length string:(NSString *)string{
  
  NSString *copyStr = [string copy];
  NSMutableString *realStr = [[NSMutableString alloc] init];
  
  for(int i = 0; i < copyStr.length; i++){
    if(length == 0){
      break;
    }
    unichar ch = [copyStr characterAtIndex:0];
    if (0x4e00 < ch && ch < 0x9fff)//如何判斷是漢字
    {
      //如果是漢子需要做其他處理 可以在這里做處理
    }
    //若為漢字
    [realStr appendString:[copyStr substringWithRange:NSMakeRange(i,1)]];
      
    length = length - 1;
  }
  return realStr;
}
/**
 計算文字的尺寸,在繪制圖像時,保證文字總是處于圖像的正中
 文字的尺寸可以自己計算 這里定義的是 寬度的1/3 我看使用起來比較合適 當然
 你可以自己定義的
 @return 文字的寬高
 */
- (CGSize)caculateLableSize{
  UILabel *lable = [[UILabel alloc] initWithFrame:CGRectZero];
  lable.font = [UIFont fontWithName:@"Arial-BoldMT" size:self.frame.size.width/3.0];
  lable.text = self.title;
  [lable sizeToFit];
  CGSize size = lable.frame.size;
  return size;
}

最后得到了 需要繪制在圖像上的title

還需要做一步處理 就是根據(jù)文字的拼音或者其他的什么東西 來定義圖像的背景色 我這里就用拼音了
首先需要做的是獲取拼音

/**
 獲取漢子拼音
 @param originalStr 原始中文字符
 @return 漢子的全拼
 */
- (NSString *)pinyin: (NSString *)originalStr{
  NSMutableString *str = [originalStr mutableCopy];
  CFStringTransform(( CFMutableStringRef)str, NULL, kCFStringTransformMandarinLatin, NO);
  CFStringTransform((CFMutableStringRef)str, NULL, kCFStringTransformStripDiacritics, NO);
  return [str stringByReplacingOccurrencesOfString:@" " withString:@""];
}

根據(jù)拼音計算顏色,隨即一個顏色 這個方法 我自己瞎想的 一個顏色 當然你可以自己定義一個方法來計算顏色

/**
 隨機一個顏色
 填充圓形頭像的底色
 根據(jù)字符的拼音計算出的顏色
 */
- (void)caculateColor{
  if (_title.length == 0) {
    return;
  }
  if (_title.length>1) {
    NSString *firstStr = [_title substringWithRange:NSMakeRange(0,1)];
    NSString *secondStr = [_title substringWithRange:NSMakeRange(1, 1)];
    NSString *firstPinyin = [self pinyin:firstStr];
    NSString *secondPinyin = [self pinyin:secondStr];
    NSUInteger count = firstPinyin.length+secondPinyin.length;
    if (count>10) {
      count-=10;
      self.colorPoint = count/10.0;
    }else{
      self.colorPoint = count/10.0;
    }
  }else{
    NSString *firstStr = [_title substringWithRange:NSMakeRange(0,1)];
    NSString *firstPinyin = [self pinyin:firstStr];
    NSUInteger count = firstPinyin.length;
    self.colorPoint = count/10.0;
  }
}

需要的 我們都處理好了 這下可以直接畫文字了 還是在drawRect方法中

-(void)drawRect:(CGRect)rect{
  
  //一個不透明類型的Quartz 2D繪畫環(huán)境,相當于一個畫布,你可以在上面任意繪畫
  CGContextRef context = UIGraphicsGetCurrentContext();
  [self caculateColor];//計算顏色
  
  /*畫圓*/
  CGContextSetRGBFillColor (context,_colorPoint, 0.5, 0.5, 1.0);//設置填充顏色
  //  CGContextSetRGBStrokeColor(context,red,green,blue,1.0);//畫筆線的顏色
  
  //填充圓,無邊框
  CGContextAddArc(context, self.frame.size.width/2.0, self.frame.size.width/2.0, self.frame.size.width/2.0, 0, 2*M_PI, 0); //添加一個圓
  CGContextDrawPath(context, kCGPathFill);//繪制填充
  
  
  /*寫文字*/
  //  CGContextSetRGBFillColor (context, 1, 0, 0, 1.0);//設置填充顏色
  NSDictionary* dic = [NSDictionary dictionaryWithObjectsAndKeys:[UIFont fontWithName:@"Arial-BoldMT" size:self.frame.size.width/3.0], NSFontAttributeName,[UIColor whiteColor],NSForegroundColorAttributeName, nil];
  CGSize size = [self caculateLableSize];
  CGFloat X = (self.frame.size.width-size.width)/2.0;
  CGFloat Y = (self.frame.size.height-size.height)/2.0;
  [self.title drawInRect:CGRectMake(X, Y, self.frame.size.width, self.frame.size.width) withAttributes:dic];
}

測試一下

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(10, 50, 300, 20)];
label.text = @"文字不同,背景顏色也不會相同";
[self.view addSubview:label];
NSArray *strs = @[@"為我",@"樣的",@"好啊",@"H在",@"hc",@"2才",@"哈哈",@"打算打算打算的",@"還有人v",@"哈哈"];
for (int i=0; i<10; i++) {
  RoundHeadView *head = [[RoundHeadView alloc] initWithFrame:CGRectMake(30, 100+(40*i), 40, 40)];
  [head setTitle:strs[i]];
  [self.view addSubview:head];
}

總結

好了,到這就大功告成了,大家都學會了嗎?希望本文的內(nèi)容對各位iOS開發(fā)者們能有所幫助,如果有疑問大家可以留言交流。謝謝大家對腳本之家的支持。

相關文章

  • IOS 解決UIButton 點擊卡頓/延遲的問題

    IOS 解決UIButton 點擊卡頓/延遲的問題

    本文主要介紹 IOS UIButton, 這里給大家提供代碼實例作為參考,解決 UIButton 點擊卡頓或者延遲問題,在開發(fā) IOS 項目的小伙伴如果遇到這樣的問題可以參考下
    2016-07-07
  • IOS 開發(fā)之PickerView自定義視圖的實例詳解

    IOS 開發(fā)之PickerView自定義視圖的實例詳解

    這篇文章主要介紹了IOS 開發(fā)之PickerView自定義視圖的實例詳解的相關資料,這里提供實例幫助大家學習理解這部分知識,需要的朋友可以參考下
    2017-08-08
  • iOS中狀態(tài)欄的基本使用方法匯總

    iOS中狀態(tài)欄的基本使用方法匯總

    在iOS開發(fā)過程中,經(jīng)常會設置狀態(tài)欄的樣式,所以下面這篇文章主要給大家介紹了關于iOS中狀態(tài)欄的基本使用的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
    2018-07-07
  • IOS 靜態(tài)庫打包流程簡化詳細介紹

    IOS 靜態(tài)庫打包流程簡化詳細介紹

    這篇文章主要介紹了IOS 靜態(tài)庫打包流程簡化詳細介紹的相關資料,開發(fā)好的靜態(tài)庫后需要手動的合并.a文件,然后再拷貝相關的頭文件,接著把靜態(tài)庫和頭文件放在同一個文件里面打包發(fā)送給SDK的使用者,這里簡化下流程,需要的朋友可以參考下
    2016-12-12
  • iOS實現(xiàn)點贊動畫特效

    iOS實現(xiàn)點贊動畫特效

    這篇文章主要為大家詳細介紹了iOS實現(xiàn)點贊動畫特效,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-01-01
  • iOS中UILabel text兩邊對齊的實現(xiàn)代碼

    iOS中UILabel text兩邊對齊的實現(xiàn)代碼

    本文通過一段實例代碼給大家介紹了ios中uilabel text兩邊對齊的實現(xiàn)方法,非常不錯,具有參考借鑒價值,需要的朋友參考下
    2017-01-01
  • iOS實現(xiàn)電子簽名

    iOS實現(xiàn)電子簽名

    這篇文章主要為大家詳細介紹了iOS實現(xiàn)電子簽名,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-10-10
  • Objective-C與Swift之間的互相調(diào)用和跳轉(zhuǎn)

    Objective-C與Swift之間的互相調(diào)用和跳轉(zhuǎn)

    這篇文章主要給大家介紹了關于Objective-C與Swift之間的互相調(diào)用和跳轉(zhuǎn)的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2018-05-05
  • IOS判斷字符串是不是純數(shù)字的方法總結

    IOS判斷字符串是不是純數(shù)字的方法總結

    這篇文章給大家分享了在IOS中判斷字符串是不是純數(shù)字的三種方法,大家可以根據(jù)自己的需求來選擇對應的方法實現(xiàn),有需要的朋友們可以參考借鑒,下面來看看。
    2016-09-09
  • iOS通過Runtime實現(xiàn)友盟統(tǒng)計的實例代碼

    iOS通過Runtime實現(xiàn)友盟統(tǒng)計的實例代碼

    本篇文章主要介紹了iOS通過Runtime實現(xiàn)友盟統(tǒng)計的實例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06

最新評論