An elegant context-care loading placeholder for Android

Florent CHAMPIGNY

Last update: Nov 21, 2022

Related tags

UI/UX android java design list material custom view loader loading recycler waiting shade gray grey

Overview

FiftyShadesOf

An elegant context-care loading placeholder for Android

Usage

FiftyShadesOf.with(context)
             .on(view1, view2, view3)
             .start();

Available attributes

View Selector

FiftyShadesOf.with(context)

             .on(R.id.view1, R.id.view2, R.id.view3) //views id

             .on(view1, view2, view3) //views references
             
             .on(viewGroup) //group of views
             
             .except(view1, view2) //skip a view

             .start();

Cross

(By Default)

FiftyShadesOf.with(context)
             .on(R.id.view)
             .start();

Fade

FiftyShadesOf.with(context)
             .on(R.id.view)
             .fadeIn(true)
             .start();

Download

In your module

compile 'com.github.florent37:fiftyshadesof:1.0.0'

Credits

Author: Florent Champigny

Fiches Plateau Moto : https://www.fiches-plateau-moto.fr/

License

Copyright 2016 florent37, Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Comments

Save properties just before starting animation

If you change a property (like android:background) between the creation and the start of the animation, at the end, the background will be the old value of this property.

For example, that can happen if there is many loading in the same view. In this case we don't want to create multiple instance of FiftyShadesOf and ViewState.

The started state is here to handle multiple start before stop. Without this state, the method beforeStart will save gray mask and restore it (in the case of multiple start before stop).

opened by VJubert 1
Not Applied To Spinner

Its work fine with Text view, Edit text and Image view but when i apply it to Spinner view it does not work. is there any solution for this i am using lib version: compile 'com.github.florent37:fiftyshadesof:1.0.0' code: FiftyShadesOf.with(this) .on(R.id.imageView, R.id.text_view, R.id.spinner) .start();

opened by yatindeokar 0
There is a small problem with multiple clicks

When the user repeatedly click twice more, will cause the implementation of the continued within the fiftyShadesOf.stop(); not triggered However, I have used onClick method setClickable (false); In the Handler fiftyShadesOf.stop (); end of the re-enable setClickable (true);

opened by EverSoar 0

Sample project created to show some of the best Android practices to work in the Android UI Layer. The UI layer of this project has been implemented using MVP or MVVM (without binding engine) to show how this patterns works. This project is used during the talk "EffectiveAndroidUI".

Effective Android UI Sample project created to reinforce some of the main concepts described in the tech talk "Effective Android UI". In this reposito

6k Dec 17, 2022

Make your native android Toasts Fancy. A library that takes the standard Android toast to the next level with a variety of styling options. Style your toast from code.

FancyToast-Android Prerequisites Add this in your root build.gradle file (not your module build.gradle file): allprojects { repositories { ... ma

1.2k Dec 26, 2022

Make your native android Dialog Fancy. A library that takes the standard Android Dialog to the next level with a variety of styling options. Style your dialog from code.

FancyAlertDialog-Android Prerequisites Add this in your root build.gradle file (not your module build.gradle file): allprojects { repositories { ..

350 Dec 9, 2022

Xamarin.Android provides open-source bindings of the Android SDK for use with .NET managed languages such as C#

Xamarin.Android Xamarin.Android provides open-source bindings of the Android SDK for use with .NET managed languages such as C#. Build Status Platform

1.8k Jan 5, 2023

A Tinder-like Android library to create the swipe cards effect. You can swipe left or right to like or dislike the content.

Swipecards Travis master: A Tinder-like cards effect as of August 2014. You can swipe left or right to like or dislike the content. The library create

2.3k Dec 9, 2022

Bootstrap style widgets for Android, with Glyph Icons

An elegant context-care loading placeholder for Android

Related tags

Overview

FiftyShadesOf

Usage

Available attributes

View Selector

Cross

Fade

Download

Credits

License

You might also like...

Sample project created to show some of the best Android practices to work in the Android UI Layer. The UI layer of this project has been implemented using MVP or MVVM (without binding engine) to show how this patterns works. This project is used during the talk "EffectiveAndroidUI".

Make your native android Toasts Fancy. A library that takes the standard Android toast to the next level with a variety of styling options. Style your toast from code.

Make your native android Dialog Fancy. A library that takes the standard Android Dialog to the next level with a variety of styling options. Style your dialog from code.

Xamarin.Android provides open-source bindings of the Android SDK for use with .NET managed languages such as C#

A Tinder-like Android library to create the swipe cards effect. You can swipe left or right to like or dislike the content.

Bootstrap style widgets for Android, with Glyph Icons

[] A fast PDF reader component for Android development

[] Define and render UI specs on top of your Android UI

A Material design Android pincode library. Supports Fingerprint.

Comments

Save properties just before starting animation

Not Applied To Spinner

There is a small problem with multiple clicks

Owner

Florent CHAMPIGNY

An elegant way to show your menu or messages.

MarkdownView is an Android webview with the capablity of loading Markdown text or file and display it as HTML, it uses MarkdownJ and extends Android webview.

Android library used to create an awesome Android UI based on a draggable element similar to the last YouTube graphic component.

TourGuide is an Android library that aims to provide an easy way to add pointers with animations over a desired Android View

Bubbles for Android is an Android library to provide chat heads capabilities on your apps. With a fast way to integrate with your development.

View that imitates Ripple Effect on click which was introduced in Android L (for Android 2.3+)

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

SwipeBack for Android Activities to do pretty the same as the android "back-button" will do, but in a really intuitive way by using a swipe gesture

A backport of the SwitchPreference component that was introduced on Android 4 (ICS / level 14). This port works on Android 2.1+ (Eclair MR1 / level 7).

Wizard Pager is a library that provides an example implementation of a Wizard UI on Android, it's based of Roman Nurik's wizard pager (https://github.com/romannurik/android-wizardpager)