iOS開發(fā)筆記:實現圓形頭像

初學iOS赋除,記錄一下自己遇到的一些問題益咬,也希望能夠對別人有所幫助

一般應用的個人頭像
如上圖,圓形頭像算是每款App中最常見的東西了宜肉,剛好最近有遇到這個問題,并且順利解決了翎碑,其實很簡單谬返,調用layer這個屬性即可:

    //  把圖片設置成圓形。  我這里在故事版里面設置的imageView是一個正方形(因為頭像圖片都是放在正方形的imageView里)
    self.imageView.layer.cornerRadius=self.imageView.frame.size.width/2;//裁成圓角
    self.imageView.layer.masksToBounds=YES;//隱藏裁剪掉的部分
圓形頭像

仔細觀察第一張圖片日杈,可以發(fā)現頭像其實還有一個白色的邊框遣铝,這就需要layer的另外兩個屬性了:

    //  給圖片加一個圓形邊框
    self.imageView.layer.borderWidth = 1.5f;//邊框寬度
    self.imgaeView.layer.borderColor = [UIColor whiteColor].CGColor;//邊框顏色
有邊框的圓形頭像

這樣,就實現了App里面的個人頭像效果莉擒。

完整代碼如下:

#import "ViewController.h"

@interface ViewController ()
@property (strong, nonatomic) IBOutlet UIImageView *myHeadPortrait;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
    //  調用setHeadPortrait方法
    [self setHeadPortrait];
    
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

//  方法:設置頭像樣式
-(void)setHeadPortrait{
    //  把頭像設置成圓形
    self.myHeadPortrait.layer.cornerRadius=self.myHeadPortrait.frame.size.width/2;//裁成圓角
    self.myHeadPortrait.layer.masksToBounds=YES;//隱藏裁剪掉的部分
    //  給頭像加一個圓形邊框
    self.myHeadPortrait.layer.borderWidth = 1.5f;//寬度
    self.myHeadPortrait.layer.borderColor = [UIColor whiteColor].CGColor;//顏色
}
@end
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末酿炸,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子涨冀,更是在濱河造成了極大的恐慌填硕,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蝇裤,死亡現場離奇詭異廷支,居然都是意外死亡,警方通過查閱死者的電腦和手機栓辜,發(fā)現死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進店門恋拍,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人藕甩,你說我怎么就攤上這事施敢。” “怎么了狭莱?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵僵娃,是天一觀的道長。 經常有香客問我腋妙,道長默怨,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任骤素,我火速辦了婚禮匙睹,結果婚禮上,老公的妹妹穿的比我還像新娘济竹。我一直安慰自己痕檬,他們只是感情好,可當我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布送浊。 她就那樣靜靜地躺著梦谜,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上唁桩,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天闭树,我揣著相機與錄音,去河邊找鬼荒澡。 笑死蔼啦,一個胖子當著我的面吹牛,可吹牛的內容都是我干的仰猖。 我是一名探鬼主播捏肢,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼饥侵!你這毒婦竟也來了鸵赫?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤躏升,失蹤者是張志新(化名)和其女友劉穎辩棒,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體膨疏,經...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡一睁,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了佃却。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片者吁。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖饲帅,靈堂內的尸體忽然破棺而出复凳,到底是詐尸還是另有隱情,我是刑警寧澤灶泵,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布育八,位于F島的核電站,受9級特大地震影響赦邻,放射性物質發(fā)生泄漏髓棋。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一惶洲、第九天 我趴在偏房一處隱蔽的房頂上張望按声。 院中可真熱鬧,春花似錦湃鹊、人聲如沸儒喊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春余赢,著一層夾襖步出監(jiān)牢的瞬間芯义,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工妻柒, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留扛拨,地道東北人。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓举塔,卻偏偏與公主長得像绑警,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子央渣,可洞房花燭夜當晚...
    茶點故事閱讀 43,627評論 2 350

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,846評論 25 707
  • 轉載:http://www.reibang.com/p/32fcadd12108 每個UIView有一個伙伴稱為l...
    F麥子閱讀 6,170評論 0 13
  • 每個UIView有一個伙伴稱為layer计盒,一個CALayer。UIView實際上并沒有把自己畫到屏幕上;它繪制本身...
    shenzhenboy閱讀 3,091評論 0 17
  • 在iOS中隨處都可以看到絢麗的動畫效果芽丹,實現這些動畫的過程并不復雜北启,今天將帶大家一窺ios動畫全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,471評論 6 30
  • 文/文之緣 看來姚明星是暗戀上張曉晴了拔第,只是他不知道那是暗戀咕村。只是一天到晚滿腦子閃現的全是...
    文之緣閱讀 504評論 0 1