MultiSearchView

Vista de búsqueda múltiple

Otra vista de búsqueda animada incorporada para Android.

Todos los créditos del diseño son para Cuberto. E inspirado en este diseño.

Demostración en vídeo

Aquí

Uso

< com .iammert.library.ui.multisearchviewlib.MultiSearchView
        android : layout_width = " match_parent "
        android : layout_height = " wrap_content " />     

multiSearchView.setSearchViewListener( object : MultiSearchView . MultiSearchViewListener {
    override fun onItemSelected ( index : Int , s : CharSequence ) {
    }

    override fun onTextChanged ( index : Int , s : CharSequence ) {
    }

    override fun onSearchComplete ( index : Int , s : CharSequence ) {
    }

    override fun onSearchItemRemoved ( index : Int ) {
    }

})

Personalizar

Si necesita personalizar MultiSearchView, primero debe agregar el conjunto de estilos en estilos.xml

     <!-- Search Text Style. -->
    < style name = " SearchTextStyle " >
        <!-- Custom values write to here for SearchEditText. -->
        < item name = " android:focusable " >true</ item >
        < item name = " android:focusableInTouchMode " >true</ item >
        < item name = " android:enabled " >true</ item >
        < item name = " android:hint " >Search</ item >
        < item name = " android:imeOptions " >actionSearch</ item >
        < item name = " android:textSize " >18sp</ item >
        < item name = " android:maxLength " >15</ item >
        < item name = " android:inputType " >textCapSentences</ item >
        < item name = " android:textColorHint " >#80999999</ item >
        < item name = " android:textColor " >#000</ item >
    </ style >

A partir de entonces, debes establecer el estilo en app:searchTextStyle en MultiSearchView.

        < com .iammert.library.ui.multisearchviewlib.MultiSearchView
            android : id = " @+id/multiSearchView "
            android : layout_width = " match_parent "
            android : layout_height = " wrap_content "
            android : layout_marginTop = " 16dp "
            app : searchTextStyle = " @style/SearchTextStyle " />

Eso es todo. Creaste tu propio estilo para MultiSearchView

Configuración

 allprojects {
    repositories {
        .. .
        maven { url ' https://jitpack.io ' }
    }
}

dependencies {
    implementation ' com.github.iammert:MultiSearchView:0.3 '
}

Gracias a los contribuyentes

• Mert Ceyhan

Licencia

 Copyright 2019 Mert Şimşek

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.