如果是为了兼容低版本的Android系统,则需要引用Android Material Design的扩展支持库,我在之前的一篇文章张,较为详细的说明了如何导入Android Material Design依赖的库:android-support-v7-appcompat和design库,文章链接地址:http://www.cnblogs.com/zzw1994/p/5012475.htmlAndroid Material Design的FloatingActionButton是一个“悬浮”的按钮…

如需转载,请注明出处:Flutter学习笔记(20)--FloatingActionButton.PopupMenuButton.SimpleDialog.AlertDialog.SnackBar FloatingActionButton FloatingActionButton对应一个圆形图标按钮,悬停在内容之上,以展示对应程序中的主要动作,所以非常醒目,类似于iOS系统里的小白点按钮. FloatingActionButton组件属性及描述如下: child:child一般为icon,不推荐…

本文介绍Design Support Library中CoordinatorLayout, AppBarLayout, CollapsingToolbarLayout的使用. 先列出了Design Support Library中的Features, 然后如何set up, 最后附有Demo程序, 介绍CoordinatorLayout, AppBarLayout, CollapsingToolbarLayout的使用. Design Support Library Features Desig…

Google在2015 I/O大会上,给我们带来了更加详细的Material Design规范,同时也引入了Android Design Support Library,为我们提供了基于Material设计规范的控件.它兼容性广,能兼容到android 2.1(按Google官方数据,兼容android 2.3以上即可覆盖当前市面上所有Android设备),并且高度封装,使用简洁,可谓业界良心之作. 与Dialog及Toast的异同 在与用户的交互过程中,有时我们需要给用户一些提示信息,甚至可能…

Snackbar 是 Android 5.0 新特性--Material Design 中的一个控件,用来代替 Toast ,Snackbar与Toast的主要区别是:Snackbar可以滑动退出,也可以处理用户交互(点击)事件. Snackbar的特点如下: Snackbar会在超时或者用户在屏幕其他地方触摸之后自动消失 可以在屏幕上滑动关闭 出现时不会阻碍用户在屏幕上的输入 不支持输入 屏幕上同时最多只能显示一个Snackbar 如果在屏幕上有一个Snackbar的情况下再显示一个Snack…

此文章是我在简书的文章 http://www.jianshu.com/p/f4ba05d7bbda Snackbar在Android中的使用日益广泛,很大程度上替代了传统的Toast,相比Toast拥有更好的使用体验. 但在我们的APP中,很多时候用到Snackbar,都需要对Snackbar的样式及显示效果进行一些定制以满足不同的使用场景,比如设置文字颜色,背景颜色,自定义显示时间,设置Snackbar显示的具体位置,设置文字的对齐方式,甚至是向Snackbar布局中添加View等,为了实现这…

SnackBar是一个和Toast类似的空间,用于弹出提示作用,但是相比于Toast而已,SnackBar会有一个不错的动画效果,同时当手指完成屏幕中其他操作的时候,SnackBar会立即消失.同时可以为SnackBar设置一个按钮点击事件,效果如下图所示(图片引用:http://www.tuicool.com/articles/BfEbMvB) 而同时SnackBar使用方式也与Toast类似: public class SnackBarDemo extends Activity{ priva…

分享一个Snackbar工具类,源代码也是在Github上面找的,自己做了一下修改: 功能如下: 1:设置Snackbar显示时间长短                 1.1:Snackbar.LENGTH_SHORT       {@link SnackbarUtils#Short(View, String)}                 1.2:Snackbar.LENGTH_LONG        {@link SnackbarUtils#Long(View, String)}    …

Snackbar 是 Android 5.0 新特性——Material Design 中的一个控件,用来代替 Toast ,Snackbar与Toast的主要区别是:Snackbar可以滑动退出,也可以处理用户交互(点击)事件. Snackbar的特点如下: Snackbar会在超时或者用户在屏幕其他地方触摸之后自动消失 可以在屏幕上滑动关闭 出现时不会阻碍用户在屏幕上的输入 不支持输入 屏幕上同时最多只能显示一个Snackbar 如果在屏幕上有一个Snackbar的情况下再显示一个Snack…

添加 FloatActionButton和SnackBar Android Material风格的应用(一)--AppBar TabLayoutAndroid Material风格的应用(二)--RecyclerViewAndroid Material风格的应用(三)--DrawerLayoutAndroid Material风格的应用(四)--FloatActionButtonAndroid Material风格的应用(五)--CollapsingToolbar fab 工程源码 在activ…

FloatingActionButton为悬浮按钮,就是常见的那种悬浮在控件上,可以调出其他菜单的按钮 FloatingActionButton的特有属性 app:backgroundTint 按钮的背景颜色 app:backgroundTintMode 按钮背景颜色的模式 app:borderWidth 该属性如果不设置0dp,那么在4.x的sdk上FAB会显示为正方形,而且在5.0以后的sdk没有阴影效果.所以设置为borderWidth="0dp",同时设置4.x:android…

老孟导读:在 Flutter 1.17 发布大会上,Flutter 团队还发布了新的 Animations 软件包,该软件包提供了实现新的 Material motion 规范的预构建动画. 软件包 pub 地址:https://pub.dev/packages/animations Material motion 规范:https://material.io/design/motion/the-motion-system.html 引入插件,版本号请到 pub 上查看最新版本号: animat…

CoordinatorLayout •简介 CoordinatorLayout 协调布局,可以理解为功能更强大的 FrameLayout 布局: 它在普通情况下作用和 FrameLayout 基本一致,通常适用于两种使用方式: 作为界面最顶层的装饰布局 作为包含一个或多个子视图的特定交互容器 CoordinatorLayout 可以监听其所有子控件的各种事件,然后帮我们做出最为合理的响应: FloatingActionButton •简介 FloatingActionButton 是 Andro…

Android M新控件之FloatingActionButton,TextInputLayout,Snackbar,TabLayout的使用 分类: Android UI2015-06-15 16:44 1145人阅读 评论(5) 收藏 举报 MaterialDesingsupportlibrary   目录(?)[-] 前提 FloatingActionButton TextInputLayout Snackbar的使用 TabLayout   [转载请注明出处:http://blog.cs…

FloatingActionButton 悬浮按钮,默认colorAccent来作为按钮的颜色 <android.support.design.widget.FloatingActionButton    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:id="@+id/f_button"    android:la…

在前面的Design中,学习使用了TabLayout,NavigationView与DrawerLayout实现的神奇效果,今天就带来本次Design包中我认为最有意义的控件CoordinatorLayout. 当然还有SnackBar,不过他在实际运用中一般都是和CoordinatorLayout搭配使用的. 先说下SnackBar,这个控件其实我觉得和Toast没什么差别,不过功能上的确有增强.这个控件可以通过setAction方法设置类似按钮一样的东西.而且这个东西可以设置多个. 重点还是…

效果图: 上面的这个图有两个效果是,一个是顶部的图片,在上滑之后会隐藏起来并且显示出一个ToolBar(ToolBar类似于ActionBar,但是只有ToolBar是兼容Material Desig的库).另一个是底部的这个按钮,这个按钮点击之后会出现一个SnackBar(比Toast要强大,因为可以设定点击的监听事件),在按钮点击之后SnackBar出现之后按钮会自动的向上移动避免被遮挡,这是CoordinatorLayout的一个功能. Android Design Support Lib…

AppBarLayout AppBarLayout跟它的名字一样,把容器类的组件全部作为AppBar.是继承LinerLayout实现的一个ViewGroup容器组件,它是为了Material Design设计的App Bar,支持手势滑动操作. 默认的AppBarLayout是垂直方向的,它的作用是把AppBarLayout包裹的内容都作为AppBar. 上图就是把Toolbar和TabLayout放到了AppBarLayout中,让他们当做一个整体作为AppBar. 常用代码布局: <and…

Android M新控件之AppBarLayout,NavigationView,CoordinatorLayout,CollapsingToolbarLayout的使用 分类: Android UI2015-06-17 19:46 1498人阅读 评论(7) 收藏 举报 supportandroidlibrary控件design   目录(?)[-] AppBarLayout CoordinatorLayout CollapsingToolbarLayout NavigationView  …

最近在学习android材料设计的新控件,前面一篇文章讲到 CoordinatorLayout 结合几个新控件可以实现的几个效果.其中第一个是,Coordinatorlayout + FloatingActionButton,配合使用,当弹出 Snackbar 的时候,FloatingActionBar会跟随上移和下移.这次再针对 FloatingActionButton 具体分析一下.先贴出布局文件和java代码: <?xml version="1.0" encoding=&q…

CoordinatorLayout字面意思为:协调布局,一般作为根布局使用.关于这个布局,记录一下两个用法,备忘. 一.配合 FloatingActionBar 使用 <?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res…

FloatingActionButton(FAB) 是 Android 5.0 新特性--Material Design 中的一个控件,是一种悬浮的按钮. FloatingActionButton 是 ImageView 的子类,因此它具备ImageView的全部属性. FloatingActionButton 结合 CoordinatorLayout 使用,即可实现悬浮在任意控件的任意位置. 使用 FloatingActionButton 的难点主要是布局,其在JAVA代码中的用法和普通的 I…

简述 CoordinatorLayout字面意思是"协调器布局",它是Design Support Library中提供的一个超级帧布局,帮助我们实现Material Design中各种复杂的动作响应和子控件间交互.我认为它是这个库中最难的一个新视图,也是可定制化潜力最大的,应该可以用较统一的方式实现很多旧的开源控件的效果. 索引 1.参考资料 2.学习摘要 2.1 Android Developers Blog: Android Design Support Library摘要 2.…

FloatingActionButton是继承至ImageView,所以FloatingActionButton拥有ImageView的全部属性. CoordinatorLayout能够用来配合FloatingActionButton浮动button.设置app:layout_anchor和app:layout_anchorGravity构建出特定的位置与效果的FloatingActionButton. 我们来看看怎么使用FloatingActionButton吧: <android.suppo…

先po一张效果图 PS:原谅题主的懒惰吧.. 看着是不是很酷炫,那是因为5.0的动画做得好,代码其实没有多少,搞清楚这个布局的层次关系很重要. 废话不多说了,先来看布局文件 最外层是一个DrawerLayout,它里面可以嵌套(一个?)container和多个drawer 在这个demo中DrawerLayout包含了一个CoordinatorLayout , ListView , NavigationView CoordinatorLayout  作为 container的根布局 listVi…

本博文专门解说和CoordinatorLayout相关的知识点,这也是Design Support Library中最重要与最难的部分. 概览 CoordinatorLayout实现了多种Material Design中提到的滚动效果.眼下这个框架提供了几种不用写动画代码就能工作的方法,这些效果包含: 让浮动操作按钮上下滑动,为Snackbar留出空间 扩展或者缩小Toolbar或者头部,让主内容区域有很多其它的空间. 控制哪个view应该扩展还是收缩.以及其显示大小比例.包含视差滚动效果par…

Android中Snackbar的介绍以及使用 介绍 Snackbar可以说是Toast的升级版,不仅有显示信息的功能,还可以添加一个Action,实现点击功能,可以右滑删除. 效果图 Snackbar是Android Support Design Library库支持的一个控件,使用的时候需要一个控件容器用来容纳Snackbar.官方推荐使用CoordinatorLayout这个另一个Android Support Design Library库支持的控件容纳.因为使用这个控件,可以保证Sna…

CoordinatorLayout作为"super-powered FrameLayout"基本实现两个功能:  1.作为顶层布局  2.调度协调子布局 CoordinatorLayout使用新的思路通过协调调度子布局的形式实现触摸影响布局的形式产生动画效果.CoordinatorLayout通过设置子View的 Behaviors来调度子View.系统(Support V7)提供了AppBarLayout.Behavior, AppBarLayout.ScrollingViewBeh…

版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 FloatingActionButton简称FAB. 一. 对于App或某个页面中是否要使用FloatingActionButton必要性: FAB代表一个App或一个页面中最主要的操作,如果一个App的每个页面都有FAB,则通常表示该App最主要的功能是通过该FAB操作的. 为了突出FAB的重要性,一个页面最好只有一个FAB. 二. FloatingActionButton大小 通常有两种尺寸: 1. 56 * 56dp :默…

SnackBar是 Android Support Library 22.2.1 里面新增提供的一个控件,我们可以简单的把它理解成一个加强版的Toast,或者是一个轻量级的Dialog. 特点: .SnackBar和Toast的用途一样,都是用来提示用户操作后的结果的. .SnackBar显示时位置一般是在屏幕底部,较大的设备就显示在左下角. .SnackBar同一时间只有一条 .SnackBar可以自动消失,也可以手动取消(在完成某个操作的时候) .在Activity结束的时候,SnackBa…