iOS滾動標(biāo)題欄

.h文件----------------------------------------------------------------------

//

//LYTitleScrollView.h

//LYHandWork

//

//Created by李瑜on 16/9/8.

//Copyright ? 2016年李瑜. All rights reserved.

//

#import <UIKIT/UIKIT.h>

/*

*協(xié)議

*/

@protocolLYTitleScrollViewDelegate

//處理點擊事件的代理方法

- (void)scrollView:(UIScrollView*)scrollView DidSelectedButton:(UIButton*)sender;

@end

@interfaceLYTitleScrollView :UIScrollView

/*

*property

*/

//代理

@property(nonatomic,weak)id buttonEventdelegate;

//該屬性決定button的個數(shù)以及上面的文字

@property(nonatomic,strong)NSArray * titles;

/*

*Methods

*/

//處理button被選中時的狀態(tài)

- (void)handleTitleButtonStateWithIndex:(NSInteger)index;

//設(shè)置title文字的顏色

- (void)setTitleColor:(UIColor*)color forState:(UIControlState)state;

@end


.m文件--------------------------------------------------------------------------------

//

//LYTitleScrollView.m

//LYHandWork

//

//Created by李瑜on 16/9/8.

//Copyright ? 2016年李瑜. All rights reserved.

//

#define SCREEN_W [UIScreen mainScreen].bounds.size.width

#define SCREEN_H [UIScreen mainScreen].bounds.size.height

#import"LYTitleScrollView.h"

@interfaceLYTitleScrollView()

//選中的按鈕

@property(nonatomic,strong)UIButton* selectedButton;

//標(biāo)題滾動條上的所有按鈕

@property(nonatomic,strong)NSMutableArray* allButtons;

@end

@implementationLYTitleScrollView

- (NSMutableArray*)allButtons{

if(_allButtons==nil) {

_allButtons= [NSMutableArrayarray];

}

return_allButtons;

}

- (instancetype)initWithFrame:(CGRect)frame{

if(self= [superinitWithFrame:frame]) {

[selfconfigure];

}

returnself;

}

//懶加載,添加按鈕到標(biāo)題滾動條上

- (void)setTitles:(NSArray *)titles{

NSInteger count = titles.count;

CGFloat width =60;

CGFloat height =self.frame.size.height;

for(inti =0; i < count; i++) {

UIButton * button = [UIButton buttonWithType:UIButtonTypeCustom];

button.frame = CGRectMake(i * width,0, width, height);

[button setTitle:titles[i] forState:UIControlStateNormal];

[button setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];

[button setTitleColor:[UIColor redColor] forState:UIControlStateSelected];

button.titleLabel.font = [UIFont systemFontOfSize:15];

[selfaddSubview:button];

[button addTarget:selfaction:@selector(titleClick:) forControlEvents:UIControlEventTouchDown];

[self.allButtons addObject:button];

}

[selftitleClick:self.allButtons[0]];

self.contentSize = CGSizeMake(width * count,0);

}

//設(shè)置標(biāo)題文字的顏色

- (void)setTitleColor:(UIColor *)color forState:(UIControlState)state{

for(UIButton * buttoninself.allButtons) {

[button setTitleColor:color forState:state];

}

}

//配置scrollView的屬性

- (void)configure{

self.backgroundColor = [[UIColor greenColor] colorWithAlphaComponent:0.5];

self.showsHorizontalScrollIndicator =NO;

self.showsVerticalScrollIndicator =NO;

self.bounces =NO;

self.contentInset = UIEdgeInsetsMake(0,10,0,10);

}

#pragma mark -處理按鈕點擊事件

- (void)titleClick:(UIButton *)sender{

//處理被點擊的button的顏色,形變等狀態(tài)

[selfhandleTitleButtonStateWithIndex:[self.allButtons indexOfObject:sender]];

//處理點擊事件

if([self.buttonEventdelegate respondsToSelector:@selector(scrollView: DidSelectedButton:)]) {

[self.buttonEventdelegate scrollView:selfDidSelectedButton:sender];

}

}

/*

*改變titleButton的狀態(tài)

*按鈕被點擊時調(diào)用

*/

- (void)handleTitleButtonStateWithIndex:(NSInteger)index{

if(index >self.allButtons.count -1|| index <0) {

return;

}

UIButton * sender =self.allButtons[index];

if(sender ==self.selectedButton) {

NSLog(@"重復(fù)點擊");

}

//取消上一個按鈕的選中狀態(tài)

[self.selectedButton setSelected:NO];

//使當(dāng)前按鈕進入選中狀態(tài)

[sender setSelected:YES];

//點擊后放大

[UIView animateWithDuration:0.3animations:^{

self.selectedButton.transform = CGAffineTransformIdentity;

sender.transform = CGAffineTransformMakeScale(1.2,1.2);

}];

/*

*如果按鈕部分在屏幕之外,點擊按鈕滾動標(biāo)題條使選中的按鈕完全顯示

*/

CGFloat offset =self.contentOffset.x;

//超出屏幕左邊之外

if(sender.frame.origin.x - offset <0) {

[UIView animateWithDuration:0.3animations:^{

self.contentOffset = CGPointMake(sender.frame.origin.x,0);

}];

}

//超出屏幕右邊之外

if(CGRectGetMaxX(sender.frame) - offset > SCREEN_W) {

[UIView animateWithDuration:0.3animations:^{

self.contentOffset = CGPointMake(CGRectGetMaxX(sender.frame) - SCREEN_W,0);

}];

}

//記錄已經(jīng)被選中的按鈕

self.selectedButton = sender;

}

@end



注意:控制器使用此類時官套,一定要加上代碼(如果有導(dǎo)航控制器的情況下)self.navigationController.navigationBar.translucent=NO;否則button將無法顯示

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末晴弃,一起剝皮案震驚了整個濱河市焕蹄,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌及老,老刑警劉巖左冬,帶你破解...
    沈念sama閱讀 211,743評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件桐筏,死亡現(xiàn)場離奇詭異,居然都是意外死亡又碌,警方通過查閱死者的電腦和手機九昧,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評論 3 385
  • 文/潘曉璐 我一進店門绊袋,熙熙樓的掌柜王于貴愁眉苦臉地迎上來毕匀,“玉大人,你說我怎么就攤上這事癌别≡聿恚” “怎么了?”我有些...
    開封第一講書人閱讀 157,285評論 0 348
  • 文/不壞的土叔 我叫張陵展姐,是天一觀的道長躁垛。 經(jīng)常有香客問我,道長圾笨,這世上最難降的妖魔是什么教馆? 我笑而不...
    開封第一講書人閱讀 56,485評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮擂达,結(jié)果婚禮上土铺,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好悲敷,可當(dāng)我...
    茶點故事閱讀 65,581評論 6 386
  • 文/花漫 我一把揭開白布究恤。 她就那樣靜靜地躺著,像睡著了一般后德。 火紅的嫁衣襯著肌膚如雪部宿。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,821評論 1 290
  • 那天瓢湃,我揣著相機與錄音理张,去河邊找鬼。 笑死绵患,一個胖子當(dāng)著我的面吹牛涯穷,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播藏雏,決...
    沈念sama閱讀 38,960評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼拷况,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了掘殴?” 一聲冷哼從身側(cè)響起赚瘦,我...
    開封第一講書人閱讀 37,719評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎奏寨,沒想到半個月后起意,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,186評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡病瞳,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,516評論 2 327
  • 正文 我和宋清朗相戀三年揽咕,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片套菜。...
    茶點故事閱讀 38,650評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡亲善,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出逗柴,到底是詐尸還是另有隱情蛹头,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布戏溺,位于F島的核電站渣蜗,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏旷祸。R本人自食惡果不足惜耕拷,卻給世界環(huán)境...
    茶點故事閱讀 39,936評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望托享。 院中可真熱鬧骚烧,春花似錦控淡、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至凭戴,卻和暖如春涧狮,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背么夫。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評論 1 266
  • 我被黑心中介騙來泰國打工者冤, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人档痪。 一個月前我還...
    沈念sama閱讀 46,370評論 2 360
  • 正文 我出身青樓涉枫,卻偏偏與公主長得像,于是被迫代替她去往敵國和親腐螟。 傳聞我的和親對象是個殘疾皇子愿汰,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,527評論 2 349

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