FXForms、iOSで自動的に生成されたフォーム



Fxforms Forms Generated Automatically Ios



1はじめに

FXFormsは、単純な送信フォームのフレームワークです。彼は有名なNick Lockwoodの作者であり、他のフレームワークについて聞いたことがあるかもしれません。 iCarousel

なぜFxFormsなのか?



  1. 開発者が簡単に始められるように、簡素化されたフォーム処理
  2. 異なる画面の適応を形成する

FXFormsはどのように機能しますか?

フィールドには適切なコントロールタイプが自動的に割り当てられます。たとえば、rememberMeフィールドはUISwitchとして表示され、メールフィールドにはUIKeyboardTypeEmailAddressタイプのキーボードが自動的に割り当てられ、パスワードフィールドにはsecureTextEntryが自動的に有効になります。



公式の説明によると、FXForms上記の各要素は、NSStringなどのタイプに従って自動的に生成されます。 a UITextFieldが自動的に生成されます。 UIDate a DateTime Pickerなどを自動的に生成します。

プロジェクトのホームページ: https://github.com/nicklockwood/FXForms

プロジェクト自体には良い例がありますが、ここでは繰り返しません。プロジェクトの例には例のエントリがあり、私たちはあなたがすぐに始めるのを手伝うことができます。



プロジェクトの例: https://github.com/ios122/ios122

2.インストール

一般に、インストールする方法は2つあります。Cocopods、インストールされたソースコードです。後者のインストールは非常に直感的であり、プロジェクトに対応するFXForms.hFXForms.mが必要です。ここでは、ココポッドのインストールについて簡単に説明します。

手順1.次のように、新しいiOSプロジェクトを作成し、プロジェクトのルートディレクトリに新しいファイルPodfileを作成します。

pod 'FXForms'

ステップ2.実行:

pod update --verbose --no-repo-update

〜インストールされ、xcworkspaceを開きます。例は、FXFormsTutorial.xcworkspaceです。

3.基本的な使用規則

ここでは、最も一般的な例であるログインを使用します。

例:ログビュー

ステップ1、新しいクラスを生成して、クラスがNSObjectを継承し、FXFormを委任する場合、コードは次のようになります。

LoginFXForm.h

// // LoginFXForm.h // FXFormsTutorial // // Created by arkilis on 28/11/2015. // Copyright © 2015 arkilis. All rights reserved. // #import #import 'FXForms.h' @interface LoginFXForm : NSObject @property (nonatomic, copy) NSString *email @property (nonatomic, copy) NSString *password @end

LoginFXForm.m

#import 'LoginFXForm.h' @implementation LoginFXForm // custom Form // -- username - (NSDictionary *)emailField{ return @{ FXFormFieldHeader: @'Login', // Form Title FXFormFieldKey: @ 'email', // corresponding key Title @ 'Email', // field: FXFormFieldTitle } } // -- password - (NSDictionary *)passField { return @{ FXFormFieldKey: @ 'password', // here if FXForm know here is the password, the password is automatically shielded and replaced with a star FXFormFieldTitle: @'password', } } // Submit button and return button - (NSArray *)extraFields { return @[ // Here you do not have a statement in the header file, just add an element to the NSArray returned @{FXFormFieldTitle: @'Submit', FXFormFieldHeader: @'', FXFormFieldAction: @'submitLoginForm:'}, @{FXFormFieldTitle: @'Return', FXFormFieldHeader: @'', FXFormFieldAction: @'returnPreviousView'}, ] } @end

コメントでは、詳細な説明をしました。

4.いくつかのヒント

  1. メールなどのフィールドにデフォルト値を設定する必要がある場合があります。フィールドFXFormFieldDefaultValueを設定できます。
// -- username - (NSDictionary *)emailField{ return @{ FXFormFieldHeader: @'Login', // Form Title FXFormFieldKey: @ 'email', // corresponding key Title @ 'Email', // field: FXFormFieldTitle FXFormFieldDefaultValue: reservation information @ 'Your Email' // field <- } }

このオプションはFXFormFieldPlaceholderと同じではないことに注意してください。FXFormFieldPlaceholderでは引き続き入力でき、デフォルトのFXFormFieldDefaultValueです。

  1. 読み取り専用に設定します。フォームフィールドを読み取り専用に設定したい場合があります。
// -- username - (NSDictionary *)emailField{ return @{ FXFormFieldHeader: @'Login', // Form Title FXFormFieldKey: @ 'email', // corresponding key Title @ 'Email', // field: FXFormFieldTitle Reservation information @ 'Your Email', // field: FXFormFieldPlaceholder @'textField.enabled': @(NO) // set readonly } }

5.私に連絡してください

ご不明な点がございましたら、私にご連絡ください:arkilis#gmail.com


注:私たちの小さな友達iOS122による記事 @Arkilis 一緒に参加したい仕上げ: iOS122タスクプール