真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

UIview陰影與圓角混合使用-創(chuàng)新互聯(lián)

UIview陰影與圓角混合使用

目前創(chuàng)新互聯(lián)公司已為近1000家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、綿陽(yáng)服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、東山網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。

做項(xiàng)目遇到一個(gè)問題 就是在圓角的按鍵上加陰影失敗了 然后就有了這個(gè)日志。
讓UIView圓角顯示很簡(jiǎn)單,只需要三行代碼

CALayer * layer = [avatarImageView layer];

[layer setMasksToBounds:YES];

[layer setCornerRadius:9.0];

但是,如給給圓角view加陰影,傳統(tǒng)加陰影的方法是不行的,

傳統(tǒng)的方法就是:

avatarImageView.layer.shadowColor = [UIColor blackColor].CGColor;

avatarImageView.layer.shadowOffset = CGSizeMake(0, 1);

avatarImageView.layer.shadowOpacity = 1;

因?yàn)閟etMasksToBounds表示對(duì)frame外的內(nèi)容進(jìn)行了裁減,只可顯示frame內(nèi)的內(nèi)容。由于這種方法加的陰影在frame外,所以被裁減了。

傳統(tǒng)方法不行,那我們可以把圓角的avatarImageView放到一個(gè)大小與它一樣的的UIView中,讓這個(gè)view有陰影,那效果看起來(lái)就一樣了。

CGRect rect;

rect = CGRectMake(0, 0, 48, 48);

avatarImageView = [[UIImageView alloc] initWithFrame:rect];

avatarImageView.p_w_picpath = [UIImage p_w_picpathNamed:@"test.png"];

//Round the corners

CALayer * layer = [avatarImageView layer];

[layer setMasksToBounds:YES];

[layer setCornerRadius:9.0];

//Add a shadow by wrapping the avatar into a container

UIView * shadow = [[UIView alloc] initWithFrame: rect];

avatarImageView.frame = CGRectMake(0,0,rect.size.width, rect.size.height);

// setup shadow layer and corner

//陰影

      shadow.layer.shadowColor = [UIColor blackColor].CGColor;

      shadow.layer.shadowOffset = CGSizeMake(4, 1);//偏移量

      shadow.layer.shadowOpacity = 0.8;//透明度

      shadow.layer.shadowRadius = 4;//陰影半徑

      shadow.clipsToBounds = NO;

     

     

      btn.layer.cornerRadius=40;

      btn.clipsToBounds=YES;

// combine the views

[shadow addSubview: avatarImageView];

圓角陰影效果就出來(lái)了。


分享文章:UIview陰影與圓角混合使用-創(chuàng)新互聯(lián)
網(wǎng)站鏈接:http://weahome.cn/article/dddhee.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部