ios UISegmentedControl的使用簡介

來源:互聯網
上載者:User

標籤:

初始化UISegmentedControl

NSArray *arr = [[NSArray alloc]initWithObjects:@"輕拍",@"長按",@"清掃",@"旋轉",@"捏合",@"拖拽", nil];

//先建立一個數組用於設定標題

 UISegmentedControl *segment = [[UISegmentedControl alloc]initWithItems:arr];

//在沒有設定[segment setApportionsSegmentWidthsByContent:YES]時,每個的寬度按segment的寬度平分

segment.frame = CGRectMake(0, 400, 320, 40);

//設定frame

 

管理Segment的內容

[segment setTitle:@"大便" forSegmentAtIndex:3]; 

//設定下標為3的segment的標題 下標以0開始 iOS裡的所有下標都是以0開始

[segment setImage:[UIImage imageNamed:@"3"] forSegmentAtIndex:4];

//設定下標為4的segment的圖片

 

管理Segments

[segment insertSegmentWithImage:[UIImage imageNamed:@"3"] atIndex:2 animated:YES]; //設定圖片

[segment insertSegmentWithTitle:@"ddd" atIndex:0 animated:YES];//設定標題

[segment numberOfSegments];//得到segment的數量

[segment removeAllSegments];//移出所有segment

[segment removeSegmentAtIndex:2 animated:YES];//移出下標為2的segment

segment.selectedSegmentIndex = 0;//選中第幾個segment 一般用於初始化時選中

 

管理Segment的行為和外觀   

segment.momentary = NO;

//預設為NO 當設定為YES時,當被選中後,一會兒後不顯示被選中狀態(最左邊的樣子),不選中狀態即的右邊幾個按鈕一樣


segment.segmentedControlStyle = UISegmentedControlStyleBar;

typedef enum {
   UISegmentedControlStylePlain,
   UISegmentedControlStyleBordered,
   UISegmentedControlStyleBar,
   UISegmentedControlStyleBezeled,
} UISegmentedControlStyle;

//設定樣式 當為Bordered和Bar時tintColor才有效 為tintcolor為紅色時的樣子

//Bar樣式

//Bordered

//現在使用會報出警告,因為(NS_DEPRECATED_IOS(2_0, 7_0, "The segmentedControlStyle property no longer has any effect") __TVOS_PROHIBITED;)

[segment setEnabled:NO]; //設定segment是否可用 此方法是其父類UIControl的方法

[segment setEnabled:NO forSegmentAtIndex:2];//設定下標為2的segment不可用

[segment setWidth:100 forSegmentAtIndex:2]; //這時下表為2的segment的寬度

[segment setContentOffset:CGSizeMake(10, 10) forSegmentAtIndex:2];//設定內容位移

segment.apportionsSegmentWidthsByContent = YES; //是否根據segment的內容改變segment的寬度

自訂外觀

[segment setTintColor:[UIColor redColor]]; //設定segments的顏色

[segment setBackgroundImage:[UIImage imageNamed:@""] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];

typedef enum {
    UIBarMetricsDefault,  //豎屏
    UIBarMetricsLandscapePhone,  橫屏
} UIBarMetrics;

//設定在某個狀態下segments的背景圖片

[segment setTitleTextAttributes:dic forState:UIControlStateNormal];


NSString *const UITextAttributeFont;                       value: UIFont
NSString *const UITextAttributeTextColor;                 value: UIColor
NSString *const UITextAttributeTextShadowColor;       value: UIColor
NSString *const UITextAttributeTextShadowOffset;      value: NSValue wrapping a UIOffset
    
NSDictionary *dic = [NSDictionary dictionaryWithObjectsAndKeys:[UIColor redColor],UITextAttributeTextColor,[UIFont fontWithName:@"SnellRoundhand-Bold" size:24],UITextAttributeFont ,nil];  

//設定標題的顏色 字型和大小 陰影和陰影顏色

 

[segment addTarget:self action:@selector(change:) forControlEvents:UIControlEventValueChanged];

//當選中不同的segment時,會執行change:方法

 

 

 

UISegmentedControl分段控制項代替了案頭OS上的選項按鈕。不過它的選項個數非常有限,因為你的IOS裝置螢幕有限。當我們需要使用選項非常少的選項按鈕時它很合適。

一、建立

UISegmentedControl*mySegmentedControl = [[UISegmentedControlalloc]initWithItems:nil];

是不是很奇怪沒有指定位置和大小呢?沒錯,我確實在他的類聲明裡只找到 initWithItems 而未找到 initWithFrame ,所以他不需要指定,不過我看到了另一個方法,這個方法可以設定Item的寬度:

  1. mySegmentedControl setWidth:100 forSegmentAtIndex:0];//設定Item的寬度  

 

二、屬性

  1. mySegmentedControl.segmentedControlStyle = UISegmentedControlStyleBar;//風格  

可以視使用的場合,有三種風格選擇,如下:

  1. typedef enum {  
  2.     UISegmentedControlStylePlain,     // large plain 有灰邊的大白按鈕,適合喜好設定單元   
  3.     UISegmentedControlStyleBordered,  // large bordered 黑邊的大白按鈕,適用於表格單元   
  4.     UISegmentedControlStyleBar,       // small button/nav bar style. tintable 小按鈕,適合導覽列   
  5.     UISegmentedControlStyleBezeled,   // large bezeled style. tintable   
  6. } UISegmentedControlStyle;  

如果你使用的是 UISegmentedControlStyleBar 風格,還可以用空間的 tintColor 屬性為整個控制項設定渲染色彩:

  1. UIColor *myTint = [[ UIColor alloc]initWithRed:0.66 green:1.0 blue:0.77 alpha:1.0];  
  2.    mySegmentedControl.tintColor = myTint;  

三、添加、刪除片段

 

每個分段控制項的片段都是一個按鈕,其中包含一個標籤或圖片。你需要在你的控制項中為每個控制項建立一個片段。只要螢幕放得下,就可以有許多片段,但使用者同一時刻只能選擇一個片段。

  1. [mySegmentedControl insertSegmentWithTitle:@"First" atIndex:0 animated:YES];  
  2.     [mySegmentedControl insertSegmentWithTitle:@"Second" atIndex:2 animated:YES];  

每個
按鈕都被賦予一個索引,用這個索排序以及標識。
你也可以添加一個含有映像的片段,用inserSegmentWithImage

  1. [mySegmentedControl insertSegmentWithImage:[UIImage imageNamed:@"pic"]  atIndex:3 animated:YES];  

刪除片段

  1. [mySegmentedControl removeSegmentAtIndex:0 animated:YES];//刪除一個片段   
  2.     [mySegmentedControl removeAllSegments];//刪除所有片段  

四、片段標題

  1. [mySegmentedControl setTitle:@"ZERO" forSegmentAtIndex:0];//設定標題   
  2.     NSString* myTitle = [mySegmentedControl titleForSegmentAtIndex:1];//讀取標題  

五、映像

 

每個分段也可以設定映像:

  1. [mySegmentedControl setImage:[UIImage imageNamed:@"pic"] forSegmentAtIndex:1];//設定   
  2.     UIImage* myImage = [mySegmentedControl imageForSegmentAtIndex:2];//讀取  

注意:映像不會自動調整大小,圖片多大就會原生地顯示多大,所以你要通知做圖的美工大小要精確。
六、選中分段

 

分段控制項的預設行為是,一旦按鈕被選中就一直保持,直到另外一個按鈕被選中為止。你可以改變這種預設的行為,變成按鈕按下後很快就自動釋放。將控制項的momentary屬性設為YES:

  1. mySegmentedControl.momentary = YES;  

注意:開啟這個功能後點觸片段不會更新 selectedSegmentedIndex,因此也就無法通過這個屬性得到當前選取的片段。

 

初始化預設片段

預設情況下,除非你指定,否則不會有任何片段被選中。要設定 selectedSegmentedIndex 屬性:

  1. mySegmentedControl.selectedSegmentedIndex = 0;  

七、顯示控制項

  1. [parentView addSubview:mySegmentedControl];//添加到父視圖   
  2.    或  
  3.    self.navigationItem.titleView = mySegmentedControl;//添加到導覽列  

八、讀取控制項

 

通過 selectedSegmentedIndex 屬性,可以讀取當前選中分段的值,這個值就是選中片段的索引號。

  1. int x = mySegmentedControl. selectedSegmentedIndex;  

九、通知

 

要接收片段選取的通知,可以用UIControl類的 addTarget 方法,為 UIControlEventValueChanged 事件添加一個動作:

  1. [mySegmentedControl addTarget:self action:@selector(selected:) forControlEvents:UIControlEventValueChanged];  

只要選中了一個片段,你的動作方法就會被調用:

    1. -(void)selected:(id)sender{  
    2.     UISegmentedControl* control = (UISegmentedControl*)sender;  
    3.     switch (control.selectedSegmentIndex) {  
    4.         case 0:  
    5.             //   
    6.             break;  
    7.         case 1:  
    8.             //   
    9.             break;  
    10.         case 2:  
    11.             //   
    12.             break;  
    13.               
    14.         default:  
    15.             break;  
    16.     }  
    17. }  

ios UISegmentedControl的使用簡介

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.