All Projects → Ramotion → Garland View Android

Ramotion / Garland View Android

Licence: mit
≡ GarlandView seamlessly transitions between multiple lists of content. Made by @Ramotion

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Garland View Android

Wymaterialbutton
Interactive and fully animated Material Design button for iOS developers.
Stars: ✭ 80 (-95.69%)
Mutual labels:  library, material-design, component
Folding Cell Android
📃 FoldingCell is a material design expanding content cell inspired by folding paper material made by @Ramotion
Stars: ✭ 4,859 (+161.94%)
Mutual labels:  library, material-design, component
Expanding Collection
ExpandingCollection is an animated material design UI card peek/pop controller. iOS library made by @Ramotion
Stars: ✭ 5,456 (+194.12%)
Mutual labels:  library, material-design, component
Geotic
Entity Component System library for javascript
Stars: ✭ 97 (-94.77%)
Mutual labels:  library, component
Ngx Select Dropdown
Custom Dropdown for Angular 4+ with multiple and single selection options
Stars: ✭ 91 (-95.09%)
Mutual labels:  library, component
Simpledialogfragments
A collection of easy to use and extendable DialogFragment's for Android
Stars: ✭ 94 (-94.93%)
Mutual labels:  library, material-design
Faboptions
A multi-functional FAB component with customizable options
Stars: ✭ 1,060 (-42.86%)
Mutual labels:  library, component
React Swipeable Bottom Sheet
A swipeable material's bottom sheet implementation, using react-swipeable-views
Stars: ✭ 106 (-94.29%)
Mutual labels:  material-design, component
Melon
react ui comopents
Stars: ✭ 101 (-94.56%)
Mutual labels:  material-design, component
Kivymd
Set of widgets for Kivy inspired by Google's Material Design.
Stars: ✭ 107 (-94.23%)
Mutual labels:  library, material-design
Styled Typography
Typograpy components for react and styled-components
Stars: ✭ 113 (-93.91%)
Mutual labels:  library, component
Maz Ui
Stand-alone components library to build your interfaces with Vue.JS & Nuxt.JS
Stars: ✭ 109 (-94.12%)
Mutual labels:  library, component
Aura.ui
A Library with a lot of Controls for AvaloniaUI
Stars: ✭ 114 (-93.85%)
Mutual labels:  library, component
Bottombar
(Deprecated) A custom view component that mimics the new Material Design Bottom Navigation pattern.
Stars: ✭ 8,459 (+356.01%)
Mutual labels:  library, material-design
React Markdown
Markdown editor (input) based on React
Stars: ✭ 98 (-94.72%)
Mutual labels:  library, component
React Native X Bar
🎩 A flexible, lightweight bar component for common UI patterns in React Native
Stars: ✭ 68 (-96.33%)
Mutual labels:  library, component
Bubble Navigation
🎉 [Android Library] A light-weight library to easily make beautiful Navigation Bar with ton of 🎨 customization option.
Stars: ✭ 1,537 (-17.14%)
Mutual labels:  library, material-design
Dynamic Toasts
Custom toasts with color and icon for Android.
Stars: ✭ 132 (-92.88%)
Mutual labels:  library, material-design
Hellobooks
A Single-Page Library Management App built with nodejs, express and react and redux
Stars: ✭ 37 (-98.01%)
Mutual labels:  library, component
Pannellum React
React Component for Pannellum (open source panorama viewer for the web)
Stars: ✭ 48 (-97.41%)
Mutual labels:  library, component

GARLAND VIEW [JAVA]

Garland View seamlessly transitions between multiple lists of content


We specialize in the designing and coding of custom UI for Mobile Apps and Websites.

Stay tuned for the latest updates:


Twitter Donate

Check this library on other platforms:

Requirements

  • Android 4.4 KitKat (API lvl 19) or greater
  • Your favorite IDE

Installation

Just download the package from here and add it to your project classpath, or just use the maven repo:

Gradle:

compile 'com.ramotion.garlandview:garland-view:0.3.3'

SBT:

libraryDependencies += "com.ramotion.garlandview" % "garland-view" % "0.3.3"

Maven:

<dependency>
    <groupId>com.ramotion.garlandview</groupId>
    <artifactId>garland-view</artifactId>
    <version>0.3.3</version>
</dependency>

Basic usage

GarlandView consists of classes for inner items that are scrolled vertically and outer items that are scrolled horizontally, and each of which contains one inner item.

First of all, you need to implement the classes necessary to create internal items: InnerItem and InnerAdapter.

InnerAdapter is an abstract class inherited from RecyclerView.Adapter. It works only with InnerItem - ViewHolder.

In InnerItem, you need to override the getInnerLayout method, which must return the main layout of the inner item.

Next, you need to override the classes required for external items: HeaderItem and HeaderAdapter.

HeaderAdapter is an abstract class inherited from RecyclerView.Adapter, It works only with HeaderItem - ViewHolder.

In HeaderItem, you need to redefine 4 methods: getHeader, getHeaderAlphaView, isScrolling, getViewGroup. The method getViewGroup should return InnerRecyclerView. The isScrolling method must return the InnerRecyclerView's scrolling state. The getHeaderAlpha method should return an alpha-layout, which will be used for dimming (hiding header's views). The getHeader method must return the main layout of the header, an outer item.

Finally, place TailRecyclerView in the Activity's layout. Next, create a TailLayoutManager and specify it as a LayoutManager for TailRecyclerView.

Here are the attributes of TailRecyclerView you can specify in the XML layout:

  • itemStart - Outer item left and right offset size.
  • itemGap - Distance between outer items.

🗂 Check this library on other language:

📄 License

Garland View Android is released under the MIT license. See LICENSE for details.

This library is a part of a selection of our best UI open-source projects

If you use the open-source library in your project, please make sure to credit and backlink to www.ramotion.com

📱 Get the Showroom App for Android to give it a try

Try this UI component and more like this in our Android app. Contact us if interested.

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