iOSDropDown

iOSドロップダウン

iOS の検索によるドロップダウン

iOSのドロップダウンメニューをサポートするSwiftライブラリです

ビデオを見る:

検索と正しいインデックスを返すのサポート

カスタマイズ中

例

サンプル プロジェクトを実行するには、リポジトリのクローンを作成し、最初に Example ディレクトリからpod install実行します。

特徴

1. シンプルな UITextField 拡張機能 使いやすく、UITextField のすべてのプロパティにアクセスできます
2. ドロップダウン検索は有効または無効にできます
3. リストの背景色と選択した色も変更します
4. リストの最大高さと各行の高さを変更する

インストール

Swiftパッケージマネージャー

Swift パッケージ マネージャーは、Swift コードの配布を自動化するツールであり、 swiftコンパイラーに統合されています。

Swift パッケージをセットアップしたら、 iOSDropDown を依存関係として追加するのは、 Package.swiftのdependenciesの値に追加するのと同じくらい簡単です。

dependencies: [
    . package ( url : " https://github.com/jriosdev/iOSDropDown.git " , . upToNextMajor ( from : " 0.4.0 " ) )
]

ココアポッド

CocoaPods を使用します。 iOSDropDown は CocoaPods を通じて利用できます。これをインストールするには、次の行を Podfile に追加するだけです。

1. pod 'iOSDropDown' Podfileに追加します。
2. pod install実行してポッドをインストールします。
3. [ビルド フェーズ] > [バイナリとライブラリのリンク] にiOSDropDown.frameworkを追加します。
4. 使用する .swift ファイルにimport iOSDropDown追加します。

カルタゴ

カルタゴを使う。

1. Cartfileという名前のファイルを作成します。
2. github "jriosdev/iOSDropDown"という行を追加します。
3. carthage updateを実行します。
4. ビルドされたiOSDropDown.framework Xcode プロジェクトにドラッグします。

マニュアル

次の Swift ファイルを複製してプロジェクトに追加するだけです。

• iOSDropDown.swfit

基本的な使い方

StoryBoard メソッド

UITextField を ViewCONtroller に追加し、@IBOutlet - DropDown クラスに接続するだけです。

 @ IBOutlet weak var dropDown : DropDown !

// The list of array to display. Can be changed dynamically
dropDown . optionArray = [ " Option 1 " , " Option 2 " , " Option 3 " ]
//Its Id Values and its optional
dropDown . optionIds = [ 1 , 23 , 54 , 22 ] 

// Image Array its optional
dropDown . ImageArray = [ ??‍? , ? , ? ]
// The the Closure returns Selected Index and String 
dropDown . didSelect { ( selectedText , index , id ) in
self . valueLabel . text = " Selected String: ( selectedText ) n index: ( index ) "
}

または

コードメソッド

 let  dropDown = DropDown ( frame : CGRect ( x : 110 , y : 140 , width : 200 , height : 30 ) ) // set frame

// The list of array to display. Can be changed dynamically
dropDown . optionArray = [ " Option 1 " , " Option 2 " , " Option 3 " ]
// Its Id Values and its optional
dropDown . optionIds = [ 1 , 23 , 54 , 22 ] 
// Image Array its optional
dropDown . ImageArray = [ ??‍? , ? , ? ]

// The the Closure returns Selected Index and String 
dropDown . didSelect { ( selectedText , index , id ) in
self . valueLabel . text = " Selected String: ( selectedText ) n index: ( index ) "
    }
}

その他のオプション

アクション

 dropDown . showList ( )  // To show the Drop Down Menu
 dropDown . hideList ( ) // To hide the Drop Down Menu

クロージャー

 listWillAppear ( ) {
  //You can Do anything when iOS DropDown willAppear 
 }

listDidAppear ( ) {
    //You can Do anything when iOS DropDown listDidAppear
}

listWillDisappear ( ) {
  //You can Do anything when iOS DropDown listWillDisappear 
}

 listDidDisappear ( ) {
  //You can Do anything when iOS DropDown listDidDisappear
}

カスタムフィルター機能

 // overridable function for filter action

   func searchFilter ( text : String , searchText : String ) -> Bool {
       // you can add custom filter fuctions as your need, like other than english ..etc
   } 

iOSDropDownをカスタマイズしますか？

ドロップダウンの次のプロパティをカスタマイズできます。

• isSearchEnabled : DropDown で有効または無効にすることができます。デフォルト値はtrueです。
• hideOptionsWhenSelect : オプション 1 項目をクリックしたときにリストを非表示にするオプションです。デフォルト値はtrueです
• selectedRowColor : ドロップダウンで選択されている行項目の色 デフォルト値は.cyan
• rowBackgroundColor : ドロップダウンの色 デフォルト値は.whiteです
• listHeight : リストの最大の高さ。デフォルト値は150です
• rowHeight : リスト内のリストの高さ。デフォルト値は30です
• selectedIndex : リスト内の項目の事前選択用
• arrowSize : 矢印のサイズ。デフォルト値は15です
• arrowColor : 矢印の色。デフォルト値は.blackです
• checkMarkEnabled : 行の選択に対して有効なチェックマーク。デフォルト値はtrueです
• textColor : ドロップダウンで選択したテキストの色を変更できます
• semanticContentAttribute : RTL または LTR のセマンティック属性
• 他のすべての TextField プロパティは、 alignment 、 font 、 textColor 、 semanticContentAttributeなど、 All Other TextField Properties are available with DropDown 。

注記 ：

 1.After Update the pod just do clean your buld folder 
      Product > Clean Build Folder . 

著者

私のプロジェクトが気に入ったら、Github でスターを付けてください

このプロジェクトが開発時間の短縮に役立つ場合は、コーヒーを一杯提供していただけますか :)

Jishnu Raj T、[email protected]

ライセンス

iOSDropDown は MIT ライセンスに基づいて利用できます。詳細については、LICENSE ファイルを参照してください。