Simple and lightweight UI library for user new experience, combining floating bottom navigation and bottom sheet behaviour. Simple and beautiful.

Related tags

UI/UX android kotlin ui ux slidingmenu
Overview

Floating SlideUp Sheet πŸŽ‰

Simple and lightweight UI library for user new experience, combining floating bottom navigation and bottom sheet behaviour. Simple and beautiful.

alt text

Interaction

GitHub forks GitHub contributors GitHub top language Visitor

Installation

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

Add dependency

dependencies {
	implementation 'com.github.rizmaulana:floating-slideup-sheet:0.1.0'
}

How to use

Add FloatingSlideUpLayout to your layout, it will contains two view item for floating menu and expanded panel

... ... "> 
 <id.rizmaulana.floatingslideupsheet.view.FloatingSlideUpLayout
        tools:visibility="invisible"
        android:id="@+id/floating_slideup_sheet"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingLeft="16dp"
        android:paddingRight="16dp"
        android:paddingBottom="16dp">
        
        <FrameLayout
           android:id="@+id/container_floating_menu"> 
           ... 
        FrameLayout>
        
        <LinearLayout
           android:id="@+id/container_expanded_content"> 
           ... 
        LinearLayout>
id.rizmaulana.floatingslideupsheet.view.FloatingSlideUpLayout>

Setup FloatingSlideUpPanel on your view class

 val floatingSlideUpSheet = FloatingSlideUpBuilder(this, floating_slideup_sheet)
            .setFloatingMenuRadiusInDp(32)
            .setFloatingMenuColor(android.R.color.white)
            .setFloatingMenu(container_floating_menu)
            .setPanel(container_expanded_content)
            .build()

Now you have awesome floating slideup sheet on your app πŸŽ‰

Note : Expandable panel already has NestedScrollView, no need add manually, your content will automatically scrollable.

Expand and Collapse Expandable Panel Programatically

floatingSlideUpSheet.collapseBottomSheet

floatingSlideUpSheet.expandBottomSheet

Todo

  • Support dark mode
  • Build floating menu from menu item
  • Eliminate code smells
  • Add test

Contributing

Pull requests are welcome.

License

MIT

You might also like...
A beautiful Android custom View that works similar to a range or seekbar. With animations.
A beautiful Android custom View that works similar to a range or seekbar. With animations.

ValueBar A beautiful Android custom View that works similar to a range or seekbar. Selection by gesture. With animations. Supporting API level 11+. De

Philipp Jahoda 147 Nov 20, 2022
Compose app with dummy data which serves as a playground to try out new things in the Android world.
Compose app with dummy data which serves as a playground to try out new things in the Android world.

Music Event Manager Compose app with dummy data which serves as a playground to try out new things in the Android world. Description The app primarily

Igor Tepavac 4 Apr 4, 2022
The ShowcaseView library is designed to highlight and showcase specific parts of apps to the user with an attractive and flat overlay.
The ShowcaseView library is designed to highlight and showcase specific parts of apps to the user with an attractive and flat overlay.

The ShowcaseView library is designed to highlight and showcase specific parts of apps to the user with an attractive and flat overlay.

Mohammad Reza Eram 484 Dec 26, 2022
FogView is a android library that can show fog on any layout and the fog removes when user rubs it.
FogView is a android library that can show fog on any layout and the fog removes when user rubs it.

Fog View Android Library Min SDK 8 (Android 2.2–2.2.3 Froyo) Screnshots How to use If you want use this library, you can download project and import i

Chetan Kaushik 631 Dec 31, 2022
Simple card app for Udacity's Android Basics: User Interface course

just-because-card Simple card app for Udacity's Android Basics: User Interface c

null 0 Jan 6, 2022
Drawing App: A simple drawing application that allows the user to draw using a pencil or using shapes
Drawing App: A simple drawing application that allows the user to draw using a pencil or using shapes

Drawing-App Drawing app is a simple drawing application that allows the user to

Nada Feteiha 1 Oct 5, 2022
:balloon: A lightweight popup like tooltips, fully customizable with an arrow and animations.
:balloon: A lightweight popup like tooltips, fully customizable with an arrow and animations.

Balloon 🎈 A lightweight popup like tooltips, fully customizable with arrow and animations. Including in your project Gradle Add below codes to your r

Jaewoong Eum 2.8k Jan 5, 2023
Celebrate more with this lightweight confetti particle system 🎊
Celebrate more with this lightweight confetti particle system 🎊

Konfetti 🎊 πŸ₯³ Celebrate more with this lightweight confetti particle system. Create realistic confetti by implementing this easy to use library. Demo

Dion Segijn 2.7k Jan 2, 2023
Lightweight audiowave progressbar for Android
Lightweight audiowave progressbar for Android

Audiogram Super lightweight audiowave progressbar written in Kotlin Getting started Add to your root build.gradle: allprojects { repositories {

Alexey Derbyshev 465 Jan 5, 2023
Comments
  • Suggestion for the menu

    Suggestion for the menu

    Hi!

    The truth is that I loved how the menu was designed, so first of all I congratulate the developers. On the other hand, I wanted to suggest some things, such as that the menu shows the color in the active element of the screen. On the other hand, for example, that also works with scrollable fragments in a ViewPager

    Thank you very much in advance and good job!

    opened by jeluchu 0
Releases(0.1.0)
Owner
Rizki Maulana
Mobile Apps Developer
Rizki Maulana
GitHub
πŸ—¨οΈ Beautiful Dialog is a Simple and Beautiful custom dialog

Beautiful Dialog ??️ Beautiful Dialog is a Simple and Beautiful custom dialog. Screenshots Including in your project Gradle Add below codes to your ro

Geovani Amaral 21 Jan 6, 2023
FloatingView can make the target view floating above the anchor view with cool animation

FloatingView FloatingView can make the target view floating above the anchor view with cool animation Links δΈ­ζ–‡η‰ˆ README Blog about FloatingView demo.ap

UFreedom 1.8k Dec 27, 2022
StandOut lets you easily create floating windows in your Android app.

Coming Soon Meanwhile, checkout the demo video at http://www.youtube.com/watch?v=S3vHjxonOeg Join the conversation at http://forum.xda-developers.com/

Mark Wei 1.2k Dec 12, 2022
Floating Notification for Android app - Facebook ChatHeads Notification system

FloatingView (Application Demo on Play Store) DEPRECATED SEE FloatingView Floating View for Android app - Facebook ChatHeads Notification system This

Fernandez Anthony 530 Nov 17, 2022
Floating Notification for Android app - Facebook ChatHeads Notification system

FloatingView (Application Demo on Play Store) DEPRECATED SEE FloatingView Floating View for Android app - Facebook ChatHeads Notification system This

Fernandez Anthony 530 Nov 17, 2022
Floating label input widgets

Android Floating Label Widgets A set of input widgets with a hint label that floats when input is not empty. Demo A demo of the widget is worth a thou

MarvinLabs 450 Nov 25, 2022
A new canvas drawing library for Android. Aims to be the Fabric.js for Android. Supports text, images, and hand/stylus drawing input. The library has a website and API docs, check it out

FabricView - A new canvas drawing library for Android. The library was born as part of a project in SD Hacks (www.sdhacks.io) on October 3rd. It is cu

Antwan Gaggi 1k Dec 13, 2022
Android Material Json Form Wizard is a library for creating beautiful form based wizards within your app just by defining json in a particular format.

Android Json Wizard Android Json Wizard is a library for creating beautiful form based wizards within your app just by defining json in a particular f

Vijay Rawat 355 Nov 11, 2022
NeoPOP was created with one simple goal; to create the next generation of a beautiful, affirmative design system

NeoPop is CRED's inbuilt library for using NeoPop components in your app

CRED 254 Dec 29, 2022
A pane that slides up from the bottom of an android view

Slide Up Pane ##Introduction This is a UI component that closely simulates the bottom UI component of the current Google Maps application, except boun

brian griffey 95 Feb 16, 2020