iOS學習筆記——iOS高級控制項

来源:http://www.cnblogs.com/shouce/archive/2016/04/27/5437456.html
-Advertisement-
Play Games

UITableView UITableView的樣式有兩種，一種是Grouped（左圖），另一種是Plain（右圖），如下圖，它的屬性是style，類型為UITableViewStyle，枚舉值分別是UITableViewStyleGrouped和UITableViewStylePlain； 用這個 ...


UITableView

　　UITableView的樣式有兩種，一種是Grouped（左圖），另一種是Plain（右圖），如下圖，它的屬性是style，類型為UITableViewStyle，枚舉值分別是UITableViewStyleGrouped和UITableViewStylePlain；

用這個控制項的ViewController可以使用UITableViewController，使用了這個ViewController可以不需要另外創建UITableView，裡面也包含了UITableViewDataSource和UITableViewDelegate這兩個實現，這兩個類稍後討論，但是也有不方便的地方，預設情況下使用UITableViewController創建的tableView是充滿全屏的，如果需要用到tableView是不充滿全屏的話，我們應該使用UIViewController。

　　UITableView的數據可以通過靜態綁定和動態綁定，控制項預設是動態綁定的，在StoryBoard裡面設置Content屬性，它有兩個值Static Cell和Dynamic，顧名思義了。如果設置了Static Cell，點擊Section的標題則可以控制UITableView的行數，添加了行數則可以。若要往行里添加內容可以直接把控制項拖入單元格裡面。

　　如果要動態的往UITableView添加內容，則需要實現UITableViewDataSource和UITableViewDelegate的幾個方法。其實這兩個方法的共同作用有點類似於Andriod中的各種Adapter，Android中的Adapter是指定了列表中各個元素的佈局，列表的數據源，而這兩個協議要實現的方法是傳遞數據源的情況還有各個數據單元格的定義情況。

 

複製代碼 
//返回分組的數量

-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

{
}
//每個分組裡面行數
-(NSInteger) tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

{
}
//定義單元格的內容，並返回。
-(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
}
複製代碼

 

　　如果使用了UITableViewController，則可以直接去實現這幾個方法，假如用的是UIViewController，則在類聲明的地方顯式實現UITableViewDataSource和UITableViewDelegate。

　　UITableView的每個單元格對象都是UITableViewCell類型的。在上面最後的一個方法裡面構造並返回，單元格的佈局類型有幾種，它是UITableViewCellStyle類型的枚舉，一般在初始化函數中設置它的類型。

  • UITableViewCellStyleDefault：只有一個靠左對齊的Label，它的值通過cell的textLabel設置

  • UITableViewCellStyleValue1：一個左對齊的Label和一個右對齊藍色字體的Label，左邊的Label是通過cell的textLabel設置，右邊的Label是通過cell的detailTextLabel設置

  • UITableViewCellStyleValue2：同樣有兩個Lebel，但左邊的Lable是右對齊的，Label的屬性如上一個一樣，效果如下圖

  • UITableViewCellStyleSubtitle：同樣有兩個Lable，這種樣式的第二個Lable充當了副標題

 

每個單元格的佈局都是分左中右三塊，最左邊是圖標，最右邊是附件視圖，附件一般是箭頭，它通過UITableViewCellAccessoryType類型的屬性accessoryType，它的值有以下幾個

  • UITableViewCellAccessoryNone,
  • UITableViewCellAccessoryDisclosureIndicator,
  • UITableViewCellAccessoryDetailDisclosureButton,
  • UITableViewCellAccessoryCheckmark,
  • UITableViewCellAccessoryDetailButton

官方文檔上是上面五個值，但是我的環境是iOS6的，只有截圖的那幾個值（None除外）。附件區域也可以自己添加控制項，如下麵這樣的形式可以在每一行中添加了一個開關控制項

cell.accessoryView= [[UISwitch alloc]init];

 

 

UITableViewCell提供了imageView來設置每一個單元格的圖標它是一個UIImageView類型的屬性，可以直接通過設置它的image屬性來給每一行添加一個圖標如

cell.imageView.image=[UIImage imageNamed:@"African Daisy.gif"];

 

假如這些控制項還是太少的話，還可以通過Cell的contentCell的addSubview方法來添加控制項到單元格裡面，如下所示。

[cell.contentView addSubview:label];

 

但是要控制好添加到Cell裡面控制項的數量，因為如果控制項數量多於3、4個的話，會比較影響效率，在列表滾動的時候會出現卡頓了。

在UITableView的表頭表尾，分組頭分組尾都可以添加視圖，如果添加表頭表尾的視圖的話可以通過設置UITableVIew的tableHeaderView和tableFoorterView兩個屬性，如下所示

self.tableView.tableHeaderView=[[UIImageView alloc]initWithImage:[UIImage imageNamed:@"bd_logo1.png"] highlightedImage:nil];

self.tableView.tableFooterView=[[UISwitch alloc]init];

 

那添加分組頭和分組尾時就可以通過實現下麵兩個方法

複製代碼 
-(NSString *) tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section
{
}

-(NSString *) tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
}
複製代碼

 

之前說了那麼多，現在給個簡單的例子來說明動態綁定的步驟

這裡用到的數據源是自己填充上去的，

複製代碼 
@property(nonatomic,strong) NSArray *carGroups;

-(NSArray*)carGroups

{

if(_carGroups==nil)

{

// 1.創建模型

HGTableviewModel *cg1 =[[HGTableviewModel alloc]init];

cg1.group=@"日本仔車";

cg1.desc=@"日系車";

cg1.cars=@[@"本田",@"豐田",@"日產"];

 

HGTableviewModel *cg2 = [[HGTableviewModel alloc] init];

cg2.group=@"鬼佬車";

cg2.desc=@"德國車";

cg2.cars=@[@"大眾",@"別克",];

 

// 2.將模型添加到數組中

_carGroups = @[cg1, cg2];

}

return _carGroups;

}
複製代碼

 

在viewDidLoad方法中給tableView指定數據源

self.tableView.dataSource=self;

 

在這個方法裡面可以對tableView做其他設置，這裡不一一例舉了，最後就實現之前獲取分組數量，每個分組的列數，構造單元格的三個方法

複製代碼 
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

{

return self.carGroups.count;

}

-(NSInteger) tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

{

HGTableviewModel *item= self.carGroups[section];

return item.cars.count;

}

-(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

UITableViewCell *cell=nil;

if(indexPath.section==0)

cell=[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:nil];

else

cell=[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:nil];



HGTableviewModel *item=self.carGroups[indexPath.section];

cell.textLabel.text= item.cars[indexPath.row];

cell.accessoryType= UITableViewCellAccessoryDetailDisclosureButton;

cell.detailTextLabel.text=item.desc;

if(indexPath.section==0)

cell.imageView.image=[UIImage imageNamed:@"African Daisy.gif"];

else

cell.accessoryView= [[UISwitch alloc]init];//[UIButton buttonWithType:UIButtonTypeContactAdd];

return cell;

}
複製代碼

 

如果要給選中單元格這個事件綁定方法，只需要實現下麵這個方法則可，如下麵代碼所示，選中了某行後彈出一個框說明當前選中了是哪個品牌

複製代碼 
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath

{

NSString *msg=[[NSString alloc]initWithFormat:@"你選中了 %@", ((HGTableviewModel*)self.carGroups[indexPath.section]).cars[indexPath.row]];

UIAlertView *alert=[[UIAlertView alloc]initWithTitle:@"選中行" message:msg delegate:self cancelButtonTitle:nil otherButtonTitles:@"確定", nil];

 

[alert show];

}
複製代碼

 

UIDatePickerView

　　UIDatePickerView是一個日期時間選取的空間，它是以一個滾輪的形式呈現出來，可以通過設置它的當前顯示時間，最大最小時間範圍，這些值都是NSDate類型的，

複製代碼 
NSDateFormatter *formatter=[[NSDateFormatter alloc]init];

[formatter setDateFormat:@"yyyy-MM-dd HH:mm:ss"];

self.dtpDateTime.minimumDate= [formatter dateFromString:@"2011-01-01 00:00:00"];

self.dtpDateTime.maximumDate=[formatter dateFromString:@"2015-01-01 00:00:00"];

self.dtpDateTime.date=[formatter dateFromString:@"2015-03-01 00:00:00"];
複製代碼

 

它有一個datePickerMode屬性來設置DatePicker的顯示類型，它是一個UIDatePickerMode類型的枚舉，分別有下麵這些值

  • UIDatePickerModeTime：時鐘模式，只有時分，
  • UIDatePickerModeDate：日期模式
  • UIDatePickerModeDateAndTime：日期時間模式，時間只有時分，日期只有月日
  • UIDatePickerModeCountDownTimer：時鐘模式，只有時分，但是24小時

效果圖按順序如下圖所示

UIDatePicker有個ValueChange事件，是在控制項的Value發生改變之後觸發的，需要綁定事件，通過StoryBoard或者使用addTargetWithActionForControlEvents方法，下麵則是改變了值之後輸出當前的日期

- (IBAction)dtpValueChanged:(id)sender {

NSLog(@"當前日期是 %@",self.dtpDateTime.date);

}

 

UIPickerView

　　UIPickerView是把數據列表以滾輪的形式呈現給用戶，與UITableVIew類似，它的數據綁定需要實現UIPickerViewDataSource和UIPickerViewDelegate兩個協議，但是這個UIPickerView卻不支持靜態綁定數據。綁定數據主要是實現兩個協議的下麵這些方法

複製代碼 
//返回顯示的列數
-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
}

//返回當前列顯示的行數
-(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
{
}
//下麵的方法是PickerDelegate協議的方法，可以二選一，主要是返回每一項顯示的內容
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{
}

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view
{
}
複製代碼

 

加入滾輪中只是一些單純的文本信息則可以使用返回String的那個方法，如果是每一項都是一些文本以外的內容，則需要使用返回UIView的那個方法，既然是返回View則說明可以返回任何的控制項，包括自定義的也可以。

假如要在UIPickerView被選中後觸發事件執行方法，則實現下麵的方法則可

複製代碼 
-(void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component

{

NSLog([[NSString alloc]initWithFormat:@"SELECT Item %@ " ,[pickerDs objectAtIndex:row] ] );

}
複製代碼

 

下麵則給出一個例子完整說明給一個UIPicker綁定數據的過程，裡面的數據抄襲了某位網友的博文，莫怪。

首先是要實現兩個協議

@interface HGDatePickerViewController : UIViewController<UIPickerViewDataSource,UIPickerViewDelegate >

@end 

通過StoryBoard建立了關聯的變數picker和定義數據源一個NSArray的變數，然後在viewDidLoad裡面添加下麵這些代碼，其中設置deletage的最為關鍵

pickerDs=[[NSArray alloc]initWithObjects:@"許嵩",@"周傑倫",@"梁靜茹",@"許飛",@"鳳凰傳奇",@"阿杜",@"方大同",@"林俊傑",@"胡夏",@"邱永傳", nil];

self.picker.delegate=self;

 

然後實現之前提到的方法，在這裡把兩個UIPickerViewDelegate的方法列舉出來了，返回View的那種是返回一個UILabel，它們的效果圖分別列舉

複製代碼 
-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
{
return 1;
}

-(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component
{
return [pickerDs count];
}

- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component
{
return [pickerDs objectAtIndex:row];
}

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view
{
UILabel *myView = nil;

myView = [[UILabel alloc] initWithFrame:CGRectMake(0.0, 0.0, 180, 30)];
myView.text = [pickerDs objectAtIndex:row];
myView.textAlignment = UITextAlignmentCenter;
myView.font = [UIFont systemFontOfSize:14];
myView.backgroundColor = [UIColor clearColor];
return myView;

}
複製代碼

  

- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component實現的效果

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view實現的效果

　　其實UIPicker可以實現像以前在BS或CS開發中的下拉菜單多級聯動效果的，這裡都不詳細列舉了，主要是通過-(void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component方法根據當前級別的數據來調用[self.picker reloadComponent:xxx];方法來出發下一級別的值重新載入。

UIActionSheet

　　UIActionSheet這個控制項是在之前看UIDatePicker時別人用了而發現的，感覺也比較有用所以也記錄下來，本人沒有iOS的設備，故有哪些控制項都不太瞭解，之前在一個界面原型圖中見過這個控制項，但不知道它是ActionSheet。這個ActionSheet個人感覺和AlertView很像。也能給界面彈出按鈕選擇框，同時具備遮罩的效果。

使用這個UIActionSheet需要實現UIActionSheetDelegate協議，構造和初始化ActionSheet的代碼如下

UIActionSheet *as=[[UIActionSheet alloc]initWithTitle:@"This is my First ActionSheet" delegate:self

cancelButtonTitle:@"Cancle" destructiveButtonTitle:@"Sure" otherButtonTitles:@"First Btn",@"Second Btn", nil];

 

在上述參數中有兩個比較特殊的按鈕，cancelButton和destructiveButton，在ActionSheet中按鈕也是有一定序列的，如AlertView那樣，所有按鈕都是有一定順序的，按預設的情況下，destructiveButton是排在第一，是一個紅色的按鈕，接著是到ortherButton，它們的順序由添加進去的順序而定，最後的是cancelButton，是一個黑色的按鈕。在上面的初始化函數中如果那個按鈕不需要的話則可以傳入nil則可。上面的ActionSheet顯示的效果如下圖

添加OtherButton也可以調用下麵方法來添加

[as addButtonWithTitle:@"addButton"];

 

destructiveButton也可以更替由其他按鈕來充當，通過下麵這個屬性的設置則可

as.destructiveButtonIndex=1;

 

效果如下圖

顯示ActionSheet則調用下麵的方法

[as showInView:self.view];

 

在開發過程中，發現有時候UIActionSheet的最後一項點擊失效，點最後一項的上半區域時有效，這是在特定情況下才會發生，這個場景就是試用了UITabBar的時候才有。解決辦法：

在showView時這樣使用，[actionSheet showInView:[UIApplication sharedApplication].keyWindow];或者[sheet showInView:[AppDelegate sharedDelegate].tabBarController.view];這樣就不會發生遮擋現象了。

ActionSheet的actionSheetStyle屬性是設置ActionSheet的樣式，它是一個UIActionSheetStyle類型的枚舉，它是值有下麵三種

  • UIActionSheetStyleDefault //預設風格：灰色背景上顯示白色文字
  • UIActionSheetStyleBlackTranslucent //透明黑色背景，白色文字
  • UIActionSheetStyleBlackOpaque //純黑背景，白色文字

與UIAlertView類似，UIActionSheet也是有一組方法在ActionSheet裡面出現，點擊，消失各個時候觸發調用的

複製代碼 
-(void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex

{

}

 

-(void)willPresentActionSheet:(UIActionSheet *)actionSheet

{

}

-(void)didPresentActionSheet:(UIActionSheet *)actionSheet

{

}

-(void)actionSheetCancel:(UIActionSheet *)actionSheet{

 

}

-(void)actionSheet:(UIActionSheet *)actionSheet didDismissWithButtonIndex:(NSInteger)buttonIndex{

}

-(void)actionSheet:(UIActionSheet *)actionSheet willDismissWithButtonIndex:(NSInteger)buttonIndex{

}
複製代碼

 

到這裡遇到了在UIAlert中一樣知什麼時候會觸發的actionSheetCancel方法，這些方法的觸發順序如下（actionSheetCancel是按照UIAlertView中的順序推斷出來的）

willPresentActionSheet——>didPresentActionSheet

點擊了按鈕之後

actionSheetclickedButtonAtIndex——>willDismissWithButtonIndex——>didDismissWithButtonIndex


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

-Advertisement-
Play Games
更多相關文章
  • iOS QuickLook&UIDocumentInteractionController
    打開一個已經下載好的文件有很多種方法,例如打開一個MP4文件,你可以選擇AVPlayer,MPMovieplayerViewController,QuickLook,或者是百度影音等等,方法不止一種,以需求而定. QuickLook是快速查看,平時使用Mac電腦就會比較熟悉.不依賴完整的應用,而是提 ...
  • 關於alpha透明度
    使用場景 一個半透明的框上面 放了一些label 改變半透明view的alpha 結果 label的 alpha 也跟著改變了。 其實不用那麼麻煩 給你們UI 要一個色值也可以 不需要 自己寫了 這樣比較好一點 。 既然 這樣寫了 出現問題 就解決問題。 針對放在一個view的label 字體顏色的 ...
  • 深入學習block
    首先，什麼是block：block其實就是一個代碼塊，把你想要執行的代碼封裝在這個代碼塊里，等到需要的時候再去調用。那block是OC對象嗎？答案是肯定的 做一道很簡單的關於block的測試題。： 這道題是我公司面試題中的一道，來面試的都是至少兩年工作經驗的，但是很鬱悶，這道題絕大多數人寫的都是6。 ...
  • OC知識點歸納
    新手一枚,在學習過程中,整理自己的筆記,與各位新手大大一起分享,一起進步(PS:其實是怕自己會忘記,又苦於沒有錢買筆記本,哈哈),如有錯誤,望大家提出,我一定最快修改,這僅僅是小生的自我理解,並不想誤人子弟,不喜勿噴. 首先,整理一下在OC基礎中會接觸到的類: NSString,NSMutableS ...
  • 我的android學習經歷20
    WebView的使用 WebView既可以和Intent一樣實現界面跳轉一樣，讓系統瀏覽器打開頁面，也可以在應用程式中打開頁面 註意用WebView時，需要註冊網路服務 代碼如下： package com.example.webviewexample; import android.app.Acti ...
  • 安卓實現下拉刷新
    這裡我們將採取的方案是使用組合View的方式，先自定義一個佈局繼承自LinearLayout，然後在這個佈局中加入下拉頭和ListView這兩個子元素，並讓這兩個子元素縱向排列。初始化的時候，讓下拉頭向上偏移出屏幕，這樣我們看到的就只有ListView了。然後對ListView的touch事件進行監 ...
  • Android將應用調試log信息保存在SD卡
    轉載：http://blog.csdn.net/way_ping_li/article/details/8487866 把自己應用的調試信息寫入到SD卡中。 系統許可權 時間工具類： 方法的調用： pspspspspsp ...
  • 【代碼筆記】拍照動畫
    代碼： - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. self.title=@"拍照動畫"; } //點擊任何處，彈出動畫 -(void)touchesBeg ...
一周排行
    -Advertisement-
    Play Games
  • WPF 已知問題 監聽 WMI 事件導致觸摸失效
    示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後，項目結構如下所示： MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread]特性
    [STAThread] 特性用於需要與 COM 組件交互的應用程式，尤其是依賴單線程模型（如 Windows Forms 應用程式）的組件。在 STA 模式下，線程擁有自己的消息迴圈，這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • UWP WinUI3 傳入 AddHandler 的 RoutedEventHandler 類型與事件所需不匹配將拋出參數異常
    在WinForm中使用全局異常捕獲處理 在WinForm應用程式中，全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理，可以有效地捕獲並處理未預見的異常，從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • .NET 多版本 WinForm 開源控制項庫 SunnyUI
    前言 給大家推薦一款開源的 Winform 控制項庫，可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫，同時也提供了工具類庫、擴展 ...
  • .net core8 使用Swagger（附當前源碼）
    說明 該文章是屬於OverallAuth2.0系列文章，每周更新一篇該系列文章（從0到1完成系統開發）。 該系統文章，我會儘量說的非常詳細，做到不管新手、老手都能看懂。 說明：OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友，請關註我吧(*^▽^*) ...
  • WPF 什麼時候 VisualTreeHelper.GetDescendantBounds 將返回無窮大
    一、下載安裝 1.下載git 必須先下載並安裝git，再TortoiseGit下載安裝 git安裝參考教程：https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit，Git客戶端，32/6 ...
  • C# 開源教程帶你輕鬆掌握數據結構與演算法
    前言 在項目開發過程中，理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼，還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程：Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 第22篇 生成proto文件bat腳本
    1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 記一次 .NET某上位機視覺程式 卡死分析
    一：背景 1. 講故事 前段時間有位朋友找到我，說他的窗體程式在客戶這邊出現了卡死，讓我幫忙看下怎麼回事？dump也生成了，既然有dump了那就上 windbg 分析吧。 二：WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死，入口門檻很低，後續往下分析就不一定了，不管怎麼說先用 !clrsta ...
  • 醫學DICOM文件與PACS系統進行數據傳輸
    前言 人工智慧時代，人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API，工具不僅易於集成，還具備高效處理能力。 本文將介紹一款如何利用這些API，為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...
所有分類