iOS功能強大的表單

前言: 都2020年了 之前接觸過有兩個項目,那種詳情頁面,表單編輯頁面,還在用scrollerView 然后一個個label加 综膀,整個頁面又臃腫又長,想要改點什么都特別麻煩 布局都會亂,心中真是改的在滴血楞陷。

控件 WMZForm 一個簡單使用的表單應運而生

還是先看看效果吧

實現(xiàn)頁面 圖片
單純表單頁面(可各種配置調樣式)
單純表單.gif
實現(xiàn)的一個簡單朋友圈
朋友圈.gif
簡單實現(xiàn)一些設置的界面
設置.gif
所有屬性的頁面-比較多比較雜亂
所有屬性.gif

簡單一句話概括這個控件 - 表單~不止于表單

特效

  • 支持可自定義cell,cell需要繼承于baseCell
  • 支持實現(xiàn)目前大多數(shù)表單的功能
  • 支持自定義選擇彈窗的內容
  • 性能優(yōu)化,高度緩存
  • 可鏈式可屬性輕松調用
  • 可自定義cell上的ui控件

目前自帶的樣式介紹

  • FormCellDefault ~ 默認樣式
  • FormCellNormal ~ 左右文本
  • FormCellIcon ~ 帶圖片+文本
  • FormCellInput ~ 單行輸入框
  • FormCellText ~ 只有一個文本
  • FormCellTextView ~ 多行輸入
  • FormCellVerification ~ 驗證碼輸入
  • FormCellImage ~ 九宮格選擇/顯示圖片
  • FormCellSwitch ~ 開關
  • FormCellCheck ~ 選擇
  • FormCellTag ~ 標簽
  • FormCellCommit ~ 按鈕
  • FormCellEdit ~ 編輯
  • FormCellTakePicture~ 添加圖片

用法介紹

初始化添加數(shù)據(jù) - 屬性有點多這里沒法一次性說清 詳情可以看demo 或者來問我

//初始化
WMZForm *form =
Form(CGRectMake(0, NavigationBar_Form_Height, self.view.bounds.size.width , self.view.bounds.size.height - NavigationBar_Form_Height))

//直接不帶section 用row直接添加
.wAddFormRow(^(WMZFormRowModel * _Nullable rowModel) {
    rowModel
    .wFormValue(@"AllPropertiesVC")
    .wFormName(@"全部屬性demo")
    .wFormCellAccessoryType(UITableViewCellAccessoryDisclosureIndicator)
    .wFormShowLine(YES);
});

//直接section添加 WMZFormRowModel為子集
.wAddFormSection(^(WMZFormSectionModel * _Nullable sectionModel) {
      //子集
      WMZFormRowModel *rowModel =
      FormRowModel()
      //tableviewCell的類名 自定義的時候傳@"customCellName"你創(chuàng)建的cell的類名即可
      .wFormCellName(@(FormCellCommit))
      .wFormRowData(@{@"fill":@(YES),@"type":@(FormClickClick)})
       //自定義button
      .wFormCustomButton(^(UIButton * _Nullable button) {
          button.backgroundColor = [UIColor whiteColor];
          [button setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
      })
      .wFormBtn(@"退出");
    
      sectionModel
      .wFormHeadHeight(20)
      .wFormFootHeight(20)
       //添加section的數(shù)據(jù) rowModel組成的數(shù)據(jù)
      .wFormSectionData(@[rowModel])
      .wFormCellName(@(FormCellTag));
});

代理方法

/*
 *formCell點擊
 @param cell  所在的cell (cell.model為model cell.indexPath 為其所在的indexPath)
 */
- (void)form:(WMZForm*)form didSelectRowAtCell:(WMZFormBaseCell*)cell;

/*
 *form提交
 @param commitInfo  提交的信息 為一個帶value和key的字典
 @param success  是否通過檢驗規(guī)則可以提交
 */
- (void)form:(WMZForm*)form info:(NSDictionary*)commitInfo canCommit:(BOOL)success;

/*
 *formCell上的view點擊 用于cell上的控件的交互事件
 @param clickView  點擊的view
 @param cell  所在的cell
 @param action  根據(jù)action判斷交互的事件
 */
- (void)form:(WMZForm*)form
        subViewDidSelectRowAtCell:(WMZFormBaseCell*)cell
        view:(UIView*)clickView
        type:(id)action;

數(shù)據(jù)更新刪除等 提供了多個實例方法

 //addRow 非初始化增加row調用 默認插入最后
- (BOOL)wAddFormRow:(WMZFormRowModel*)rowModel;
//addRow 非初始化增加row調用 插入index的位置 傳入-1不刷新
- (BOOL)wAddFormRow:(WMZFormRowModel*)rowModel atIndex:(NSInteger)index;
//addRow 非初始化增加row調用 插入index的位置 傳入-1不刷新
- (BOOL)wAddFormRowBlock:(FormRowBlock)addFormRow atIndex:(NSInteger)index;
//addSection 非初始化增加section調用 默認插入最后
- (BOOL)wAddFormSection:(WMZFormSectionModel*)sectionModel;
//addSection 非初始化增加section調用 插入index的位置 傳入-1不刷新
- (BOOL)wAddFormSection:(WMZFormSectionModel*)sectionModel atIndex:(NSInteger)index;
//addSection 非初始化增加section調用 插入index的位置 傳入-1不刷新
- (BOOL)wAddFormSectionBlock:(FormSectionBlock)addFormSection atIndex:(NSInteger)index;
//deleleSectionWithKey
- (BOOL)wDeleteFormSectionWithKey:(NSString*)key;
//deleleSectionWithKey
- (BOOL)wDeleteFormSectionWithIndex:(NSInteger)index;
//deleleRowWithKey
- (BOOL)wDeleteFormRowWithKey:(NSString*)key;
//deleleRowWithIndexPath
- (BOOL)wDeleteFormRowWithIndexPath:(NSIndexPath*)indexPath;
//reloadRow With key
- (BOOL)wReloadRowWithKey:(NSString*)key;
//reloadRow With indexPath
- (BOOL)wReloadRowWithIndexPath:(NSIndexPath*)indexPath;
//reloadSection With key
- (BOOL)wReloadSectionWithKey:(NSString*)key;
//reloadSection With index
- (BOOL)wReloadSectionWithIndex:(NSInteger)index;
//getRow With key
- (WMZFormRowModel*)wFindRowModelWithKey:(NSString*)key;
//getRow With indexPath
- (WMZFormRowModel*)wFindRowModelWithIndexPath:(NSIndexPath*)indexPath;
//getSection With key
- (WMZFormSectionModel*)wFindSectionModelWithKey:(NSString*)key;
//getSection With index
- (WMZFormSectionModel*)wFindSectionModelWithIndex:(NSInteger)index;
//reloadData
- (void)wReloadData;
//自定義刷新
- (void)wReloadData:(FormCustomReload)block;

安裝

CocoaPods

  1. 將 cocoapods 更新至最新版本.
  2. 在 Podfile 中添加 pod 'WMZForm'坪它。
  3. 執(zhí)行 pod installpod update
  4. 導入 #import "WMZForm.h"吩翻。

注:要消除鏈式編程的警告

要在Buildding Settings 把CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF 設為NO

手動安裝

  1. 下載 WMZForm 文件夾內的所有內容婴洼。
  2. 將 WMZForm 內的源文件和依賴的庫添加(拖放)到你的工程骨坑。
  3. 導入 #import "WMZForm.h"

依賴

1WMZDialog(彈窗控件)
2 Masonry
3 SDWebImage
4 IQKeyboardManager

使用過程中如果有什么bug歡迎給我提issue 我看到就會解決
覺得有用的話給個star

WMZForm

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市柬采,隨后出現(xiàn)的幾起案子欢唾,更是在濱河造成了極大的恐慌,老刑警劉巖粉捻,帶你破解...
    沈念sama閱讀 212,599評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件礁遣,死亡現(xiàn)場離奇詭異,居然都是意外死亡肩刃,警方通過查閱死者的電腦和手機祟霍,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,629評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來盈包,“玉大人浅碾,你說我怎么就攤上這事⌒铮” “怎么了垂谢?”我有些...
    開封第一講書人閱讀 158,084評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長疮茄。 經(jīng)常有香客問我滥朱,道長,這世上最難降的妖魔是什么力试? 我笑而不...
    開封第一講書人閱讀 56,708評論 1 284
  • 正文 為了忘掉前任徙邻,我火速辦了婚禮,結果婚禮上畸裳,老公的妹妹穿的比我還像新娘缰犁。我一直安慰自己,他們只是感情好怖糊,可當我...
    茶點故事閱讀 65,813評論 6 386
  • 文/花漫 我一把揭開白布帅容。 她就那樣靜靜地躺著,像睡著了一般伍伤。 火紅的嫁衣襯著肌膚如雪并徘。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,021評論 1 291
  • 那天,我揣著相機與錄音,去河邊找鬼搅方。 笑死巡蘸,一個胖子當著我的面吹牛,可吹牛的內容都是我干的婿牍。 我是一名探鬼主播绩衷,決...
    沈念sama閱讀 39,120評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼卒暂,長吁一口氣:“原來是場噩夢啊……” “哼声畏!你這毒婦竟也來了晃听?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,866評論 0 268
  • 序言:老撾萬榮一對情侶失蹤砰识,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后佣渴,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體辫狼,經(jīng)...
    沈念sama閱讀 44,308評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,633評論 2 327
  • 正文 我和宋清朗相戀三年辛润,在試婚紗的時候發(fā)現(xiàn)自己被綠了膨处。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,768評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡砂竖,死狀恐怖真椿,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情乎澄,我是刑警寧澤突硝,帶...
    沈念sama閱讀 34,461評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站置济,受9級特大地震影響解恰,放射性物質發(fā)生泄漏。R本人自食惡果不足惜浙于,卻給世界環(huán)境...
    茶點故事閱讀 40,094評論 3 317
  • 文/蒙蒙 一护盈、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧羞酗,春花似錦腐宋、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,850評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至参萄,卻和暖如春撤师,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背拧揽。 一陣腳步聲響...
    開封第一講書人閱讀 32,082評論 1 267
  • 我被黑心中介騙來泰國打工剃盾, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留腺占,地道東北人。 一個月前我還...
    沈念sama閱讀 46,571評論 2 362
  • 正文 我出身青樓痒谴,卻偏偏與公主長得像衰伯,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子积蔚,可洞房花燭夜當晚...
    茶點故事閱讀 43,666評論 2 350