iOSDropDown

iOS-DropDown

Dropdown mit Suche für iOS

Es handelt sich um eine Swift-Bibliothek zur Unterstützung des Dropdown-Menüs in iOS

Sehen Sie sich das Video an:

Unterstützt Suche und Rückgabe des korrekten Indexes

Anpassen

Beispiel

Um das Beispielprojekt auszuführen, klonen Sie das Repo und führen Sie zunächst pod install aus dem Beispielverzeichnis aus.

Merkmale

1. Einfache UITextField-Erweiterung und einfach zu verwenden. Wir können auf alle Eigenschaften von UITextField zugreifen
2. Die DropDown-Suche kann aktiviert oder deaktiviert werden
3. Ändern Sie die Hintergrundfarbe der Liste und auch die ausgewählte Farbe
4. Ändern Sie die maximale Höhe der Liste und die Höhe jeder Zeile

Installation

Swift-Paketmanager

Der Swift Package Manager ist ein Tool zur Automatisierung der Verteilung von Swift-Code und ist in den swift -Compiler integriert.

Sobald Sie Ihr Swift-Paket eingerichtet haben, ist das Hinzufügen von iOSDropDown als Abhängigkeit so einfach wie das Hinzufügen zum dependencies Wert Ihres Package.swift .

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

Kakaokapseln

Verwenden Sie CocoaPods. iOSDropDown ist über CocoaPods verfügbar. Um es zu installieren, fügen Sie einfach die folgende Zeile zu Ihrem Podfile hinzu:

1. Fügen Sie pod 'iOSDropDown' zu Ihrer Poddatei hinzu.
2. Installieren Sie die Pods, indem Sie pod install ausführen.
3. Fügen Sie iOSDropDown.framework unter „Build-Phasen“ > „Binärdatei mit Bibliotheken verknüpfen“ hinzu
4. Fügen Sie import iOSDropDown in den .swift-Dateien hinzu, in denen Sie es verwenden möchten

Karthago

Benutze Karthago.

1. Erstellen Sie einen Dateinamen Cartfile .
2. Fügen Sie die Zeile github "jriosdev/iOSDropDown" hinzu.
3. Führen Sie carthage update aus.
4. Ziehen Sie das erstellte iOSDropDown.framework in Ihr Xcode-Projekt.

Handbuch

Klonen Sie einfach die folgenden Swift-Dateien und fügen Sie sie Ihrem Projekt hinzu:

• iOSDropDown.swfit

Grundlegende Verwendung

StoryBoard-Methode

Fügen Sie einfach UITextField zu Ihrem ViewCONtroller hinzu und verbinden Sie @IBOutlet – DropDown-Klasse

 @ 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 ) "
}

ODER

Code-Methode

 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 ) "
    }
}

Andere Optionen

Aktionen

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

Schließungen

 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
}

Benutzerdefinierte Filterfunktion

 // 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
   } 

Passt iOSDropDown an?

Sie können diese Eigenschaften des Dropdowns anpassen:

• isSearchEnabled : Sie können DropDown aktivieren oder deaktivieren. Der Standardwert ist true
• hideOptionsWhenSelect : Mit dieser Option wird die Liste ausgeblendet, wenn Sie auf Option 1 klicken. Der Standardwert ist true
• selectedRowColor : Farbe des ausgewählten Zeilenelements in DropDown. Der Standardwert ist .cyan
• rowBackgroundColor : Farbe von DropDown. Der Standardwert ist .white
• listHeight : Die maximale Höhe der Liste. Der Standardwert ist 150
• rowHeight : Die Höhe der Liste in der Liste. Der Standardwert ist 30
• selectedIndex : Zur Vorauswahl eines beliebigen Elements in der Liste
• arrowSize : Die Größe des Pfeils. Der Standardwert ist 15
• arrowColor : Die Farbe des Pfeils. Der Standardwert ist .black
• checkMarkEnabled : Das Häkchen für die Auswahl der Zeile aktiviert. Der Standardwert ist true
• textColor : Sie können die per DropDown ausgewählte Textfarbe ändern
• semanticContentAttribute : Semantisches Attribut für RTL oder LTR
• All Other TextField Properties are available with DropDown z. B. alignment “, font “, textColor “, „ semanticContentAttribute “ usw

Notiz :

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

Autor

Wenn Ihnen mein Projekt gefällt, geben Sie mir bitte einen STERN auf Github

Wenn Ihnen dieses Projekt hilft, die Entwicklungszeit zu verkürzen, können Sie mir eine Tasse Kaffee anbieten :)

Jishnu Raj T, [email protected]

Lizenz

iOSDropDown ist unter der MIT-Lizenz verfügbar. Weitere Informationen finden Sie in der LICENSE-Datei.