
android-support-design
litefish
never stop,never give up
展开
-
1CoordinatorLayout与behavior入门
前言闲来无事,掏出AS熟练的new一个project,发现默认出来的activity点击之后有如下动画感觉很神奇,于是分析以下,这是怎么做到的? 这个activity的style是@style/AppTheme.NoActionBar,布局如下所示,这是目前android比较推崇的做法,基本理念就是脱离actionbar,在自己的布局里写toolbar,这样会提高更大的自由度,toolbar就变成原创 2016-08-25 09:49:34 · 1368 阅读 · 0 评论 -
7CollapsingToolbarLayout
7CollapsingToolbarLayoutCollapsingToolbarLayout是Toolbar的一个包装,可以做出很多很炫的折叠效果。toolbar伸缩 toolbar伸展开加入图片背景,收缩时变会普通toolbar Toolbar伸展先从最简单的看起 <android.support.design.widget.AppBarLayout android:原创 2016-10-27 19:52:11 · 1551 阅读 · 0 评论 -
仿知乎专题页
仿知乎专题页看了知乎详情页的效果,感觉不错,在上滑的过程把主标题逐渐放到toolbar上去。实现这个效果大概有2种思路,首先简单的使用CollapsingToolbarLayout,内含Toolbar,然后把expandedTitle放到合适的位置(默认是居左下)。然后上滑的过程中自然会逐渐滑到toolbar上去,这就是CollapsingToolbarLayout内部实现的。 第二种想法,是在C原创 2016-09-30 14:10:27 · 1703 阅读 · 0 评论 -
8CollapsingToolbarLayout源码分析
8CollapsingToolbarLayout源码分析本文针对上篇文章进行源码分析纯色Toolbar滑动最简单代码先从最简单的看起 <!--这里必须要写fitsSystemWindows,不然上滑会出现statusbar占2份高度问题--> <android.support.design.widget.AppBarLayout android:fitsSystemWin原创 2016-09-28 17:13:26 · 1963 阅读 · 0 评论 -
9anchor
CoordinatorLayout还提供了一种布局方式叫anchor,看下边效果对应xml <android.support.design.widget.FloatingActionButton android:id="@+id/fab" app:layout_anchor="@id/appbar" app:layout_anchorGravit原创 2016-09-23 18:43:49 · 1524 阅读 · 0 评论 -
8CollapsingToolbarLayout源码分析
8CollapsingToolbarLayout源码分析纯色Toolbar滑动最简单代码先从最简单的看起 <android.support.design.widget.AppBarLayout android:fitsSystemWindows="true" android:layout_width="match_parent" android:l原创 2016-09-19 20:44:34 · 1987 阅读 · 0 评论 -
5CoordinatorLayout与AppBarLayout--嵌套滑动
5CoordinatorLayout与AppBarLayout–嵌套滑动上文我们说了AppBarLayout的简单滑动,本篇主要介绍CoordinatorLayout下的嵌套滑动相关知识,本文对此做介绍例子按照惯例,先看效果,再谈原理。可以看到在向上滑动的时候,先滑动AppBarLayout,AppBarLayout完全消失之后,在滑动NestedScrollView。而在向下滑动的时候,依然是先滑原创 2016-09-19 20:37:38 · 4355 阅读 · 1 评论 -
6AppBarLayout与scrollFlags
6AppBarLayout与scrollFlagsAppBarLayout分组在这里说过AppBarLayout可以分为可滑出和不可滑出上下2部分,其实细致一点可以分三部分,如下图所示,下滑最后出现(part 1),下滑立刻出现(part2),无法滑出(part3),其中part1和2合起来就是可以滑出的部分。xml代码如下 <android.support.design.widget.AppB原创 2016-09-19 20:38:13 · 2985 阅读 · 0 评论 -
4AppBarLayout滑动原理
4AppBarLayout滑动原理在CoordinatorLayout的measure和layout里,其实介绍过一点AppBarLayout,这篇将重点讲解AppBarLayout的滑动原理以及behavior是如何影响onTouchEvent与onInterceptTouchEvent的。基本原理介绍AppBarLayout的mTotalScrollRange,mDownPreScrollRan原创 2016-09-19 18:36:27 · 7288 阅读 · 3 评论 -
3CoordinatorLayout的measure和layout
本文分析下上篇文章的布局情况。CoordinatorLayout的布局跟普通viewgroup不太一样。提出问题上文activity的xml如下<?xml version="1.0" encoding="utf-8"?><android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com原创 2016-08-26 13:33:32 · 2130 阅读 · 0 评论 -
2behavior原理解析
在上篇文章中,我们简单介绍了一下Behavior,今天对他的原理做进一步分析。自定义behavior先看个例子,上篇文章主要是重点分析了下,为什么snackbar出现和消失的时候,fab会做出相应变化,那我们能否修改这种变化呢? 比如我想要snackbar出现的时候,fab往上移动100,snackbar消失的时候fab再往上移动100,能否实现呢? 当然可以,代码也很简单,自定义一个MyBeh原创 2016-08-25 14:30:42 · 1763 阅读 · 0 评论 -
10fitsSystemWindows对CoordinatorLayout的影响
在之前提到过,为了让CollapsingToolbarLayout内部的伪状态栏和真正的statusbar重合, CoordinatorLayout和AppBarLayout的fitsSystemWindows应该一样,同时为true或者false。现在来具体分析一下,各种case。对应Activity:CollapsFitSystemActivityCoordinatorLayout和AppBar原创 2016-09-23 18:45:09 · 4907 阅读 · 0 评论