本篇文章給大家分享的是有關(guān)XLForm怎么在iOS中使用,小編覺得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),應(yīng)城企業(yè)網(wǎng)站建設(shè),應(yīng)城品牌網(wǎng)站建設(shè),網(wǎng)站定制,應(yīng)城網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,應(yīng)城網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。一、 導(dǎo)入項(xiàng)目
使用CocoaPods或者手動(dòng)導(dǎo)入庫文件,本人選擇直接導(dǎo)入項(xiàng)目源文件的方式。
導(dǎo)入項(xiàng)目.png
二、改造表單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]; } //重寫改該方法 上面的方法就不會(huì)調(diào)用了 //-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{ // // NSLog(@"%s", __func__); // //} @end
四、效果圖
效果圖.png
五、總結(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中的方法都可以正常使用。
復(fù)制代碼 代碼如下:
@interface XLFormViewController : UIViewController<UITableViewDataSource, UITableViewDelegate, XLFormDescriptorDelegate, UITextFieldDelegate, UITextViewDelegate, XLFormViewControllerDelegate>
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è)置后的表單信息如下:
以上就是XLForm怎么在iOS中使用,小編相信有部分知識點(diǎn)可能是我們?nèi)粘9ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站m.rwnh.cn,海內(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)用場景需求。
名稱欄目:XLForm怎么在iOS中使用-創(chuàng)新互聯(lián)
網(wǎng)站鏈接:http://m.rwnh.cn/article2/cejsoc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、面包屑導(dǎo)航、網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)公司、云服務(wù)器、App設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容