??之前因為項目需要，做了一個滑動分段按鈕，現(xiàn)在才有空分享出來，雖然很簡單，但是還是要寫出來作為自己已經(jīng)學會了的小小證明，好了先上圖
ScrollButtonGif.gif
??如圖，主要有三種適應模式對應的屬性是btnWidthFitMode，第一種是視圖適應模式（ViewFitMode），就是所有的按鈕都會顯示在視圖中并填滿ScrollView的width，第二種是文字適應模式(FontFitMode)，就是所有按鈕會根據(jù)按鈕名字自動調(diào)整width，第三種是自定義模式，只需要直接對btnWidth賦值就可以，要注意的是如果對這個屬性賦值后，btnWidthFitMode這個屬性會自動失效。
??要創(chuàng)建一個滑動按鈕，需要一個名字數(shù)組和id數(shù)組，并實現(xiàn)按鈕事件代理，代碼如下：
創(chuàng)建
BaseScrollView *scrollView = [[BaseScrollView alloc]initWithFrame:CGRectMake(0, 50, self.view.frame.size.width, 50) andnameArray:@[@"1",@"2",@"3",@"4"] andIdArray:@[@1,@2,@3,@4]];
scrollView.tag = 0;
scrollView.baseScrollViewDelegate = self;
[self.view addSubview:scrollView];
代理事件
-(void)BaseScrollViewSegmentBtnSelectAction:(BaseButton *)button andScrollView:(BaseScrollView *)scrollView{
//do something
}
??其中代理事件中的button屬性為當前選中的button，scrollView為當前觸摸的BaseScrollView。
??下面介紹一下BaseScrollView的結構，上代碼
@class BaseScrollView;
@protocol BaseScrollViewDelegate<NSObject>
@optional
/**分段按鈕的代理事件**/
-(void)BaseScrollViewSegmentBtnSelectAction:(BaseButton*)button andScrollView:(BaseScrollView*)scrollView;
@end
@interface BaseScrollView : UIScrollView
/**按鈕寬度適應模式**/
typedef NS_ENUM(NSUInteger, BtnWidthFitMode) {
FontFitMode,//適應文字模式
ViewFitMode,//適應視圖模式
};
@property (weak)id<BaseScrollViewDelegate>baseScrollViewDelegate;
/**當前選中的按鈕索引**/
@property NSInteger selectedIndex;
/**按鈕寬度適應模式，默認ViewFitMode**/
@property BtnWidthFitMode btnWidthFitMode;
/**按鈕文字大小，默認為16**/
@property CGFloat btnFontSize;
/**按鈕寬度,如果大于0，按鈕會強制使用這個寬度，就是適應模式會失效**/
@property CGFloat btnWidth;
/**創(chuàng)建**/
-(instancetype)initWithFrame:(CGRect)frame andnameArray:(NSArray*)nameArray andIdArray:(NSArray*)idArray;
@end
??然后是關鍵代碼
創(chuàng)建多個按鈕的代碼
/**根據(jù)提供的數(shù)組創(chuàng)建分段按鈕**/
-(void)createSelfWithandnameArray:(NSArray*)nameArray andIdArray:(NSArray*)idArray{
if(!nameArray){
return;
}
//分段按鈕數(shù)組初始化
segmentBtnArray = [NSMutableArray array];
/**截取按鈕圖片**/
UIImage *btnImage = [UIImage imageNamed:@"按鈕.png"];
CGSize btnImageSize = CGSizeMake(btnImage.size.width, (btnImage.size.height-32)/2);
UIImage *btnUpImage = [btnImage getSubImage:CGRectMake(0, 0, btnImageSize.width, btnImageSize.height)];
UIImage *btnDownImage = [btnImage getSubImage:CGRectMake(0, btnImageSize.height+32, btnImageSize.width, btnImageSize.height)];
/**截取按鈕圖片**/
/**創(chuàng)建按鈕**/
for (NSInteger index = 0; index < nameArray.count; index++) {
//這里是封裝了按鈕的創(chuàng)建代碼，主要是嫌麻煩，想一步到位
BaseButton *segmentBtn = [BaseButton createButton:CGRectZero name:nameArray[index] andAction:@selector(segmentBtnAction:) andTarget:self];
//設置按鈕的背景圖片
[segmentBtn setUpImage:btnUpImage andDownImage:btnDownImage];
//設置字體大小
segmentBtn.titleLabel.font = [UIFont systemFontOfSize:self.btnFontSize];
segmentBtn.targetIndex = [idArray[index]integerValue];
//設置字體顏色
[segmentBtn setTitleColor:[UIColor blueColor] forState:UIControlStateSelected];
//添加到按鈕數(shù)組中
[segmentBtnArray addObject:segmentBtn];
[self addSubview:segmentBtn];
if (index == 0) {
lastBtn = segmentBtn;
//改變isDown的值會自動變化背景圖
segmentBtn.isDown = YES;
self.selectedIndex = segmentBtn.targetIndex;
}
}
/**創(chuàng)建按鈕**/
}
布局代碼
-(void)layoutSubviews{
[super layoutSubviews];
segmentHeight = self.frame.size.height;
segmentWidth = 0;
CGPoint lastBtnPos = CGPointMake(0, 0);
for (NSInteger index = 0; index < segmentBtnArray.count; index++){
CGSize size = CGSizeZero;
BaseButton *button = segmentBtnArray[index];
/**根據(jù)適應模式調(diào)整按鈕寬度以及位置**/
if(self.btnWidth>0){
size.width = self.btnWidth;
}else if(self.btnWidthFitMode == ViewFitMode){
size.width = self.frame.size.width/segmentBtnArray.count;
}else if(self.btnWidthFitMode == FontFitMode){
//獲取文字自適應Size
size = [button.titleLabel FitWithToFontWithFontSize:16];
size = CGSizeMake(size.width+10, size.height);
}
segmentWidth +=size.width;
[button setFrameWithOrigin:lastBtnPos andSize:CGSizeMake(size.width, segmentHeight)];
lastBtnPos = CGPointMake(lastBtnPos.x+size.width, lastBtnPos.y);
/**根據(jù)適應模式調(diào)整按鈕寬度以及位置**/
}
CGSize contentSize = CGSizeMake(segmentWidth, segmentHeight);
if(contentSize.width>self.frame.size.width){
self.contentSize = contentSize;
}else{
self.contentSize = self.frame.size;
}
}
??難點還是按鈕布局的邏輯，不過也不是太難，只要累加按鈕的width就能計算出按鈕的正確位置。
??介紹到這里吧，具體可以下載demo查看，如有錯漏請指正，謝謝
??gitHub地址:ScrollButtonDemo1
*郵箱：289193866@qq.com
