How to add GraphView in Android using Graph Library?

GraphView is a library for Android to programmatically create flexible and nice-looking diagrams. It is easy to understand, to integrate and to customize.

GraphView - Android Graph Library

Recently we’ve seen some View article like Increment ProductViewOverlayVeiwImage SlideViewDiscreate ScrollViewSwipeView and many more you can get. But today i am going to share a Graph Library for creating zoomable and scrollable line and bar graphs.

It supported graph types:

  • Line Graphs
  • Bar Graphs
  • Point Graphs
  • or implement your own custom types.

Source: GraphView – Android Graph Library

How to Build UI with ConstraintLayout in Android

If you’re just starting your adventure with ConstraintLayout, the new layout that’s available in a support library and is closely integrated with the visual UI editor in Android Studio 2.2.

What is ConstraintLayout in Android?

ConstraintLayout in Android is a ViewGroup which allows you to position and size widgets in a flexible way. Note: ConstraintLayout is available as a support library that you can use on Android systems starting with API level 9 (Gingerbread).

Building interfaces with ConstraintLayout in Android

In this article I’d like to highlight recent additions to ConstraintLayout in Android Studio 2.3 (Beta): chains and ratios, as well as give some general ConstraintLayout tips and tricks.


Creating chains is a new feature that lets you position views along a single axis (horizontal or vertical), that conceptually is a bit similar to a LinearLayout. As implemented by ConstraintLayout in Android, a chain is a series of views which are linked via bi-directional connections.

To create a chain in the layout editor, select the views you wish to chain together, right click on one of the views and click on “Center views horizontally” (or “Center views vertically”).

Creating a horizontal chain
Creating a horizontal chain

This creates the necessary connections for you. Moreover, a new button appears when you select any of the chain elements. It lets you toggle between three chain modes: Spread, Spread Inside, and Packed Chain.

Different chain styles: spread, spread inside and packed
Different chain styles: spread, spread inside and packed

There are two additional techniques you can use when dealing with chains:

Recommended article on Layout:

If you have a Spread or Spread Inside chain and any views in the chain have their size set to MATCH_CONSTRAINT (or “0dp”), the remaining space in the chain will be distributed among them according to weights defined in layout_constraintHorizontal_weight or layout_constraintVertical_weight.

Setting match_constraint on views that are part of a chain
Setting match_constraint on views that are part of a chain

If you have a Packed chain, you can adjust the horizontal (or vertical) bias to move all elements of the chain left and right (or up and down).

Adjusting horizontal bias of a packed chain
Adjusting horizontal bias of a packed chain


Ratios let you accomplish roughly the same thing as a PercentFrameLayout, i.e. restrict a View to a set width to height ratio, without the overhead of the additional ViewGroup in your hierarchy.

Setting a ratio on a view
Setting a ratio on a view

To set a ratio for any view inside a ConstraintLayout:

  1. Make sure at least one of the size constraints is dynamic, i.e. not “Fixed” and not “Wrap Content”.
  2. Click the “Toggle aspect ratio constraint” that appears in the top left corner of the box.
  3. Input the desired aspect ratio in width:height format, for example: 16:9

Full article >>: Building UI with ConstraintLayout in Android? 

How to Use GIF in Android?

Use GIF in Android
Use GIF in Android

Today i am going to show you how to use GIF in Android application after my recent post on use of Springy Facebook Rebound library. Everyone know about GIF(Graphics Interchange Format) which is a great way represent your thought in single image.

I see this post on my Facebook group a member Moe Ma Ka .

In previous article i showed you Top 35 Android Loading Animation which you can implement any of them in your application using GIFView library.

It is a library for playing gifs on Android. Simple android view to display gifs efficiently. You can start, pause and stop gifView. Example usages can be found in example project.

Source: Use GIF in Android 

Working of Android Instant Run

Most of Android developer wants to know that how Android Instant Run works. It’s a feature in Android Studio that uses ✨magic✨ to significantly reduce the build and deploy times for incremental code changes during your coding / testing / debugging life-cycle.

How Android Instant Run Works?

How Android Instant Run Works?

Yes of-course, I say magic, because for the most part that’s how it looks. The first time you hit run or debug, it works like you’d expect — then each time. But you make a change and hit run or debug again (this time with a ⚡ on the icon), the changes are applied before I’ve had a chance to shift my attention to my phone.

Start with this simple flow chart of a typical build cycle

Build, deploy / install, app launch, Activity started
Build, deploy / install, app launch, Activity started

The goals of Instant Run are really simple:


In practice that means:

  • Build and deploy only the incremental changes.
  • Don’t reinstall the app.
  • Don’t restart the app.
  • Don’t even restart the Activity.

Source : How Android Instant Run Works?

How to Use Springy Facebook Rebound?

Springy Facebook Rebound is a java library that models spring dynamics. Rebound spring models can be used to create animations that feel natural by introducing real world physics to your application.

media player

It is not a general purpose physics library; however, spring dynamics can be used to drive a wide variety of animations. The simplicity of Rebound makes it easy to integrate and use as a building block for creating more complex components like pagers, toggles, and scrollers.

Source: How to Use Springy Facebook Rebound? » Tell Me How – A Place for Technology Geekier

Pull To Make Soup Android Animation

Pull-to-refresh is a great place for creativity! But Yalantis building cool pull-to-refresh called Pull To Make Soup animation not only for the purpose of self-expression. These small components can actually help app publishers make their applications stand out.

 how to add pull to make soup animation GIF

Source: How to add Pull To Make Soup animation?

Now we have a magic soup in the saucepan that cooks itself and a customizable pull-to-refresh component. I hope it encourages you to create your own super cool animations to make your apps look gorgeous.

Hope you like this idea so please share and comment us.

PreviewSeekBar Library for Android Video App

If you use Google Play Movies, you have probably noticed this great animated SeekBar with a preview of the movie. It turned out that Rúben Sousa implemented that as an open-source library. The gif below gives a good flavor of its functionalities.

Popular article : Top 30 Android Tools Every Developer should Know

If your app is for instance a movie player, you should definitely try it!

PreviewSeekBar in Android Video App

Source: Add PreviewSeekBar in Android Video App