iOSDropDown

Menú desplegable de iOS

Desplegable con búsqueda para iOS

Es una biblioteca Swift compatible con el menú desplegable en iOS

Ver vídeo en:

Soporte de búsqueda y devolución del índice correcto

Personalización

Ejemplo

Para ejecutar el proyecto de ejemplo, clone el repositorio y primero ejecute pod install desde el directorio de ejemplo.

Características

1. Extensión UITextField simple y fácil de usar, podemos acceder a todas las propiedades de UITextField
2. La búsqueda desplegable se puede habilitar o deshabilitar
3. Cambie el color de fondo de la Lista y también el color seleccionado
4. Cambiar la altura máxima de la Lista y la altura de cada Fila

Instalación

Administrador de paquetes rápido

Swift Package Manager es una herramienta para automatizar la distribución de código Swift y está integrada en el compilador swift .

Una vez que haya configurado su paquete Swift, agregar iOSDropDown como dependencia es tan fácil como agregarlo al valor de dependencies de su Package.swift .

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

CacaoPods

Utilice CocoaPods. iOSDropDown está disponible a través de CocoaPods. Para instalarlo, simplemente agregue la siguiente línea a su Podfile:

1. Agregue pod 'iOSDropDown' a su Podfile .
2. Instale los pod(s) ejecutando pod install .
3. Agregue iOSDropDown.framework en Fases de compilación> Vincular binario con bibliotecas
4. Agregue import iOSDropDown en los archivos .swift donde desee usarlo

Cartago

Utilice Cartago.

1. Cree un nombre de archivo Cartfile .
2. Agregue la línea github "jriosdev/iOSDropDown" .
3. Ejecute carthage update .
4. Arrastre el iOSDropDown.framework integrado a su proyecto Xcode.

Manual

Simplemente clona y agrega los siguientes archivos Swift a tu proyecto:

• iOSDropDown.swfit

Uso básico

Método del guión gráfico

Simplemente agregue UITextField a su ViewCOntroller y conecte @IBOutlet - Clase desplegable

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

O

Método de código

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

Otras opciones

Comportamiento

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

Cierres

 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
}

Función de filtro personalizado

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

¿Personaliza iOSDropDown?

Puede personalizar estas propiedades del menú desplegable:

• isSearchEnabled : puede habilitarlo o deshabilitarlo en el menú desplegable. El valor predeterminado es true
• hideOptionsWhenSelect : esta opción para ocultar la lista cuando se hace clic en la opción de un elemento. El valor predeterminado es true
• selectedRowColor : color del elemento de fila seleccionado en el menú desplegable. El valor predeterminado es .cyan
• rowBackgroundColor : Color de DropDown El valor predeterminado es .white
• listHeight : la altura máxima de la lista. El valor predeterminado es 150
• rowHeight : la altura de la lista en la lista. El valor predeterminado es 30
• selectedIndex : para preselección de cualquiera de los elementos de la lista
• arrowSize : El tamaño de la flecha. El valor predeterminado es 15
• arrowColor : El color de la flecha. El valor predeterminado es .black
• checkMarkEnabled : la marca de verificación habilitada para la selección de fila. El valor predeterminado es true
• textColor : Puede cambiar el color del texto seleccionado en el menú desplegable
• semanticContentAttribute : atributo semántico para RTL o LTR
• All Other TextField Properties are available with DropDown como alignment , font , textColor , semanticContentAttribute , etc.

Nota :

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

Autor

Si te gusta mi proyecto, dame una ESTRELLA en Github.

Si este proyecto te ayuda a reducir el tiempo de desarrollo, ¿puedes ofrecer una taza de café? :)

Jishnu Raj T, [email protected]

Licencia

iOSDropDown está disponible bajo la licencia MIT. Consulte el archivo de LICENCIA para obtener más información.