【UISegmentedControl】-  分段控制項

来源:http://www.cnblogs.com/pengbo12346/archive/2016/10/11/5950426.html
-Advertisement-
Play Games

一、初始化 二、常見的屬性 1、segmentedControlStyle屬性:設置基本的樣式 2、momentary屬性:設置在點擊後是否恢複原樣 。 3、numberOfSegments屬性:只讀,獲取總選項數。 4、apportionsSegmentWidthsByContent屬性:設置是否 ...


一、初始化
二、常見的屬性
1、segmentedControlStyle屬性:設置基本的樣式
2、momentary屬性:設置在點擊後是否恢複原樣 。
3、numberOfSegments屬性:只讀,獲取總選項數。
4、apportionsSegmentWidthsByContent屬性:設置是否根據segment的內容改變segment的寬度,預設為NO,寬度相同。
5、selectedSegmentIndex屬性:設置選中第幾個segment,一般用於初始化時選中。
6、tintColor屬性:設置控制項顏色,當為Bordered和Bar時tintColor才有效。
三、常用的方法
構造方法:
- (id)initWithItems:(NSArray *)items; // items can be NSStrings or UIImages. control is automatically sized to fit content

功能方法:
- (void)insertSegmentWithTitle:(NSString *)title atIndex:(NSUInteger)segment animated:(BOOL)animated; // insert before segment number. 0..#segments. value pinned
- (void)insertSegmentWithImage:(UIImage *)image  atIndex:(NSUInteger)segment animated:(BOOL)animated;
- (void)removeSegmentAtIndex:(NSUInteger)segment animated:(BOOL)animated;
- (void)removeAllSegments;

setter和getter:
- (void)setTitle:(NSString *)title forSegmentAtIndex:(NSUInteger)segment; // default is nil
- (NSString *)titleForSegmentAtIndex:(NSUInteger)segment;

- (void)setImage:(UIImage *)image forSegmentAtIndex:(NSUInteger)segment; // default is nil
- (UIImage *)imageForSegmentAtIndex:(NSUInteger)segment;

- (void)setWidth:(CGFloat)width forSegmentAtIndex:(NSUInteger)segment; // set to 0.0 width to autosize. default is 0.0
- (CGFloat)widthForSegmentAtIndex:(NSUInteger)segment;

- (void)setContentOffset:(CGSize)offset forSegmentAtIndex:(NSUInteger)segment; // adjust offset of image or text.default is (0,0)
- (CGSize)contentOffsetForSegmentAtIndex:(NSUInteger)segment;

- (void)setEnabled:(BOOL)enabled forSegmentAtIndex:(NSUInteger)segment; // default is YES
- (BOOL)isEnabledForSegmentAtIndex:(NSUInteger)segment;

- (void)setBackgroundImage:(UIImage *)backgroundImage forState:(UIControlState)state barMetrics:(UIBarMetrics)barMetrics;
- (UIImage *)backgroundImageForState:(UIControlState)state barMetrics:(UIBarMetrics)barMetrics;

- (void)setDividerImage:(UIImage *)dividerImage forLeftSegmentState:(UIControlState)leftState rightSegmentState:(UIControlState)rightState barMetrics:(UIBarMetrics)barMetrics;
- (UIImage *)dividerImageForLeftSegmentState:(UIControlState)leftState rightSegmentState:(UIControlState)rightState barMetrics:(UIBarMetrics)barMetrics;

- (void)setTitleTextAttributes:(NSDictionary *)attributes forState:(UIControlState)state;
- (NSDictionary *)titleTextAttributesForState:(UIControlState)state;

- (void)setContentPositionAdjustment:(UIOffset)adjustment forSegmentType:(UISegmentedControlSegment)leftCenterRightOrAlone barMetrics:(UIBarMetrics)barMetrics;
- (UIOffset)contentPositionAdjustmentForSegmentType:(UISegmentedControlSegment)leftCenterRightOrAlone barMetrics:(UIBarMetrics)barMetrics;

初始化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
[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的寬度:
mySegmentedControl setWidth:100 forSegmentAtIndex:0];//設置Item的寬度

二、屬性
mySegmentedControl.segmentedControlStyle = UISegmentedControlStyleBar;//風格
可以視使用的場合,有三種風格選擇,如下:
typedef enum {
UISegmentedControlStylePlain, // large plain 有灰邊的大白按鈕,適合偏好設置單元
UISegmentedControlStyleBordered, // large bordered 黑邊的大白按鈕,適用於表格單元
UISegmentedControlStyleBar, // small button/nav bar style. tintable 小按鈕,適合導航欄
UISegmentedControlStyleBezeled, // large bezeled style. tintable
} UISegmentedControlStyle;
如果你使用的是 UISegmentedControlStyleBar 風格,還可以用空間的 tintColor 屬性為整個控制項設置渲染色彩:
UIColor *myTint = [[ UIColor alloc]initWithRed:0.66 green:1.0 blue:0.77 alpha:1.0];
mySegmentedControl.tintColor = myTint;

三、添加、刪除片段
每個分段控制項的片段都是一個按鈕,其中包含一個標簽或圖片。你需要在你的控制項中為每個控制項創建一個片段。只要屏幕放得下,就可以有許多片段,但用戶同一時刻只能選擇一個片段。
[mySegmentedControl insertSegmentWithTitle:@"First" atIndex:0 animated:YES];
[mySegmentedControl insertSegmentWithTitle:@"Second" atIndex:2 animated:YES];
每個
按鈕都被賦予一個索引,用這個索排序以及標識。
你也可以添加一個含有圖像的片段,用inserSegmentWithImage
[mySegmentedControl insertSegmentWithImage:[UIImage imageNamed:@"pic"] atIndex:3 animated:YES];
刪除片段
[mySegmentedControl removeSegmentAtIndex:0 animated:YES];//刪除一個片段
[mySegmentedControl removeAllSegments];//刪除所有片段

四、片段標題
[mySegmentedControl setTitle:@"ZERO" forSegmentAtIndex:0];//設置標題
NSString* myTitle = [mySegmentedControl titleForSegmentAtIndex:1];//讀取標題

五、圖像
每個分段也可以設置圖像:
[mySegmentedControl setImage:[UIImage imageNamed:@"pic"] forSegmentAtIndex:1];//設置
UIImage* myImage = [mySegmentedControl imageForSegmentAtIndex:2];//讀取
註意:圖像不會自動調整大小,圖片多大就會原生地顯示多大,所以你要通知做圖的美工大小要精確。
六、選中分段

分段控制項的預設行為是,一旦按鈕被選中就一直保持,直到另外一個按鈕被選中為止。你可以改變這種預設的行為,變成按鈕按下後很快就自動釋放。將控制項的momentary屬性設為YES:
mySegmentedControl.momentary = YES;
註意:開啟這個功能後點觸片段不會更新 selectedSegmentedIndex,因此也就無法通過這個屬性得到當前選取的片段。

初始化預設片段
預設情況下,除非你指定,否則不會有任何片段被選中。要設置 selectedSegmentedIndex 屬性:
mySegmentedControl.selectedSegmentedIndex = 0;

七、顯示控制項
[parentView addSubview:mySegmentedControl];//添加到父視圖
self.navigationItem.titleView = mySegmentedControl;//添加到導航欄

八、讀取控制項
通過 selectedSegmentedIndex 屬性,可以讀取當前選中分段的值,這個值就是選中片段的索引號。
int x = mySegmentedControl. selectedSegmentedIndex;

九、通知
要接收片段選取的通知,可以用UIControl類的 addTarget 方法,為 UIControlEventValueChanged 事件添加一個動作:
[mySegmentedControl addTarget:self action:@selector(selected:) forControlEvents:UIControlEventValueChanged];
只要選中了一個片段,你的動作方法就會被調用:
-(void)selected:(id)sender{
UISegmentedControl* control = (UISegmentedControl*)sender;
switch (control.selectedSegmentIndex) {
case 0:
//
break;
case 1:
//
break;
case 2:
//
break;

    default:
        break;
}

}


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 距上一篇博客"APP引導頁的高度集成 - DHGuidePageHUD - ①"的發佈有一段時間了, 後來又在SDK中補充了一些新的內容進去但是一直沒來得及跟大家分享, 今天來跟大家分享一下, 還是一行代碼搞定APP引導頁, 廢話不多說直接進入主題! 如果還沒來得及看上一篇博客的話, 請大家點擊這裡 ...
  • 實現效果: 圖片素材: --> 首先, 寫先下拉刷新時的刷新佈局 pull_to_refresh.xml: 1 <resources> 2 <string name="app_name">PullToRefreshTest</string> 3 <string name="pull_to_refre ...
  • 實現效果: 圖片素材: --> 首先, 城市數據位元組放在 Json 文件, 就不網路獲取了. city.json 存放 Json 數據: 1 { 2 "result": "0", 3 "message": "介面通信成功!", 4 "responseData": { 5 "History": [], ...
  • app的上架流程 一.準備工作 首先需要有開發者賬號,企業級的賬號是299$,個人開發者賬號是99$,沒有的話可以登錄http://developer.apple.com/自行申請 假如你已經有賬號了,進入蘋果官網點擊Accout登錄 二.申請證書 登錄完成後點擊證書,進入界面,有證書.標識.設備. ...
  • 設置slider當前位置的圖像 [slider setThumbImage:[UIImage imageNamed:@"dd.png"] forState:UIControlStateNormal];設置起始的顏色 [slider setMinimumTrackTintColor:[ComHelpe... ...
  • 本篇討論在UWP開發中使用WebView控制項時常見的問題,以及一些小技巧。 WebView是實際開發中常用的控制項,很多大家抱怨的套網頁的應用都是通過WebView來實現的。這裡要澄清一個問題,套網頁的應用並不一定是差的應用,很多網頁採用了響應式設計,假設網頁不存在複雜的交互,提取網頁的正文部分嵌入W ...
  • Android studio 作為谷歌的親兒子,同時之前使用的ADT,谷歌已經發佈了不再繼續維護的“宣言”,因此,它成為了我們的首選。 那麼我們該如何開始呢? 下載AndroidStudio最新版,眾所周知,因為網路的限制,我們無法直接到Google官網去下載,或者網速很慢,因此採用http://w ...
  • 原生Picker和仿iOS的Picker都是上下或左右滑動到固定區域來選擇選項: 顯示數量少,如果當前選項距離需要的選項比較遠就得滑很多次; 滑動不好控制,一不小心就滑過了需要往相反方向慢慢滑回來,很煩人。 ZBLibrary中的GridPicker每頁顯示多行多列,大大增加了顯示數量;將滑動選擇... ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...