Giter Site home page Giter Site logo

jimandreas / searchviewbottomnav Goto Github PK

View Code? Open in Web Editor NEW
4.0 2.0 0.0 8.98 MB

SearchView with a Bottom Nav Bar. Fast Scroll based on Google Photos User Experience (UX).

License: Apache License 2.0

Kotlin 100.00%
search searchview android kotlin bottomnavigationview fastscroll-recyclerview

searchviewbottomnav's Introduction

SearchViewBottomNav

repo: https://github.com/jimandreas/SearchViewBottomNav

Screen Animation

Demonstrates what this app has implemented:

Search function with Bottom Nav Bar

Fast Scroll over 253 months of entries

Implemented:

  • Search Fruits - remember search choices. Show matches.

  • Fast scroll of 20 years of monthly selections. Based on the Google Photos fast scroll UX.

UX credits

  • Google Photos fast scroll. It is really a good example of a useful scroll feature.

  • Wikipedia search function. It was the model to match for a search user experience.

Note that both of these UX features were implemented here as concepts for inclusion in the Molecule Of The Month browser implementation.

Code credits:

  • Android Studio Bottom Navigation Bar template

It is coded in Kotlin and is based on the BottomNavigationBar "Hello World" template as kindly provided in Android Studio 4.1.

The UI in the Wikipedia app switches dynamically between a history of the search function, and a dynamically updated match list based on the search entry text. The design follows what exists in the Wikipedia app as of October 2020.

The design uses the collapsing toolbar view for the fruit activity. The link above references the github repo authored by @chrisbanes.

The Reply sample application has a mostly non-functional search function - but the UI is based on the EditText widget rather than the SearchView widget. The EditText widget provides a sufficient level of base functionality and proved to be much simpler to manage in laying out UI components. This sample app wires up the "cancel text" X pushbutton, and the back arrow to dismiss the soft keyboard in a layout similar to the Reply app.

The fruit images are all sourced from imgur. See the FRUITS.md file for the fruit images referenced and their URLs.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.