NSArray *segmentedArray = [NSArrayarrayWithObjects:STR(@"Mynews"),STR(@"Systemmessage"),nil];
UISegmentedControl *segmentedControl = [[UISegmentedControlalloc]initWithItems:segmentedArray];
segmentedControl.backgroundColor = [UIColorkvColorWithRed:21green:33blue:46alpha:1];
segmentedControl.layer.masksToBounds = YES; // 默認為no，不設置則下面一句無效
segmentedControl.layer.cornerRadius = 8; // 設置圓角大小，同UIView
segmentedControl.layer.borderWidth = 1.5; // 邊框寬度，重新畫邊框，若不重新畫，可能會出現圓角處無邊框的情況
segmentedControl.layer.borderColor = [UIColorblackColor].CGColor; // 邊框顏色
segmentedControl.frame = CGRectMake(0, 0.15029*CFG, 0.2716*CFW, 0.0814*CFG); // 0.3642*CFW
segmentedControl.selectedSegmentIndex = 0;
segmentedControl.tintColor = [UIColorkvColorWithRed:252green:108blue:33alpha:1];
// segmentedControl.segmentedControlStyle = UISegmentedControlStyleBar;
[segmentedControl setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColorwhiteColor]}forState:UIControlStateSelected];
[segmentedControl setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColorkvColorWithRed:129green:129blue:129alpha:1],NSFontAttributeName:[UIFontboldSystemFontOfSize:14.0f]}forState:UIControlStateNormal];
// UIFont *font = [UIFont boldSystemFontOfSize:14.0f]; // 設置字體大小
// NSDictionary *attributes = [NSDictionary dictionaryWithObject:font
// forKey:NSFontAttributeName];
// [segmentedControl setTitleTextAttributes:attributes
// forState:UIControlStateNormal];
[self.viewaddSubview:segmentedControl];
//添加事件
[segmentedControl addTarget:selfaction:@selector(change:) forControlEvents:UIControlEventValueChanged]
}
// 實現添加的事件
//點擊不同分段就會有不同的事件進行相應
-(void)change:(UISegmentedControl *)sender{
NSLog(@"測試");
if (sender.selectedSegmentIndex == 0) {
NSLog(@"1");
[self.systemNewsViewremoveFromSuperview];
[self.viewaddSubview:self.myTableView];
[self.myTableViewreloadData];
}elseif (sender.selectedSegmentIndex == 1){
NSLog(@"2");
[self.viewaddSubview:[selfsystemNewsView]];
[self.myTableViewremoveFromSuperview];
[self.systemNewsViewreloadData];
}
}
今天我們來說下iOS中的分段選擇控制器UISegmentedControl,這一控件有什么作用呢
- 每個segment都能被點擊,相當於集成了多個button
- 通常我們會點擊不同的segment來切換不同的view
那么它實現了一個什么效果呢,我們先看下圖:
那么怎么實現這一效果能,只需要簡單幾句代碼:
//先生成存放標題的數據 NSArray *array = [NSArray arrayWithObjects:@"家具",@"燈飾",@"建材",@"裝飾", nil]; //初始化UISegmentedControl UISegmentedControl *segment = [[UISegmentedControl alloc]initWithItems:array]; //設置frame segment.frame = CGRectMake(10, 100, self.view.frame.size.width-20, 30);
segmentedC.backgroundColor = [UIColor whiteColor]; //
segmentedC.layer.masksToBounds = YES; // 默認為no，不設置則下面一句無效
segmentedC.layer.cornerRadius = 12.5; // 設置圓角大小，同UIView
segmentedC.layer.borderWidth = 1; // 邊框寬度，重新畫邊框，若不重新畫，可能會出現圓角處無邊框的情況
segmentedC.layer.borderColor = [UIColor blueColor].CGColor; // 邊框顏色
segmentedC.backgroundColor = [UIColor whiteColor]; //
segmentedC.layer.masksToBounds = YES; // 默認為no，不設置則下面一句無效
segmentedC.layer.cornerRadius = 12.5; // 設置圓角大小，同UIView
segmentedC.layer.borderWidth = 1; // 邊框寬度，重新畫邊框，若不重新畫，可能會出現圓角處無邊框的情況
segmentedC.layer.borderColor = [UIColor blueColor].CGColor; // 邊框顏色
//添加到視圖 [self.view addSubview:segment];這樣一個簡單的分段控制器就生成了,這樣還不能使用,我們實際開發中需要根據它的屬性去進一步設置.
UISegmentedControl屬性設置
在segment生成后我們可以根據需求在任意位置插入或刪除內容
//添加一個分段(在指定下標下插入,並設置動畫效果) [segment insertSegmentWithTitle:@"五金電料" atIndex:2 animated:NO]; //插入圖片分段 //[segment insertSegmentWithImage:[UIImage imageNamed:@"需要插入圖片的名字"] atIndex:2 animated:YES]; //移除一個分段(根據下標) //[segme removeSegmentAtIndex:0 animated:YES];
我們還可以設置其他屬性
//根據下標修改分段標題(修改下標為2的分段) [segme setTitle:@"巧克力" forSegmentAtIndex:2]; //根據內容定分段寬度 segme.apportionsSegmentWidthsByContent = YES; //開始時默認選中下標(第一個下標默認是0) segme.selectedSegmentIndex = 2; //控件渲染色(也就是外觀字體顏色) segment.tintColor = [UIColor redColor]; //按下是否會自動釋放： //segment.momentary = YES;
除了以上屬性,我們也可以設置每一個分段的屬性
// 設置指定索引選項的寬度(設置下標為2的分段寬度) [segment setWidth:70.0 forSegmentAtIndex:2]; // 設置分段中標題的位置(0,0點為中心) [segment setContentOffset:CGSizeMake(10,10) forSegmentAtIndex:3];
當然最重要的是我們要給segment添加事件
//添加事件 [segme addTarget:self action:@selector(change:) forControlEvents:UIControlEventValueChanged];實現添加的事件
//點擊不同分段就會有不同的事件進行相應 -(void)change:(UISegmentedControl *)sender{ NSLog(@"測試"); if (sender.selectedSegmentIndex == 0) { NSLog(@"1"); }else if (sender.selectedSegmentIndex == 1){ NSLog(@"2"); }else if (sender.selectedSegmentIndex == 2){ NSLog(@"3"); }else if (sender.selectedSegmentIndex == 3){ NSLog(@"4"); }如果開發中有需求,我們可以讓其在導航欄顯示,只需要我們稍微改變下添加到視圖的方法
//顯示在導航欄上 self.navigationItem.titleView = segmentedControl;
這只是我個人總結的UISegmentedControl的一些簡單使用方法,如果有什么問題,還希望大家積極指出,共同進步,謝謝.
文／呼嚕ZR（簡書作者）
原文鏈接：http://www.jianshu.com/p/7d9e4d4368c8
著作權歸作者所有，轉載請聯系作者獲得授權，並標注“簡書作者”。
-
初始化的方法
//一次性初始化多個control，items可以是圖片或者是文字array，系統會自動控制每個單元的大小 //也可通過正常View的初始化進行 - (instancetype)initWithItems:(NSArray *)items; -
事件添加
//通過UIControl的方法來設置，當改變segments的時候通過事件UIControlEventValueChanged， //通過action來處理事件 [self.mySegmentedControl addTarget:self action:@selector(myAction:) forControlEvents:UIControlEventValueChanged]; -
Segmented Controls的內容設置
//通過索引設置以及獲取Title和Image - (void)setTitle:(NSString *)title forSegmentAtIndex:(NSUInteger)segment; - (NSString *)titleForSegmentAtIndex:(NSUInteger)segment; - (void)setImage:(UIImage *)image forSegmentAtIndex:(NSUInteger)segment; - (UIImage *)imageForSegmentAtIndex:(NSUInteger)segment; -
Segmented Controls Segments的設置
//在索引點插入一個新的標題的segment - (void)insertSegmentWithTitle:(NSString *)title atIndex:(NSUInteger)segment animated:(BOOL)animated; //在索引點插入一個新的圖片的segment - (void)insertSegmentWithImage:(UIImage *)image atIndex:(NSUInteger)segment animated:(BOOL)animated; - (void)removeSegmentAtIndex:(NSUInteger)segment animated:(BOOL)animated; - (void)removeAllSegmens; //Segment的數量 @property(nonatomic,readonly) NSUInteger numberOfSegments; //被選中的索引 @property(nonatomic) NSInteger selectedSegmentIndex; -
Segmented Controls顯示和行為設置
//默認值為NO，即點擊后保持選中狀態，如果設置為YES則，只是短暫的顯示選中狀態 @property(nonatomic,getter=isMomentary) BOOL momentary; //通過索引調整每個segment的width，如果設置為0.0則表示自動調整大小，默認為0.0 - (void)setWidth:(CGFloat)width forSegmentAtIndex:(NSUInteger)segment; - (CGFloat)widthForSegmentAtIndex:(NSUInteger)segment; //通過索引調整文字或者圖片在segment的offset，默認為（0,0） - (void)setContentOffset:(CGSize)offset forSegmentAtIndex:(NSUInteger)segment; - (CGSize)contentOffsetForSegmentAtIndex:(NSUInteger)segment; //設置segment是否能選中 - (void)setEnabled:(BOOL)enabled forSegmentAtIndex:(NSUInteger)segment; - (BOOL)isEnabledForSegmentAtIndex:(NSUInteger)segment; //是否根據內容的大小自動調整寬度 @property(nonatomic) BOOL apportionsSegmentWidthsByContent NS_AVAILABLE_IOS(5_0); -
自定義的外觀
//設置UISegmentedControl的邊框，分隔線，文字，點擊后的顏色 @property(nonatomic,retain) UIColor *tintColor; //獲取和設置背景圖片，通過UIControlState和barMetrics的進行設置和獲取，主要需要先設置 //UIControlStateNormal才會有效果 - (UIImage *)backgroundImageForState:(UIControlState)state barMetrics:(UIBarMetrics)barMetrics - (void)setBackgroundImage:(UIImage *)backgroundImage forState:(UIControlState)state barMetrics:(UIBarMetrics)barMetrics //設置分割線的圖片樣式，首先需要設置UIControlStateNormal不管左邊還是右邊， //設置完成后再調用設置方法，根據UIControlState顯示分割線 - (void)setDividerImage:(UIImage *)dividerImage forLeftSegmentState:(UIControlState)leftState rightSegmentState:(UIControlState)rightState barMetrics:(UIBarMetrics)barMetrics - (UIImage *)dividerImageForLeftSegmentState:(UIControlState)leftState rightSegmentState:(UIControlState)rightState barMetrics:(UIBarMetrics)barMetric //設置Title的樣式，包括 font, text color, shadow。通過NSAttributedString.h里面的鍵值對 - (void)setTitleTextAttributes:(NSDictionary *)attributes forState:(UIControlState)state NS_AVAILABLE_IOS(5_0) UI_APPEARANCE_SELECTOR; - (NSDictionary *)titleTextAttributesForState:(UIControlState)state NS_AVAILABLE_IOS(5_0) UI_APPEARANCE_SELECTOR; //調整title和image的位置，通過給定的segment - (void)setContentPositionAdjustment:(UIOffset)adjustment forSegmentType:(UISegmentedControlSegment)leftCenterRightOrAlone barMetrics:(UIBarMetrics)barMetrics NS_AVAILABLE_IOS(5_0) UI_APPEARANCE_SELECTOR; - (UIOffset)contentPositionAdjustmentForSegmentType:(UISegmentedControlSegment)leftCenterRightOrAlone barMetrics:(UIBarMetrics)barMetrics NS_AVAILABLE_IOS(5_0) UI_APPEARANCE_SELECTOR;