资讯频道 → 开源软件
阅读更多

5顶
0踩

开源软件

原创新闻 直接拿来用！十大Material Design开源项目

2014-11-24 10:24 by 正式编辑 cao345657340 评论(1) 有10153人浏览
android google java xml

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

摘要：本文详细介绍了十个Material Design开源项目，从示例、FAB、菜单、动画、Ripple到Dialog，看被誉为“Google第一次在设计语言和规范上超越了Apple”的Material Design是如何逐渐成为App的一种全新设计标准。
介于拟物和扁平之间的Material Design自面世以来，便引起了很多人的关注与思考，就此产生的讨论也不绝于耳。本文详细介绍了在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();

2. RippleEffect

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



<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>

3. 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>

6. 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)

9. Android-ObservableScrollView

Android-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）。
  • 大小: 23 KB
  • 大小: 17.3 KB
  • 大小: 21.4 KB
  • 大小: 5 KB
  • 大小: 32.5 KB
  • 大小: 22.2 KB
  • 大小: 3.7 KB
  • 大小: 44.8 KB
  • 大小: 47.1 KB
  • 大小: 905.8 KB
  • 大小: 61.5 KB
来自: CSDN
5
顶
0
踩
评论 共 1 条 请登录后发表评论
1 楼 ZIFAN 2014-11-24 16:37

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 实现不同域（Domain）之间的数据交换

    实现不同域（Domain）之间的数据交换 引言前些天在对公司原有的 web 应用进行改版时遇到一个问题，当时需要从原有的应用中提取出一部分，用一个更为通用的来进行替换，并且仍然保留原有的应用接口。原有的应用属于 news.mycompany.com 域，而新应用将被部署到 upload.mycopany.com。当我试着从新的域向 news.mycompany.com 传递数据时，在前台遇到了浏览

  • 一项关于开源软件开发人员的有趣调查

    1. Who Is Doing It? http://widi.berlios.de/paper/study.html一项针对Free Software/Open Source 开发者的调查，调查内容涉及到这些开发者的地理分布、个人背景等等，可惜太长了只大概浏览了一遍。 里面提到了一个名词Libre Software－Free Software/Open Source 。   2. Develop

  • WebLucene 实现类似于Google 的多编码支持

    当初在设计WebLucene 的时候，为了能够正确的截取请求中的中文q参数，在执行request.getParameter("q")之前先调用了request.setCharacterEncoding("gb2312")方法。这样虽然避免了乱码问题的出现，但却使得WebLucene 同时只能对一种编码进行处理，无法实现类似于Google 的搜索效果，例如下面两个链接：http://www.goog

  • GNU sh-utils (A set of shell utilities)

    原文：http://www.labri.fr/Perso/~strandh/Teaching/USI/Common/Sh-utils/sh-utils_toc.html 作者：David MacKenzie et al.GNU sh-utilsA set of shell utilitiesfor version 2.0, 31 July 1999David MacKenzie e

  • Examples of GNU Date

    原文：http://www.labri.fr/Perso/~strandh/Teaching/USI/Common/Sh-utils/sh-utils_65.html作者：David MacKenzie et al.Examples of dateHere are a few examples. Also see the documentation for the `-d optio

  • 基于ssm的网络教学平台（有报告）。Javaee项目，ssm项目。

    重点：所有项目均附赠详尽的SQL文件，这一细节的处理，让我们的项目相比其他博主的作品，严谨性提升了不止一个量级！更重要的是，所有项目源码均经过我亲自的严格测试与验证，确保能够无障碍地正常运行。 1.项目适用场景：本项目特别适用于计算机领域的毕业设计课题、课程作业等场合。对于计算机科学与技术等相关专业的学生而言，这些项目无疑是一个绝佳的选择，既能满足学术要求，又能锻炼实际操作能力。 2.超值福利：所有定价为9.9元的项目，均包含完整的SQL文件。如需远程部署可随时联系我，我将竭诚为您提供满意的服务。在此，也想对一直以来支持我的朋友们表示由衷的感谢，你们的支持是我不断前行的动力！ 3.求关注：如果觉得我的项目对你有帮助，请别忘了点个关注哦！你的支持对我意义重大，也是我持续分享优质资源的动力源泉。再次感谢大家的支持与厚爱！ 4.资源详情：https://blog.csdn.net/2301_78888169/article/details/144929660 更多关于项目的详细信息与精彩内容，请访问我的CSDN博客！

  • 2024年AI代码平台及产品发展简报-V11.pdf

    2024年AI代码平台及产品发展简报-V11

  • 蓝桥杯JAVA代码.zip

    蓝桥杯算法学习冲刺（主要以题目为主）

  • QPSK调制解调技术研究与FPGA实现：详细实验文档的探索与实践,基于FPGA实现的QPSK调制解调技术：实验文档详细解读与验证,QPSK调制解调 FPGA设计，有详细实验文档 ,QPSK调制解调;

    QPSK调制解调技术研究与FPGA实现：详细实验文档的探索与实践,基于FPGA实现的QPSK调制解调技术：实验文档详细解读与验证,QPSK调制解调 FPGA设计，有详细实验文档 ,QPSK调制解调; FPGA设计; 详细实验文档,基于QPSK调制的FPGA设计与实验文档

  • PID、ADRC和MPC轨迹跟踪控制器在Matlab 2018与Carsim 8中的Simulink仿真研究,PID、ADRC与MPC轨迹跟踪控制器在Matlab 2018与Carsim 8中的仿真研

    PID、ADRC和MPC轨迹跟踪控制器在Matlab 2018与Carsim 8中的Simulink仿真研究,PID、ADRC与MPC轨迹跟踪控制器在Matlab 2018与Carsim 8中的仿真研究,PID, ADRC和MPC轨迹跟踪控制器Simulink仿真模型。 MPC用于跟踪轨迹 ADRC用于跟踪理想横摆角 PID用于跟踪轨迹 轨迹工况有双移线，避障轨迹，正弦轨迹多种 matlab版本为2018，carsim版本为8 ,PID; ADRC; MPC; 轨迹跟踪控制器; Simulink仿真模型; 双移线; 避障轨迹; 正弦轨迹; MATLAB 2018; CarSim 8,基于Simulink的PID、ADRC与MPC轨迹跟踪控制器仿真模型研究

  • 基于Springboot的个性化图书推荐系统。Javaee项目，springboot项目。

    重点：所有项目均附赠详尽的SQL文件，这一细节的处理，让我们的项目相比其他博主的作品，严谨性提升了不止一个量级！更重要的是，所有项目源码均经过我亲自的严格测试与验证，确保能够无障碍地正常运行。 1.项目适用场景：本项目特别适用于计算机领域的毕业设计课题、课程作业等场合。对于计算机科学与技术等相关专业的学生而言，这些项目无疑是一个绝佳的选择，既能满足学术要求，又能锻炼实际操作能力。 2.超值福利：所有定价为9.9元的项目，均包含完整的SQL文件。如需远程部署可随时联系我，我将竭诚为您提供满意的服务。在此，也想对一直以来支持我的朋友们表示由衷的感谢，你们的支持是我不断前行的动力！ 3.求关注：如果觉得我的项目对你有帮助，请别忘了点个关注哦！你的支持对我意义重大，也是我持续分享优质资源的动力源泉。再次感谢大家的支持与厚爱！ 4.资源详情：https://blog.csdn.net/2301_78888169/article/details/144486173 更多关于项目的详细信息与精彩内容，请访问我的CSDN博客！

  • Matlab实现Transformer-Adaboost时间序列预测的详细项目实例（含完整的程序，GUI设计和代码详解）

    内容概要：本文档详细介绍了一个利用Matlab实现Transformer-Adaboost结合的时间序列预测项目实例。项目涵盖Transformer架构的时间序列特征提取与建模，Adaboost集成方法用于增强预测性能，以及详细的模型设计思路、训练、评估过程和最终的GUI可视化。整个项目强调数据预处理、窗口化操作、模型训练及其优化（包括正则化、早停等手段）、模型融合策略和技术部署，如GPU加速等，并展示了通过多个评估指标衡量预测效果。此外，还提出了未来的改进建议和发展方向，涵盖了多层次集成学习、智能决策支持、自动化超参数调整等多个方面。最后部分阐述了在金融预测、销售数据预测等领域中的广泛应用可能性。 适合人群：具有一定编程经验的研发人员，尤其对时间序列预测感兴趣的研究者和技术从业者。 使用场景及目标：该项目适用于需要进行高质量时间序列预测的企业或机构，比如金融机构、能源供应商和服务商、电子商务公司。目标包括但不限于金融市场的波动性预测、电力负荷预估和库存管理。该系统可以部署到各类平台，如Linux服务器集群或云计算环境，为用户提供实时准确的预测服务，并支持扩展以满足更高频率的数据吞吐量需求。 其他说明：此文档不仅包含了丰富的理论分析，还有大量实用的操作指南，从项目构思到具体的代码片段都有详细记录，使用户能够轻松复制并改进这一时间序列预测方案。文中提供的完整代码和详细的注释有助于加速学习进程，并激发更多创新想法。

  • 液滴穿越障碍：从文献到案例的复现研究,液滴破裂与障碍物穿越：文献复现案例研究,液滴生成并通过障碍物破裂 该案例是文献复现，文献与案例一起 ,液滴生成; 障碍物破裂; 文献复现; 案例研究,液滴破

    液滴穿越障碍：从文献到案例的复现研究,液滴破裂与障碍物穿越：文献复现案例研究,液滴生成并通过障碍物破裂。 该案例是文献复现，文献与案例一起。 ,液滴生成; 障碍物破裂; 文献复现; 案例研究,液滴破裂：障碍挑战的文献复现案例

  • 蓝桥杯练习题_2.zip

    蓝桥杯算法学习冲刺（主要以题目为主）

  • 蓝桥杯笔记，用于个人学习进步.zip

    蓝桥杯算法学习冲刺（主要以题目为主）

  • 基于最小递归二乘法的MPC自适应轨迹跟踪控制优化 针对轮胎刚度时变特性提升模型精度与鲁棒性，仿真验证满足车辆低速高精度跟踪与高速稳定性提升 ,基于变预测时域MPC自适应轨迹跟踪控制与轮胎侧偏刚度优化提

    基于最小递归二乘法的MPC自适应轨迹跟踪控制优化 针对轮胎刚度时变特性提升模型精度与鲁棒性，仿真验证满足车辆低速高精度跟踪与高速稳定性提升。,基于变预测时域MPC自适应轨迹跟踪控制与轮胎侧偏刚度优化提升模型精度和鲁棒性,基于变预测时域的MPC自适应轨迹跟踪控制，针对轮胎刚度时变的特点造成控制模型精度降低，基于最小递归二乘法（RLS）估算的轮胎侧偏刚度，提升了模型的控制精度和鲁棒性，通过carsim与simulink联合仿真结果发现，改进后的轨迹跟踪控制器既满足了车辆低速行驶下的轨 迹跟踪精度，也一定程度上克服了高速下车辆容易失去稳定性的问题。 有详细的lunwen分析说明和资料，以及本人的，仿真包运行。 ,基于变预测时域的MPC; 自适应轨迹跟踪控制; 轮胎刚度时变; 控制模型精度降低; 最小递归二乘法(RLS)估算; 模型控制精度和鲁棒性提升; carsim与simulink联合仿真; 轨迹跟踪控制器; 车辆稳定性。,基于变预测时域MPC的轮胎刚度自适应轨迹跟踪控制策略研究

  • GMSK调制解调技术研究：基于FPGA设计与实验详解,GMSK调制解调技术详解：基于FPGA设计的实验文档与实践应用,GMSK调制解调 FPGA设计，有详细实验文档 ,GMSK调制解调; FPGA设计

    GMSK调制解调技术研究：基于FPGA设计与实验详解,GMSK调制解调技术详解：基于FPGA设计的实验文档与实践应用,GMSK调制解调 FPGA设计，有详细实验文档 ,GMSK调制解调; FPGA设计; 详细实验文档; 实验结果分析,GMSK调制解调技术：FPGA设计与实验详解

  • (源码)基于Arduino和Python的Cansat卫星系统.zip

    # 基于Arduino和Python的Cansat卫星系统 ## 项目简介 本项目是一个Cansat卫星系统，旨在设计和实现一个小型卫星模型，通过火箭发射至1公里高空，并使用地面站接收其传输的数据。项目涉及Arduino编程、Python数据处理和可视化。 ## 主要特性和功能 1. 硬件组件 使用Arduino Nano作为Cansat的微控制器。 搭载BMP 280温度和压力传感器、ATGM336H GPS模块、LoRa通信模块等。 地面站使用Arduino Uno和LoRa通信模块接收数据。 2. 数据处理 使用Python进行数据处理和可视化，包括数据清洗、计算风速、绘制温度、压力、风速和海拔随时间变化的图表等。 3. 通信与控制 通过LoRa模块实现Cansat与地面站之间的数据传输。 提供实时监视和记录数据的脚本。 ## 安装和使用步骤 ### 1. 硬件准备

Global site tag (gtag.js) - Google Analytics