小編給大家分享一下iOS中XLForm怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)是一家專業(yè)提供中山企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)、HTML5、小程序制作等業(yè)務(wù)。10年已為中山眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。

前言

在iOS開發(fā)中，開發(fā)"表單"界面，字段稍微多一點(diǎn)的一般都用UITableView來做，而XLForm就是這樣一個(gè)框架，它是創(chuàng)建動態(tài)表格視圖最牛逼的iOS庫， 用它實(shí)現(xiàn)表單功能，非常簡單，省心省力。但是很可惜，搜索了很多文章都只是翻譯官方文檔，很多人在使用該庫的時(shí)候可能都被官方文檔帶走遠(yuǎn)了，不知道如何具體使用。正好最近也要用到這個(gè)庫，所以寫個(gè)入門使用文章供大家參考。

以下是這個(gè)庫一個(gè)簡單的結(jié)構(gòu)圖：

一、 導(dǎo)入項(xiàng)目

使用CocoaPods或者手動導(dǎo)入庫文件，本人選擇直接導(dǎo)入項(xiàng)目源文件的方式。

導(dǎo)入項(xiàng)目

二、改造表單ViewController

讓ViewController繼承自XLFormViewController,并重寫下面的兩個(gè)方法

@interface OneViewController : XLFormViewController
@end
@implementation OneViewController
- (instancetype)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {
 self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
 if (self){
 [self initializeForm];
 }
 return self;
}

- (id)initWithCoder:(NSCoder *)aDecoder {
 self = [super initWithCoder:aDecoder];
 if (self){
 [self initializeForm];
 }
 return self;
}
@end

三、構(gòu)造表單

- (void)initializeForm {
 // 設(shè)置是否顯示Cell之間分界線
 //self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
 // 設(shè)置Section的高度
 self.tableView.sectionHeaderHeight = 30;
 XLFormDescriptor * form;//form，一個(gè)表單只有一個(gè)
 XLFormSectionDescriptor * section;//section，一個(gè)表單可能有多個(gè)
 XLFormRowDescriptor * row; //row，每個(gè)section可能有多個(gè)row
 // Form
 form = [XLFormDescriptor formDescriptor];
 // First section
 section = [XLFormSectionDescriptor formSection];
 section.title = @"用戶";
 [form addFormSection:section];
 // 普通文本
 row = [XLFormRowDescriptor formRowDescriptorWithTag:@"username" rowType:XLFormRowDescriptorTypeText];
 // 設(shè)置placeholder
 [row.cellConfig setObject:@"用戶名" forKey:@"textField.placeholder"];
 // 設(shè)置文本顏色
 [row.cellConfig setObject:[UIColor redColor] forKey:@"textField.textColor"];
 [section addFormRow:row];
 // 密碼
 row = [XLFormRowDescriptor formRowDescriptorWithTag:@"password" rowType:XLFormRowDescriptorTypePassword];
 // 設(shè)置placeholder的顏色
 NSAttributedString *attrString = [[NSAttributedString alloc] initWithString:@"密碼" attributes:
          @{NSForegroundColorAttributeName:[UIColor greenColor],
          }];
 [row.cellConfig setObject:attrString forKey:@"textField.attributedPlaceholder"];
 [section addFormRow:row];
 // Second Section
 section = [XLFormSectionDescriptor formSection];
 section.title = @"日期";
 [form addFormSection:section];
 // 日期選擇器
 row = [XLFormRowDescriptor formRowDescriptorWithTag:@"birthday" rowType:XLFormRowDescriptorTypeDate title:@"出生日期"];
 row.value = [NSDate dateWithTimeIntervalSinceNow:60*60*24];
 [section addFormRow:row];
  // Third Section
 section = [XLFormSectionDescriptor formSection];
 section.title = @"頭像";
 [form addFormSection:section];
 // 圖片選擇
 row = [XLFormRowDescriptor formRowDescriptorWithTag:@"userpic" rowType:XLFormRowDescriptorTypeImage];
 [section addFormRow:row];
 // Fourth Section
 section = [XLFormSectionDescriptor formSection];
 section.title = @"選擇器";
 [form addFormSection:section];
 // 選擇器
 row = [XLFormRowDescriptor formRowDescriptorWithTag:@"sex" rowType:XLFormRowDescriptorTypeSelectorPush];
 row.noValueDisplayText = @"暫無";
 row.selectorTitle = @"性別選擇";
 row.selectorOptions = @[@"男",@"女",@"其他"];
 row.title = @"性別";
 [row.cellConfigForSelector setObject:[UIColor redColor] forKey:@"textLabel.textColor"];
 [row.cellConfigForSelector setObject:[UIColor greenColor] forKey:@"detailTextLabel.textColor"];
 [section addFormRow:row];
 // Fifth Section
 section = [XLFormSectionDescriptor formSection];
 section.title = @"加固";
 [form addFormSection:section];
 // 開關(guān)
 row = [XLFormRowDescriptor formRowDescriptorWithTag:@"enforce" rowType:XLFormRowDescriptorTypeBooleanSwitch title:@"加固"];
 [section addFormRow:row]; 
 // Sixth Section
 section = [XLFormSectionDescriptor formSection];
 [form addFormSection:section];
 // 按鈕
 row = [XLFormRowDescriptor formRowDescriptorWithTag:@"conform" rowType:XLFormRowDescriptorTypeButton];
 row.title = @"確定";
 [section addFormRow:row];
 self.form = form;
}

-(void)didSelectFormRow:(XLFormRowDescriptor *)formRow{
 // 判斷是不是點(diǎn)擊了確定按鈕
 if([formRow.tag isEqualToString:@"conform"] && formRow.rowType == XLFormRowDescriptorTypeButton){
  //獲取表單所有到的值
  NSDictionary *values = [self formValues];
  NSLog(@"%@", values);
 }
 [super didSelectFormRow:formRow];
}

//重寫改該方法 上面的方法就不會調(diào)用了
//-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
//
// NSLog(@"%s", __func__);
//
//}
@end

四、效果圖

五、總結(jié)

前面兩步是官方文檔中可以找到的，也很簡單，關(guān)鍵在于initializeForm方法中具體構(gòu)造表單的過程，這里有必要強(qiáng)調(diào)幾點(diǎn)：

1、XLFormViewController實(shí)現(xiàn)了UITableViewDataSource, UITableViewDelegate，并且持有一個(gè)UITableView，這個(gè)從該類的聲明可以看出來，所以UITableView 、UITableViewDataSource, UITableViewDelegate中的方法都可以正常使用。

@interface XLFormViewController : UIViewController

2、XLForm將表單抽象為Form，Section，Row三個(gè)層次，分別對應(yīng)三個(gè)類

XLFormDescriptor * form;//form，一個(gè)表單只有一個(gè)
XLFormSectionDescriptor * section;//section，一個(gè)表單可能有多個(gè)
XLFormRowDescriptor * row; //row，每個(gè)section可能有多個(gè)row

3、每個(gè)表單中的具體信息最后都落腳到XLFormRowDescriptor中，通過它可以配置不同樣式的表單項(xiàng)，通過構(gòu)造函數(shù)的rowType指定具體的表單類型，該框架提供了非常豐富的rowType，具體可以參考官方文檔說明。

4、更細(xì)化配置表單項(xiàng)就需要借助于XLFormRowDescriptor中的屬性進(jìn)行配置，常用的有

@property (nonatomic, readonly, nonnull) NSMutableDictionary * cellConfig;
@property (nonatomic, readonly, nonnull) NSMutableDictionary * cellConfigForSelector;

這個(gè)配置的時(shí)候，往往有同學(xué)不知道具體如何才能設(shè)置屬性，比如怎么設(shè)置表單輸入框的placeholder?更進(jìn)一步如何設(shè)置placeholder 的顏色。其實(shí)它用到了KVC，因?yàn)樗鼈儍蓚€(gè)都是UITextField類中的屬性，那么直接進(jìn)入U(xiǎn)ITextField查找，發(fā)現(xiàn)如下信息:

@property(nullable, nonatomic,copy) NSString    *placeholder; 
@property(nullable, nonatomic,copy) NSAttributedString  *attributedPlaceholder NS_AVAILABLE_IOS(6_0);

那么設(shè)置起來就是

 [row.cellConfig setObject:@"用戶名" forKey:@"textField.placeholder"];
 [row.cellConfig setObject:attrString forKey:@"textField.attributedPlaceholder"];

注意這里的key的寫法，就是KVC的寫法。其他的屬性依此類推。

5、如何獲取設(shè)置好的表單的值？其實(shí)非常簡單，該框架提供一個(gè)方法formValues，它的返回類型是一個(gè)NSDictionary，其中key就是XLFormRowDescriptor設(shè)置時(shí)的Tag。可以直接在控制器中調(diào)用該方法獲取表單值，上面的效果圖設(shè)置后的表單信息如下：

以上是“iOS中XLForm怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站名稱：iOS中XLForm怎么用-創(chuàng)新互聯(lián)
轉(zhuǎn)載來于：http://weahome.cn/article/ccgejh.html