All Projects â†’ alexstyl â†’ Material Searchtransition

alexstyl / Material Searchtransition

Licence: mit
A demo showcasing how to implement a Dial app-like Toolbar transition

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Material Searchtransition

Transformationlayout
🌠 Transform into a different view or activity using morphing animations.
Stars: ✭ 1,329 (+224.94%)
Mutual labels:  material, transition
Depth
Add some Depth to your fragments
Stars: ✭ 789 (+92.91%)
Mutual labels:  material, transition
Material
A UI/UX framework for creating beautiful applications.
Stars: ✭ 11,870 (+2802.2%)
Mutual labels:  material, searchbar
Jtmaterialtransition
An iOS transition for controllers based on material design.
Stars: ✭ 966 (+136.19%)
Mutual labels:  material, transition
Materialsearchbar
Material Design Search Bar for Android
Stars: ✭ 2,008 (+390.95%)
Mutual labels:  material, searchbar
Tweenr
Interpolate your data
Stars: ✭ 376 (-8.07%)
Mutual labels:  transition
Gank.io Unofficial Android Client
An unofficial gank. io android client
Stars: ✭ 394 (-3.67%)
Mutual labels:  material
Svelte Materialify
A Material UI Design Component library for Svelte heavily inspired by vuetify.
Stars: ✭ 351 (-14.18%)
Mutual labels:  material
Hyawesometransition
Custom transition between viewcontrollers
Stars: ✭ 368 (-10.02%)
Mutual labels:  transition
Material Progressview
🔥A beautiful, gradual and simple used progress view for android.
Stars: ✭ 406 (-0.73%)
Mutual labels:  material
Material Auto Rotating Carousel
Introduce users to your app with this Material-style carousel.
Stars: ✭ 400 (-2.2%)
Mutual labels:  material
Md2
Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.
Stars: ✭ 389 (-4.89%)
Mutual labels:  material
Scrollreveal
Animate elements as they scroll into view.
Stars: ✭ 20,264 (+4854.52%)
Mutual labels:  transition
Frames
Free, feature-rich, easily customizable Android dashboard for wallpapers apps
Stars: ✭ 396 (-3.18%)
Mutual labels:  material
Lazytransitions
Lazy pop and dismiss like in the Facebook, Instagram or Twitter apps.
Stars: ✭ 377 (-7.82%)
Mutual labels:  transition
Holoshield
Highly customizable sci-fi shield / force field shader for Unity3D. Allows you to set edge power & color, inner texture scrolling, waviness, scale pulsation and procedural intensity noise. Implements tessellation for low-poly base meshes.
Stars: ✭ 401 (-1.96%)
Mutual labels:  material
Vue Motion
Easy and natural state transitions
Stars: ✭ 373 (-8.8%)
Mutual labels:  transition
Blueprint
Free, feature-rich, easily customizable Android dashboard for icon packs
Stars: ✭ 389 (-4.89%)
Mutual labels:  material
Framework7 Template Vue Webpack
Deprecated! Framework7 Vue Webpack starter app template with hot-reload & css extraction
Stars: ✭ 399 (-2.44%)
Mutual labels:  material
Rust Three Days Course
Course material for Rust, taking roughly three days. English, German, Spanish available.
Stars: ✭ 388 (-5.13%)
Mutual labels:  material

Material-SearchTransition

This is a sample project showcasing how a transition to Search can be achieved similar to how it can be found in the Android stock Dialer app.

The main difference to the implementation found in the stock Dialer app is that you have two separate Activities (MainActivity and SearchActivity) in the demo, as opposed to having a huge activity that has the logic for both.

The searchbar is an actual Toolbar view, which allows you to still use all the things you get for free (such as the Navigation button, inflate a custom Menu etc) using the API you already know. No custom views trying to replicate behavior that is given by the system.

The demo is using the Transition API with a combination of custom Activity transitions.

How it looks like

Transition to Search

Jump straight to code

To get started, have a look at the MainActivity class. Enjoy!

Just code is not enough?

The full explanation and exploration of transitions can be found at the respective Medium article: Exposing the Searchbar

License

MIT License

Copyright (c) 2016 Alex Styl

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].