XIB下控件邊框相關(guān)設(shè)置

在講XIB之前首先說下代碼的方式那怎么設(shè)置

//設(shè)置邊框顏色和寬度
self.myView.layer.borderColor = [UIColor redColor].CGColor;
self.myView.layer.borderWidth = 2;
//設(shè)置圓角
self.myView.layer.masksToBounds = YES;
self.myView.layer.cornerRadius = 10; (寬高都是20的話就是純圓)

通過xib快速設(shè)置圓角
是利用User Defined Runtime Attributes 進(jìn)行設(shè)置


設(shè)置圓角.png

身份檢查器
詳細(xì)步驟介紹
點(diǎn)擊UI控件
點(diǎn)擊 Xcode 右側(cè)上方身份檢查器(左起第三個(gè)按鈕)
找到 Runtime Attributes 屬性派撕,通過Key Path 和 Value 進(jìn)行設(shè)置
設(shè)置圓角需要到的Key Path:
layer.cornerRadius 劳翰,注意該 key 對應(yīng) Value 的 type 應(yīng)該設(shè)置為 String
layer.masksToBounds ,注意該 key 對應(yīng) Value 的 type 應(yīng)該設(shè)置為 Boolean , 當(dāng)右側(cè)出現(xiàn)對號時(shí)為YES
注意:經(jīng)過測試滑凉,UILabel 必須設(shè)置設(shè)置 masksToBounds 這一鍵值對蟋恬,才會出現(xiàn)圓角效果额湘;UIButton鹅很、UIView醉者、UIImageView 只需設(shè)置 layer.cornerRadius 這一鍵值對就可實(shí)現(xiàn)圓角效果

Xib 為控件設(shè)置邊框效果
所用方法和上面所講Xib設(shè)置圓角基本相同啼器,唯一不同的就是設(shè)置 key Path 鍵值對

layer.borderWidth ,注意該 key 對應(yīng) Value 的 type 應(yīng)該設(shè)置為 Number
layer. borderXibColor , 注意該 key 對應(yīng) Value 的 type 應(yīng)該設(shè)置為 Color

不過不知道你有沒有注意到 layer.borderColor 對應(yīng)值得類型:Color税课;經(jīng)常用代碼進(jìn)行邊框設(shè)置的你闲延,一定記得我們設(shè)置的顏色類型為CGColor,不錯(cuò)問題就出在了這上面
按照上述方法我們設(shè)置的邊框顏色為 UIColor 類型,當(dāng)然不會起作用了啊韩玩。
(如果代碼設(shè)置那個(gè)顏色或提示出一段橋接代碼)

這時(shí)下面就給出一種簡便的解決方法垒玲,我們只需要為 CALayer 創(chuàng)建一個(gè)分類就可以了,具體代碼如下:
CALayer+xibConfig.h

#import <QuartzCore/QuartzCore.h>
#import <UIKit/UIKit.h>
@interface CALayer (xibConfig)
@property(nonatomic, weak) UIColor * borderXibColor;
@end

CALayer+xibConfig.m

#import "CALayer+xibConfig.h"
@implementation CALayer (xibConfig)

-(void)setBorderXibColor:(UIColor*)color
{
    self.borderColor = color.CGColor;
}

-(UIColor*)borderXibColor
{
    return [UIColor colorWithCGColor:self.borderColor];
}

注意:當(dāng)我們使用Xib設(shè)置控件圓角找颓、邊框的時(shí)候合愈,如果將key Path寫錯(cuò),系統(tǒng)不會報(bào)錯(cuò)击狮,但是運(yùn)行不會實(shí)現(xiàn)理想的效果


我是楚簡約佛析,感謝您的閱讀,

喜歡就點(diǎn)個(gè)贊唄彪蓬,“?喜歡”寸莫,

鼓勵(lì)又不花錢,你在看档冬,我就繼續(xù)寫~

非簡書用戶储狭,可以點(diǎn)右上角的三個(gè)“...”,然后"在Safari中打開”捣郊,就可以點(diǎn)贊咯~


到此為止.記錄下容易忘的細(xì)節(jié)同大家分享!!!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市慈参,隨后出現(xiàn)的幾起案子呛牲,更是在濱河造成了極大的恐慌,老刑警劉巖驮配,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件娘扩,死亡現(xiàn)場離奇詭異,居然都是意外死亡壮锻,警方通過查閱死者的電腦和手機(jī)琐旁,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來猜绣,“玉大人灰殴,你說我怎么就攤上這事£希” “怎么了牺陶?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵伟阔,是天一觀的道長。 經(jīng)常有香客問我掰伸,道長皱炉,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任狮鸭,我火速辦了婚禮合搅,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘歧蕉。我一直安慰自己灾部,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布廊谓。 她就那樣靜靜地躺著梳猪,像睡著了一般。 火紅的嫁衣襯著肌膚如雪蒸痹。 梳的紋絲不亂的頭發(fā)上春弥,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天,我揣著相機(jī)與錄音叠荠,去河邊找鬼匿沛。 笑死,一個(gè)胖子當(dāng)著我的面吹牛榛鼎,可吹牛的內(nèi)容都是我干的逃呼。 我是一名探鬼主播,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼者娱,長吁一口氣:“原來是場噩夢啊……” “哼抡笼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起黄鳍,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤推姻,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后框沟,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體藏古,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年忍燥,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了拧晕。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,834評論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡梅垄,死狀恐怖厂捞,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤蔫敲,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布饲嗽,位于F島的核電站,受9級特大地震影響奈嘿,放射性物質(zhì)發(fā)生泄漏貌虾。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一裙犹、第九天 我趴在偏房一處隱蔽的房頂上張望尽狠。 院中可真熱鬧,春花似錦叶圃、人聲如沸袄膏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽沉馆。三九已至,卻和暖如春德崭,著一層夾襖步出監(jiān)牢的瞬間斥黑,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工眉厨, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留锌奴,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓憾股,卻偏偏與公主長得像鹿蜀,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子服球,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 在iOS中隨處都可以看到絢麗的動畫效果茴恰,實(shí)現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺ios動畫全貌斩熊。在這里你可以看...
    每天刷兩次牙閱讀 8,488評論 6 30
  • xib中為各種控件設(shè)置圓角 通過代碼的方式設(shè)置 通過xib快速設(shè)置圓角利用User Defined Runtime...
    斷劍閱讀 30,256評論 12 22
  • 在iOS中隨處都可以看到絢麗的動畫效果座享,實(shí)現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺iOS動畫全貌似忧。在這里你可以看...
    F麥子閱讀 5,110評論 5 13
  • 轉(zhuǎn)載:http://www.reibang.com/p/32fcadd12108 每個(gè)UIView有一個(gè)伙伴稱為l...
    F麥子閱讀 6,200評論 0 13
  • 首先渣叛,說一下如何在xib中設(shè)置Button的邊框及圓角效果:選中要設(shè)置的Button, 切換到圖中對應(yīng)位置盯捌,點(diǎn)擊加...
    Kingsleeeey閱讀 5,679評論 0 1