GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → faob-dev → MotionLayoutMenuA

faob-dev / MotionLayoutMenuA

Licence: MIT License
Dribble menu design built with Android MotionLayout

Programming Languages

kotlin
9241 projects

Labels

androidanimationmenumotionlayoutandroid-motionlayout

Projects that are alternatives of or similar to MotionLayoutMenuA

PopOverAlert
PopOverAlert is a PopOver style alert view.
Stars: ✭ 56 (+55.56%)
Mutual labels:  menu
menuffy
menuffy is a status menu application that allows you to open the menu of the current application at hand.
Stars: ✭ 76 (+111.11%)
Mutual labels:  menu
postel
tiny react library for building tooltips, flyovers, menus and more
Stars: ✭ 70 (+94.44%)
Mutual labels:  menu
TheBashMenu
A useful bash script allowing you to easily create your own menu, which uses the directional keys! Quickly add your title, options and commands and you're good to go!
Stars: ✭ 52 (+44.44%)
Mutual labels:  menu
LavaFab
💧 Android floating action button menu with "lava" animation
Stars: ✭ 51 (+41.67%)
Mutual labels:  menu
menu-control
🍔 Menu and breadcrumb components for Nette framework (@nette)
Stars: ✭ 26 (-27.78%)
Mutual labels:  menu
lazeemenu
Multi-level sidebar menu - JQuery plugin
Stars: ✭ 40 (+11.11%)
Mutual labels:  menu
CoolSlidingMenu
A powerful menu that you can customize it。
Stars: ✭ 25 (-30.56%)
Mutual labels:  menu
menu
Simplistic, effortless menu building API originally built for Laravel use, now a seamlessly independent package.
Stars: ✭ 14 (-61.11%)
Mutual labels:  menu
react-native-animated-menu
Top-down animated menu transition concept
Stars: ✭ 56 (+55.56%)
Mutual labels:  menu
django-menu-generator
A straightforward menu generator for Django
Stars: ✭ 24 (-33.33%)
Mutual labels:  menu
simple-sidenav
Simple, easily customizable, animated menu.
Stars: ✭ 40 (+11.11%)
Mutual labels:  menu
direct menu
Nextcloud/OwnCloud app to provide easy access to all apps in the header
Stars: ✭ 16 (-55.56%)
Mutual labels:  menu
Nova-Menu-Builder
A Menu Builder for Laravel Nova
Stars: ✭ 63 (+75%)
Mutual labels:  menu
pHake
GTA Online Mod
Stars: ✭ 74 (+105.56%)
Mutual labels:  menu
Jade-Player
A media player for Android.
Stars: ✭ 70 (+94.44%)
Mutual labels:  motionlayout
ml-stack-nav
Customizable, responsive, accessible, easy-to-use multi-level stack navigation menu with slide effect.
Stars: ✭ 20 (-44.44%)
Mutual labels:  menu
XLShredLoader
A collection of mods for Skater XL that use the Unity Mod Manager (reworked from the XLShredMenu mod)
Stars: ✭ 33 (-8.33%)
Mutual labels:  menu
WaveSideBar
Animated side bar view
Stars: ✭ 38 (+5.56%)
Mutual labels:  menu
WBChainMenu
This will show horizontal menu to a UITableViewCell with chain animation
Stars: ✭ 28 (-22.22%)
Mutual labels:  menu
View All Similar Projects ➔

MotionLayout Menu

Dribble menu design https://dribbble.com/shots/2653519-Menu built with Android MotionLayout

Demo

Youtube demo https://www.youtube.com/watch?v=CT0qKL3F278

alt tag

Description

In layout file views v1, v2, v3, v4 are four menus c1, c2, c3, c4 are four background content views and view ic1 is down arrow image. My screen height is 640dp - 24dp = 616dp (24dp is status bar height). If you want to change menu size according to your screen resolution open dimens.xml and change menu height in expanded and collapsed state

menu_expanded_height = 154dp (616dp / 4)
menu_collapsed_height = 80dp

Change top margins of each menu according to your screen height to place menus one after another

v1_expanded_margin_top
v2_expanded_margin_top
v3_expanded_margin_top
v4_expanded_margin_top

MotionScene file in xml/motion_scene.xml contains comments about each Transition and ConstraintSet. MenuActicity only handles click events and run transitions defined in motion_scene file.

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].