MultiSearchView

MultiSearchView

Mais uma visualização de pesquisa animada integrada para Android.

Todos os créditos do design vão para Cubero e inspirado neste design

Demonstração em vídeo

Aqui

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

Se você precisar personalizar o MultiSearchView, primeiro você deve adicionar o estilo definido em 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 >

Depois disso, você deve definir o estilo para app:searchTextStyle em 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 " />

É isso. Você criou seu próprio estilo para MultiSearchView

Configurar

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

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

Obrigado aos contribuidores

• Mert Ceyhan

Licença

 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.