Just take it! Ten material design Open source projects

The material design, which is between the object and the flat, has aroused a lot of people's attention and thought since its debut, and the discussion has been heard. This article details the 10 material design open source projects that are popular in the Android developer community, from examples, FAB, menus, animations, ripple to dialog, which are known as "the first time Google has surpassed Apple in design language and specification" How material design is becoming a new standard for apps.

1. Materialdesignlibrary

Among the many new libraries, Materialdesignlibrary is a developer-spotlight control effect library that enables developers to use Android 5.0-enabled control effects on Android 2.2 systems, such as flat, rectangular, floating buttons, check boxes, and a variety of progress indicators.

In addition to the above, Materialdesignlibrary also has Snackbar, Dialog, and Color selector components, which make it easy to set up the application interface.

Progress indicator style effect settings:

[XML]View Plaincopy

2. <com.gc.materialdesign.views.ProgressBarCircularIndetermininate
4. android:id="@+id/progressbarcircularindetermininate"
6. android:layout_width="32DP"
8. android:layout_height="32DP"
10. android:background="#1E88E5" />

Dialog:

[Java]View Plaincopy

1. Dialog Dialog = new Dialog (Context context,string title, String message);
2. Dialog.show ();

RELATED links: Materialdesignlibrary's Mobilehub Home

2. Rippleeffect

The Rippleeffect, developed by Robin Chutaux from France, is open source based on the MIT license and is able to implement material Design on the Android API + +. Provides developers with a very easy way to create a header view with an extensible view and to allow for maximum customization.

Usage (declare a rippleview in the XML file):

[XML]View Plaincopy

2. <Com.andexert.library.RippleView
4. android:id="@+id/more"
6. android:layout_width="? android:actionbarsize"
8. android:layout_height="? android:actionbarsize"
10. android:layout_toleftof="@+id/more2"
12. android:layout_margin="5DP"
14. ripple:rv_centered="true">
18. <ImageView
20. android:layout_width="? android:actionbarsize"
22. android:layout_height="? android:actionbarsize"
24. android:src="@android:d rawable/ic_menu_edit"
26. android:layout_centerinparent="true"
28. android:padding="10DP"
30. android:background="@android: Color/holo_blue_dark"/>
34. </com.andexert.library.RippleView>

RELATED links: Rippleeffect's Mobilehub Home

3. Materialedittext

With the advent of material design, AppCompat V21 also provides developers with material design control appearance support, including EditText, but it is not easy to use, no color-setting API, and no Google Features mentioned in the Material Design spec. As a result, developers from the domestic "throw the line" developed the Materialedittext library, directly inherit the EditText, without modifying the Java file can implement custom control color.

Custom Base Color:

[XML]View Plaincopy

1. app:basecolor="#0056d3"

Custom error Color:

[XML]View Plaincopy

1. app:maxcharacters="Ten"
2. app:errorcolor="#ddaa00"

RELATED links: Materialedittext's Mobilehub Home

4. Android-lollipopshowcase

Android-lollipopshowcase is a demo app developed by Mike Penz, a mobile, backend, and web developer from Austria, that focuses on all of the UI effects in the new material design, as well as Android Other very cool feature elements in lollipop such as toolbar, Recyclerview, Actionbardrawertoggle, floating Action Button (FAB), Android Compat Theme and so on.

RELATED links: Android-lollipopshowcase's Mobilehub Home

5. Materiallist

Materiallist is an open source library that helps all Android developers gain access to the new CardView (Card view) in the Google UI design specification, supporting the Android 2.3+ system. As an extension of the ListView, Materiallist can receive and store card lists and display them based on their Android style and design patterns. In addition, developers can create their own card layouts and easily add them to the cardlist.

Using the procedure code, declare the Materiallistview in the layout:

[XML]View Plaincopy

2. <relativelayout xmlns:android="http://schemas.android.com/apk/res/android"
4. android:layout_width="match_parent"
6. android:layout_height="match_parent"
8. android:paddingleft="@dimen/activity_horizontal_margin"
10. android:paddingright="@dimen/activity_horizontal_margin"
12. android:paddingtop="@dimen/activity_vertical_margin"
14. android:paddingbottom="@dimen/activity_vertical_margin">
18. <Com.dexafree.materiallistviewexample.view.MaterialListView
20. android:layout_width="fill_parent"
22. android:layout_height="fill_parent"
24. android:id="@+id/material_listview"/>
28. </relativelayout>

RELATED links: Materiallist's Mobilehub Home

6. Android-floating-action-button

The floating Action Button (FAB) is a point that many experts have refined for the material design discussion by contrasting the circular elements with the lines of the split line, cards, bars, and using the bright colors in the color settings. Bring a more groundbreaking visual effect. And that's why, on GitHub, there are many open source projects related to fab, open source Android floating action based on the material design specification. The button control Android-floating-action-button is one of them.

The main features are as follows:

• Support for regular 56DP and minimum 40dp buttons;
• Supports custom normal, press status, and button background colors that can be dragged icon;
• The Addfloatingactionbutton class makes it easy for developers to write the plus icon directly into the code;
• The Floatingactionsmenu class supports expanding/collapsing display actions.

RELATED links: Android-floating-action-button's Mobilehub Home

7. Android-ui

Android-ui is an Android UI component class library that supports Android API 14+ and includes UI components such as Actionview, Revealcolorview, and so on. Actionview can animate the action action, while Revealcolorview brings the circular show/Hide animation experience in Android 5.0.

RELATED links: Android-ui's Mobilehub Home

8. Material Menu

Material Menu provides developers with a very cool Android menu, return, delete and check button variants, Full control of animations, and two materialmenudrawable wrappers for developers.

Actions such as customizing colors:

[Java]View Plaincopy

2. Change color
4. Materialmenu.setcolor (int color)
8. Change Transformation Animation duration
10. Materialmenu.settransformationduration (int duration)
14. Change pressed animation duration
16. Materialmenu.setpressedduration (int duration)
20. Change Transformation interpolator
22. Materialmenu.setinterpolator (Interpolator interpolator)
26. Set RTL layout Support
28. Materialmenu.setrtlenabled (Boolean enabled)

RELATED links: Material menu's Mobilehub home page

9. Android-observablescrollview

The Android-observablescrollview is an Android library that is used to observe scrolling events in a scrolling view. It can easily interact with Android 5.0 Lollipop introduced toolbars (Toolbar), as well as help developers achieve the appearance of an interface with a material design app visual experience that supports ListView, ScrollView, WebView, Recyclerview, GridView components.

Interaction Code Callback:

[Java]View Plaincopy

2. @Override
4. public void Onuporcancelmotionevent (Scrollstate scrollstate) {
6. ActionBar ab = Getsupportactionbar ();
8. if (scrollstate = = scrollstate.up) {
10. if (ab.isshowing ()) {
12. Ab.hide ();
14. }
16. } Else if (scrollstate = = Scrollstate.down) {
18. if (!ab.isshowing ()) {
20. Ab.show ();
22. }
24. }
26. }

RELATED links: Android-observablescrollview's Mobilehub Home

Ten. Material Design Icons

Finally, let's introduce the official open source icon set Material design Icons of the Google Material design specification. Conscience Google Open source includes the material Design System icon Pack 750 glyphs, including motion, audio and video, communications, content, editors, files, hardware, images, maps, navigation, notification, social and other aspects, for the Web, Android and iOS app development, Definitely a resource for developers and designers.

The format of the icons mainly includes:

• SVG format, 24px and 48px;
• SVG and CSS Sprites;
• 1x, 2x PNG format icons for the Web platform;
• 1x, 2x, 3x png icons for iOS;
• HI-DPI versions of all icons (hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi).

Just take it! Ten material design Open source projects