Android 5.x Material Design 使用
文章平均质量分 89
Sunzxyong
最可怕的不是比你牛逼的有多少人,而是比你牛逼的人还比你更努力!
展开
-
Material Design之CardView的使用
本文介绍CardView这个控件的使用,CardView继承至FrameLayout类,是support-v7包下的一个类,使用时必须引入cardview依赖包,可在下载的sdk文件夹中找到。。。使用CardView可以实现卡片式布局效果,非常好看,卡片还可以包含圆角、阴影、背景。CardView是一个ViewGroup,布局时包含其它的View从而实现优雅界面效果。首先来看看个界面效果:原创 2015-07-10 14:11:16 · 17956 阅读 · 3 评论 -
Material Design之NavigationView和DrawerLayout实现侧滑菜单栏
本文将介绍使用Google最新推出规范式设计中的NavigationView和DrawerLayout结合实现侧滑菜单栏效果,NavigationView是android-support-design包下的一个控件,该包下还有AppBarLayout、CoordinatorLayout、FloatingActionButton、SnackBar、TabLayout控件,也是Google在Andro原创 2015-07-11 18:20:53 · 6931 阅读 · 3 评论 -
Material Design之视图状态改变
视图状态改变是通过StateListAnimator动画集来改变View的状态的,它可以使View在不同状态下发生不同的变化,如下是在drawable目录下定义一个StateListAnimator:<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/an原创 2015-09-06 09:51:00 · 3172 阅读 · 3 评论 -
Android中使用SVG矢量图(一)
SVG矢量图介绍首先要解释下什么是矢量图像,什么是位图图像? 1、矢量图像:SVG (Scalable Vector Graphics, 可伸缩矢量图形) 是W3C 推出的一种开放标准的文本式矢量图形描述语言,他是基于XML的、专门为网络而设计的图像格式,SVG是一种采用XML来描述二维图形的语言,所以它可以直接打开xml文件来修改和编辑。 2、位图图像:位图图像的存储单位是图像上每一点的像素值原创 2015-09-02 13:46:37 · 8310 阅读 · 0 评论 -
Android使用SVG矢量动画(二)
上篇我们学习了怎么显示SVG矢量图像,当然还有一个更强大的功能,就是让SVG图像动起来,先上一张效果图吧: 要实现上述动画效果,就得用AnimatedVectorDrawable这个类了,它就是负责VectorDrawable矢量图形的动画的,不过我们不能像属性动画那样去通过代码进行设置动画,而是需要通过animated-vector标签在xml文件中创建一个AnimatedVectorDrawa原创 2015-09-02 15:25:17 · 6513 阅读 · 5 评论 -
RecyclerView实现瀑布流效果(二)
在上篇中我们知道RecyclerView中默认给我们提供了三种布局管理器,分别是LinearLayoutManager、GridLayoutManager、StaggeredGridLayoutManager。其中StaggeredGridLayoutManager可实现交错式网格布局,正好可以用来实现瀑布流。下面先看看效果图吧,再贴代码:其中大部分内容实现其实是和上篇文章原创 2015-07-04 18:23:04 · 10383 阅读 · 3 评论 -
Material Design之FloatingActionButton的使用
FloatingActionButton是继承至ImageView,所以FloatingActionButton拥有ImageView的所有属性。CoordinatorLayout可以用来配合FloatingActionButton浮动按钮,设置app:layout_anchor和app:layout_anchorGravity构建出特定的位置与效果的FloatingActionButton。原创 2015-07-19 14:36:55 · 27273 阅读 · 0 评论 -
Material Design5.x动画实现解析篇一
Material Design设计语言动画篇共推出六种类型的动画效果: 1、Touch feedback(触摸反馈) 2、Reveal effect(揭露效果) 3、Activity transitions(Activity转换效果) 4、Curved motion(曲线运动) 5、View state changes (视图状态改变) 6、Animate Vect原创 2015-08-28 11:17:56 · 6244 阅读 · 7 评论 -
使用Material Design 应用主题
自从去年Google推出Material Design这款设计语言后,新的设计规范越来越受开发者们的喜爱,这篇文章包括后续文章就是慢慢的介绍在App中使用Material Design界面主题、动画、及各种UI设计规范,至于今年推出的Design包所有design控件的介绍在以前几篇就一一介绍了。Material Design设计语言它的设计思想为:把物理世界的体验带进屏幕,去掉现实中的杂质和随机性原创 2015-08-07 19:49:58 · 8810 阅读 · 4 评论 -
使用Material Design Tint和视图详解
视图首先来讲Material Design 视图的概念,在新的api中,新添加了z轴的概念,z轴垂直于屏幕,用来表现元素的层叠关系,z值(海拔高度)越高,元素离界面底层(水平面)越远,投影越重,这里有一个前提,所有的元素的厚度都是1dp。 Material Design中UI主打扁平化,但是这种扁平化是扁而不平,是对现实的拟物扁平化,所以引入z轴空间的概念,即所有元素都有默认的海拔高度,对它进行原创 2015-08-10 15:49:41 · 12957 阅读 · 3 评论 -
Material Design之CollapsingToolbarLayout使用
CollapsingToolbarLayout作用是提供了一个可以折叠的Toolbar,它继承至FrameLayout,给它设置layout_scrollFlags,它可以控制包含在CollapsingToolbarLayout中的控件(如:ImageView、Toolbar)在响应layout_behavior事件时作出相应的scrollFlags滚动事件(移除屏幕或固定在屏幕顶端)。使原创 2015-07-16 09:19:55 · 56553 阅读 · 19 评论 -
Material Design之CoordinatorLayout+AppBarLayout实现上滑隐藏ToolBar
ok,今天继续更新Material Design系列!!!废话不说,先看看效果图吧:好了,现在来讲讲上图是怎么实现的吧!讲之前先讲讲几个控件:CoordinatorLayout 该控件也是Design包下的一个控件,然而这个控件可以被称为Design包中最复杂、功能最强大的控件:CoordinatorLayout。为什么这样说呢?原因是:它是组织它众多子原创 2015-07-12 19:28:35 · 31309 阅读 · 18 评论 -
Material Design之TextInputLayout、Snackbar的使用
这两个控件也是Google在2015 I/O大会上发布的Design Library包下的控件,使用比较简单,就放在一起讲了,但有的地方也是需要特别注意一下。TextInputLayoutTextInputLayout功能非常简单,就是用于用户在EditText中输入时hint的提示和错误的提示。先来看看效果图吧:从上图很明显的看出:1、当EditText获得焦原创 2015-07-14 13:30:16 · 3786 阅读 · 0 评论 -
Material Design之RecyclerView的使用(一)
Android 5.0开始就推荐使用Material Design这个设计语言,本文开始就逐一讲解Material Design中控件的使用。本章主要讲解RecyclerView,期中会带有ToolBar的代码,也是一个Android5.x推荐使用ToolBar替代ActionBar的控件,RecyclerView 是 android-support-v7包中的一个控件,使用该控件时需要添加c原创 2015-07-04 14:00:07 · 4211 阅读 · 4 评论 -
Material Design Library 23.1.0的新变化与代码实战
Design Library出来已经快有一个月了,当时大概看了一下介绍这个新版本变化的译文,内容不多,给我印象最深的就是Percent lib、AppBarLayout 和NavigationView的变化,当然还有Design Lib的一些控件内部实现的变化没有介绍,从而使得在使用新版本的控件时候难免因为版本的不同会发生一些异常,而本人正好在上个星期对一个项目换库时发现了这个问题,什么问题呢?Na原创 2015-11-13 15:42:41 · 4540 阅读 · 3 评论