直接拿来用！十大Material Design开源项目_app

概述本文详细介绍了在Android开发者圈子里颇受青睐的十个MaterialDesign开源项目，从示例、FAB、菜单、动画、Ripple到Dialog，看被称为“Google第一次在设计语言和规范上超越了Apple”的MaterialDesign是如何逐渐成为App的一种全新设计标准。1.MaterialDesignLibrary在众多新晋库

本文详细介绍了在AndroID开发者圈子里颇受青睐的十个Material Design开源项目，从示例、FAB、菜单、动画、Ripple到Dialog，看被称为“Google第一次在设计语言和规范上超越了Apple”的Material Design是如何逐渐成为App的一种全新设计标准。
1. MaterialDesignLibrary
在众多新晋库中，MaterialDesignlibrary可以说是颇受开发者瞩目的一个控件效果库，能够让开发者在AndroID 2.2系统上使用AndroID 5.0才支持的控件效果，比如扁平、矩形、浮动按钮，复选框以及各式各样的进度指示器等。

除上述之外，MaterialDesignlibrary还拥有Snackbar、Dialog、color selector组件，可非常便捷地对应用界面进行设置。
进度指示器样式效果设置：

<com.gc.materialdesign.vIEws.ProgressbarCircularIndetermininate                    androID:ID="@+ID/progressbarCircularIndetermininate"                    androID:layout_wIDth="32dp"                    androID:layout_height="32dp"                    androID:background="#1E88E5" />

Dialog：

Dialog dialog = new Dialog(Context context,String Title, String message);  dialog.show();

RippleEffect

用法（在XML文件中声明一个RippleVIEw）：

<com.andexert.library.RippleVIEw    androID:ID="@+ID/more"    androID:layout_wIDth="?androID:actionbarSize"    androID:layout_height="?androID:actionbarSize"    androID:layout_toleftOf="@+ID/more2"    androID:layout_margin="5dp"    ripple:rv_centered="true">    <ImageVIEw      androID:layout_wIDth="?androID:actionbarSize"      androID:layout_height="?androID:actionbarSize"      androID:src="@androID:drawable/ic_menu_edit"      androID:layout_centerInParent="true"      androID:padding="10dp"      androID:background="@androID:color/holo_blue_dark"/>  </com.andexert.library.RippleVIEw>

MaterialEditText
随着Material Design的到来，AppCompat v21也为开发者提供了Material Design的控件外观支持，其中就包括EditText，但却并不好用，没有设置颜色的API，也没有任何Google Material Design Spec中提到的特性。于是，来自国内的开发者“扔物线”开发了MaterialEditText库，直接继承EditText，无需修改Java文件即能实现自定义控件颜色。

自定义Base color：

app:basecolor="#0056d3"

自定义Error color：

app:maxCharacters="10"  app:errorcolor="#ddaa00"

4. Android-LollipopShowcase
AndroID-LollipopShowcase是由来自奥地利的移动、后端及Web开发者Mike Penz所开发的演示应用，集中演示了新Material Design中所有的UI效果，以及AndroID Lollipop中其他非常酷炫的特性元素，比如Toolbar、RecyclerVIEw、ActionbarDrawerToggle、floating Action button（FAB）、AndroID Compat theme等。

5. MaterialList
MaterialList是一个能够帮助所有AndroID开发者获取谷歌UI设计规范中新增的CardVIEw（卡片视图）的开源库，支持AndroID 2.3+系统。作为ListVIEw的扩展，MaterialList可以接收、存储卡片列表，并根据它们的AndroID风格和设计模式进行展示。此外，开发者还可以创建专属于自己的卡片布局，并轻松将其添加到CardList中。

使用过程代码，在布局中声明MaterialListVIEw：

<relativeLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"      androID:layout_wIDth="match_parent"      androID:layout_height="match_parent"      androID:paddingleft="@dimen/activity_horizontal_margin"      androID:paddingRight="@dimen/activity_horizontal_margin"      androID:paddingtop="@dimen/activity_vertical_margin"      androID:paddingBottom="@dimen/activity_vertical_margin">      <com.dexafree.materialListvIEwexample.vIEw.MaterialListVIEw          androID:layout_wIDth="fill_parent"          androID:layout_height="fill_parent"          androID:ID="@+ID/material_ListvIEw"/>  </relativeLayout>

android-floating-action-button
floating Action button（FAB）是众多专家大牛针对Material Design讨论比较细化的一个点，通过圆形元素与分割线、卡片、各种bar的直线形成鲜明对比，并使用色彩设定中鲜艳的辅色，带来更具突破性的视觉效果。也正因如此，在Github上，有着许多与FAB相关的开源项目，基于Material Design规范的开源AndroID浮动Action button控件androID-floating-action-button便是其中之一。

其主要特性如下：

支持常规56dp和最小40dp的按钮；
支持自定义正常、Press状态以及可拖拽图标的按钮背景颜色；
AddfloatingActionbutton类能够让开发者非常方便地直接在代码中写入加号图标；
floatingActionsMenu类支持展开/折叠显示动作。
7. android-ui
androID-ui是AndroID UI组件类库，支持AndroID API 14+，包含了ActionVIEw、RevealcolorVIEw等UI组件。其中，ActionVIEw可使Action动作显示动画效果，而RevealcolorVIEw则带来了AndroID 5.0中的圆形显示/隐藏动画体验。

8. Material Menu
Material Menu为开发者带来了非常酷炫的AndroID菜单、返回、删除以及检查按钮变形，完全控制动画，并为开发者提供了两种MaterialMenuDrawable包装。

自定义颜色等 *** 作：

// change color  MaterialMenu.setcolor(int color)  // change transformation animation duration  MaterialMenu.settransformationDuration(int duration)  // change pressed animation duration  MaterialMenu.setpressedDuration(int duration)  // change transformation interpolator  MaterialMenu.setInterpolator(Interpolator interpolator)  // set RTL layout support  MaterialMenu.setRTLEnabled(boolean enabled)

Android-ObservableScrollViewAndroID-ObservableScrollVIEw是一款用于在滚动视图中观测滚动事件的AndroID库。它能够轻而易举地与AndroID 5.0 Lollipop引进的工具栏（Toolbar）进行交互，还可以帮助开发者实现拥有Material Design应用视觉体验的界面外观，支持ListVIEw、ScrollVIEw、WebVIEw、RecyclerVIEw、GrIDVIEw组件。

交互代码回调：

@OverrIDe      public voID onUpOrCancelMotionEvent(ScrollState scrollState) {          Actionbar ab = getSupportActionbar();          if (scrollState == ScrollState.UP) {              if (ab.isShowing()) {                  ab.hIDe();              }          } else if (scrollState == ScrollState.DOWN) {              if (!ab.isShowing()) {                  ab.show();              }          }      }

10. Material Design Icons
最后，再来介绍一下Google Material Design规范的官方开源图标集Material Design Icons。良心Google开源了包括Material Design系统图标包在内的750个字形，涵盖动作、音视频、通信、内容、编辑器、文件、硬件、图像、地图、导航、通知、社交等各个方面，适用于Web、AndroID和iOS应用开发，绝对是开发者及设计师必备的资源。

图标格式主要包括：

SVG格式，24px和48px；
SVG和CSS Sprites；
适用于Web平台的1x、2x PNG格式图标；
适用于iOS的1x、2x、3x PNG图标；
所有图标的Hi-dpi版本（hdpi、mdpi、xhdpi、xxhdpi、xxxhdpi）。

总结

以上是内存溢出为你收集整理的直接拿来用！十大Material Design开源项目全部内容，希望文章能够帮你解决直接拿来用！十大Material Design开源项目所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1004493.html