iOS 單選按鈕實(shí)現(xiàn)--自帶button控件使用(轉(zhuǎn))

[圖片上傳失敗...(image-10d99d-1510544028651)]

心如止水的魚

<a class="btn btn-success follow" style="box-sizing: border-box; background-color: rgb(66, 192, 46); color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; display: inline-block; margin-bottom: 0px; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; background-image: none; border: 1px solid rgb(66, 192, 46); white-space: nowrap; padding: 0px 7px 0px 5px; font-size: 12px; line-height: normal; border-radius: 40px; user-select: none;">關(guān)注</a>

2016.08.20 10:31*

字?jǐn)?shù) 555

閱讀 5039

評(píng)論 4

喜歡 4

image

一彼念、思路解析

充分利用button的select屬性槽畔,設(shè)置button的選中及非選中狀態(tài)局嘁。設(shè)置一個(gè)全局的選中button(當(dāng)前選中的button),這樣一個(gè)簡單的單選功能就實(shí)現(xiàn)了端朵。

二、具體源碼

(1)準(zhǔn)備工作:

@property (nonatomic,strong) UIView *SearchTopview;

@property (nonatomic,weak) UIButton *Selectbutton;

pragma mark - getter and setter

  • (UIView *)SearchTopview{

if (_SearchTopview == nil) {

_SearchTopview = [[UIView alloc] init];

_SearchTopview.frame = CGRectMake(0, 0, SCREEN_WIDTH, 100);

}

return _SearchTopview;

}

(2)首先一個(gè)for循環(huán)設(shè)置按鈕

UILabel *lbTitle = [[UILabel alloc]init];

lbTitle.frame = CGRectMake(10, 0, SCREEN_WIDTH - 20, 30);

lbTitle.textAlignment = NSTextAlignmentLeft;

lbTitle.text = @"選擇你要的搜索分類";

lbTitle.textColor = [UIColor grayColor];

lbTitle.font = HiraginoMidFONT;

[self.SearchTopview addSubview:lbTitle];

NSArray *titlearray = @[@"資訊",@"餐答",@"秀場(chǎng)",@"廚師",@"掌柜",@"秘籍",@"課堂",@"產(chǎn)品",@"懸賞",@"人物志"];

int col = 4;

int margin = 10;

for (int i = 0; i < titlearray.count; i++) {

int page = i/col;

int index = i%col;

UIButton BtnSearch = [[UIButton alloc]initWithFrame:CGRectMake(margin + index(SCREEN_WIDTH - (col + 1)margin)/col + marginindex,40page + 40,(SCREEN_WIDTH - (col + 1)margin)/col,30 )];

BtnSearch.layer.cornerRadius = 5;

BtnSearch.layer.masksToBounds = YES;

BtnSearch.layer.shadowOffset = CGSizeMake(1, 1);

BtnSearch.layer.shadowOpacity = 0.8;

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

BtnSearch.backgroundColor = [UIColor lightGrayColor];

BtnSearch.tag = i;

[BtnSearch setTitle:titlearray[i] forState:UIControlStateNormal];

[BtnSearch setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];

[BtnSearch setTitleColor:BackyellowColor forState:UIControlStateSelected];

BtnSearch.titleLabel.font = HiraginoMidFONT;

[BtnSearch addTarget:self action:@selector(SelectBtnSearch:) forControlEvents:UIControlEventTouchUpInside];

if (i == 0) {

BtnSearch.backgroundColor = BackblackColor;

BtnSearch.selected = YES;

self.Selectbutton = BtnSearch;

}

[self.SearchTopview addSubview:BtnSearch];

}

self.SearchTopview.height = [CalculationTool rowWithcount:titlearray.count andcol:col]*40 + 45;

(3)按鈕事件

pragma mark - event

  • (void)SelectBtnSearch:(UIButton *)Btn{

if (!Btn.isSelected) {

self.Selectbutton.selected = !self.Selectbutton.selected;

self.Selectbutton.backgroundColor = [UIColor lightGrayColor];

Btn.selected = !Btn.selected;

Btn.backgroundColor = BackblackColor;

self.Selectbutton = Btn;

}

}

(4)按鈕事件 簡述

if (!Btn.isSelected):使點(diǎn)擊當(dāng)前按鈕是不執(zhí)行事件

self.Selectbutton.selected = !self.Selectbutton.selected; Btn.selected = !Btn.selected;

已經(jīng)選中的按鈕(self.Selectbutton)及當(dāng)前點(diǎn)擊按鈕(Btn)的取反 使選中按鈕為绞灼!select狀態(tài)唱蒸,單擊按鈕為selectt狀態(tài)

self.Selectbutton = Btn; 所以現(xiàn)在的選中按鈕就替換為你現(xiàn)在所點(diǎn)擊的按鈕了。

一個(gè)簡單的單選按鈕就實(shí)現(xiàn)了础芍。 第一次嘗試寫文章分享杈抢,文筆啥的差了,歡迎點(diǎn)評(píng)仑性,先來個(gè)簡單的試試水哈惶楼、。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末诊杆,一起剝皮案震驚了整個(gè)濱河市鲫懒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌刽辙,老刑警劉巖窥岩,帶你破解...
    沈念sama閱讀 221,198評(píng)論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異宰缤,居然都是意外死亡颂翼,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門慨灭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來朦乏,“玉大人,你說我怎么就攤上這事氧骤∩胝睿” “怎么了?”我有些...
    開封第一講書人閱讀 167,643評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵筹陵,是天一觀的道長刽锤。 經(jīng)常有香客問我镊尺,道長,這世上最難降的妖魔是什么并思? 我笑而不...
    開封第一講書人閱讀 59,495評(píng)論 1 296
  • 正文 為了忘掉前任庐氮,我火速辦了婚禮,結(jié)果婚禮上宋彼,老公的妹妹穿的比我還像新娘弄砍。我一直安慰自己,他們只是感情好输涕,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,502評(píng)論 6 397
  • 文/花漫 我一把揭開白布音婶。 她就那樣靜靜地躺著,像睡著了一般莱坎。 火紅的嫁衣襯著肌膚如雪桃熄。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,156評(píng)論 1 308
  • 那天型奥,我揣著相機(jī)與錄音瞳收,去河邊找鬼。 笑死厢汹,一個(gè)胖子當(dāng)著我的面吹牛螟深,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播烫葬,決...
    沈念sama閱讀 40,743評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼界弧,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了搭综?” 一聲冷哼從身側(cè)響起垢箕,我...
    開封第一講書人閱讀 39,659評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎兑巾,沒想到半個(gè)月后条获,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,200評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蒋歌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,282評(píng)論 3 340
  • 正文 我和宋清朗相戀三年帅掘,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片堂油。...
    茶點(diǎn)故事閱讀 40,424評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡修档,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出府框,到底是詐尸還是另有隱情吱窝,我是刑警寧澤,帶...
    沈念sama閱讀 36,107評(píng)論 5 349
  • 正文 年R本政府宣布,位于F島的核電站院峡,受9級(jí)特大地震影響兴使,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜撕予,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,789評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蜈首。 院中可真熱鬧实抡,春花似錦、人聲如沸欢策。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽踩寇。三九已至啄清,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間俺孙,已是汗流浹背辣卒。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評(píng)論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留睛榄,地道東北人荣茫。 一個(gè)月前我還...
    沈念sama閱讀 48,798評(píng)論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像场靴,于是被迫代替她去往敵國和親啡莉。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,435評(píng)論 2 359

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