开源集锦(四)Material design

传送门 开源集锦(二)
传送门 开源集锦(三)
传送门 开源集锦(四)
传送门 开源集锦(五)








Android 5.0 Contacts联系人


Android5.0 Dialer 拨号盘

Android5.0 Email源码

Android5.0 DeskClock时钟

InstaMaterial 


MaterialDesignToolbar
一个展示material design效果的整体例子的应用




MaterialDesignLibrary


在众多新晋库中,MaterialDesignLibrary可以说是颇受开发者瞩目的一个控件效果库,能够让开发者在Android 2.2系统上使用Android 5.0才支持的控件效果,比如扁平、矩形、浮动按钮,复选框以及各式各样的进度指示器等。


除上述之外,MaterialDesignLibrary还拥有SnackBar、Dialog、Color selector组件,可非常便捷地对应用界面进行设置。

相关链接:MaterialDesignLibrary的mobilehub主页

RippleEffect

由来自法兰西的Robin Chutaux开发的RippleEffect基于MIT许可协议开源,能够在Android API 9+上实现Material Design,为开发者提供了一种极为简易的方式来创建带有可扩展视图的header视图,并且允许最大程度上的自定制。


用法(在XML文件中声明一个RippleView):

[xml]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <com.andexert.library.RippleView  
  2.   android:id="@+id/more"  
  3.   android:layout_width="?android:actionBarSize"  
  4.   android:layout_height="?android:actionBarSize"  
  5.   android:layout_toLeftOf="@+id/more2"  
  6.   android:layout_margin="5dp"  
  7.   ripple:rv_centered="true">  
  8.   
  9.   <ImageView  
  10.     android:layout_width="?android:actionBarSize"  
  11.     android:layout_height="?android:actionBarSize"  
  12.     android:src="@android:drawable/ic_menu_edit"  
  13.     android:layout_centerInParent="true"  
  14.     android:padding="10dp"  
  15.     android:background="@android:color/holo_blue_dark"/>  
  16.   
  17. </com.andexert.library.RippleView>  

相关链接:RippleEffect的mobilehub主页

MaterialEditText

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


自定义Base Color:

[xml]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. app:baseColor="#0056d3"  


自定义Error Color:

[xml]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. app:maxCharacters="10"  
  2. app:errorColor="#ddaa00"  


相关链接:MaterialEditText的mobilehub主页

Android-LollipopShowcase

Android-LollipopShowcase是由来自奥地利的移动、后端及Web开发者Mike Penz所开发的演示应用,集中演示了新Material Design中所有的UI效果,以及Android Lollipop中其他非常酷炫的特性元素,比如Toolbar、RecyclerView、ActionBarDrawerToggle、Floating Action Button(FAB)、Android Compat Theme等。


相关链接:Android-LollipopShowcase的mobilehub主页

 Material Menu

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


自定义颜色等操作:

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. // change color  
  2. MaterialMenu.setColor(int color)  
  3.   
  4. // change transformation animation duration  
  5. MaterialMenu.setTransformationDuration(int duration)  
  6.   
  7. // change pressed animation duration  
  8. MaterialMenu.setPressedDuration(int duration)  
  9.   
  10. // change transformation interpolator  
  11. MaterialMenu.setInterpolator(Interpolator interpolator)  
  12.   
  13. // set RTL layout support  
  14. MaterialMenu.setRTLEnabled(boolean enabled)  

相关链接:Material Menu的mobilehub主页


 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类支持展开/折叠显示动作。

相关链接:android-floating-action-button的mobilehub主页

7. android-ui

android-ui是Android UI组件类库,支持Android API 14+,包含了ActionView、RevealColorView等UI组件。其中,ActionView可使Action动作显示动画效果,而RevealColorView则带来了Android 5.0中的圆形显示/隐藏动画体验。


相关链接:android-ui的mobilehub主页

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开源项目,从示例、FAB、菜单、动画、Ripple到Dialog,看被誉为“Google第一次在设计语言和规范上超越了Apple”的Material Design是如何逐渐成为App的一种全新设计标准。
Android源码大放送之material design类型
http://www.apkbus.com/forum.php?mod=viewthread&tid=243232

其他




  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值