厚积薄发

注：该文章同步发布到稀土掘金：链接前言由于通勤时间较长，在路上总会有时间刷刷文章。稀土掘金就是常用的一个app（这里非广告，哈哈哈）。前段时间，发表了篇文章：# 使用CollapsingToolbarLayout高仿稀土掘金个人中心页，也是跟它相关的。今天再来一篇，不是什么大技术，而是我们常用的自定义view那套东西，只是觉得效果精美，就想自己实现下~先上图：实现先分析下效果：字体部分内容高亮高亮部分为平行四边形，而非矩形实现思路：先绘制浅色字体，再绘制深色字体，不过深色字体只显示平行四边

注：该文章也同步发布到稀土掘金：链接前言ViewPager2是ViewPager的改进版本，提供了一些增强功能：垂直方向的支持可动态修改Fragment集合从右到左支持当然，这是官方新推的库，后续会获得更好的支持~这篇文章主要从基本使用、增强功能使用、viewpager到viewpager2的升级、通过ViewPager2.PageTransformer实现多种切换动画等几个方面进行介绍。使用基本使用引入viewpager2库// module的build.gradle文件im

前些天，分析了开源框架zxing的源码。里边有一个自定义的view，扫描界面的蒙层。这给我做自定义裁剪图片view的一些启发。因为，其实原理很相似，都是中间显示的图片没有被遮盖，四周有蒙层的效果。接下来，就按照这个思路实现这个自定义的view。上图效果分析1 刚进来，设置蒙层刚好包裹图片显示的大小2 当触摸的是边界的时候，增大蒙层的范围，即缩小透明区域的大小。3 当触摸的是透明区域的内部时，移动手

平时工作之余，喜欢看看新闻，手机难免会装了几个新闻阅读类的app。新闻类的app风格大致一致，可以选择不同栏目，栏目可以切换。最近就在用微博头条，感觉界面挺清新的。而且它使用的PagerIndicator挺好看的。昨晚居然准时下班了，趁着早就实现了下。今天用博客好好记录下上图效果分析1 每个tab都包含色块和文字，而且文字的显示个数不同2 文字：由未选中到被选中的文字颜色从黑色变成白色；由选中到未

最近在使用百度阅读看书，发现上边有个有趣的小东西，就是弹出式菜单，还附有声音。其实，这种弹出式菜单，早些时候还是挺火的，不少app都有这样的一个菜单效果；最近貌似少见了些。这里就提供一种简单的实现方式上图效果分析 当没有菜单没有展示时，点击图标，菜单向上弹出，并有回弹的效果 当菜单已经展示时，点击图标，菜单回收；点击相应的菜单，菜单收回，调用定义的接口实现1 该类继承Relativ

仿QQ邮箱下拉刷新动画（三个小球围绕中心转动） 该动画的实现主要借鉴了海龙的博客- 两个小球不停的绕中心旋转的进度条 ，在此感谢下。1 首先上图（折腾了好久才把gif给搞了上去）2 分析2.1 当我们看到一个动画，首先需要对动画的效果进行分析，而不是盲目的进行开发2.2 动画的分解（先需要关注一个小球的效果，避免其他干扰）2.2.1 平移动画：把中心点的横坐标当作坐标的原点第一个小球的x轴变化

上一篇主要是记录了如何实现简单的折线图，支持点击弹出提示；这篇主要是实现另外一种图表–饼状图。1 先上效果图2 分析第一看看到这个图，有过画扇形经验的同学会不屑，这个不简单吗？主要就是将所有的值相加，然后用每个值去除于总值，得到对于的一个扇形的角度，逐个画上去就好。这个说法大体是对的，但等到真正实施，还是有些小细节需要注意的。for (int i = 0; i < numbers.size();

效果图效果分解 将视图划分为内容视图和标题视图（貌似也不合适，因为没有标题，只是放置了一些图标）内容视图标题视图：覆盖在内容视图上方 动画的临界点：标题视图的收藏按钮(下载按钮)的底部与内容视图的收藏按钮(下载按钮)的顶部刚好重叠临界点视图：红色的粗线条1 向上滚动1.1 内容视图的收藏按钮和下载按钮平缓移动到标题视图的收藏按钮和下载按钮对应的位置1.2 收藏文字和下载文字消失2 向下滚

flyme5.0增加了很多优美的动画和交互，界面也变得相当精致。我手头现在就用着魅族MX5，感觉还不错哇！经常会打开它的日历看计划等，感觉它首页的滑动效果还不错，就试着实现一把。上图效果分析1 该首页由两部分组成：GridView展示的日历视图，下方的内容视图2 当选中日历的某一天后，向上滑动，内容视图会不断的向上移动，直到只含有选中日期的那一行显示为止3 伴随着内容视图向上移动，日历视图也会跟随

今天已经是这个星期连续加班的第四天了，趁着现在后台在处理逻辑问题，将前几天写的一个小例子整理下来。效果图效果分析1 向下滑动，头部的图片随着手指滑动不断变大2 向上滑动，不断的向上移动图片，直到图片不可见3 当顶部图片不可见时，向上滑动，滑动ListView实现思路1 由于这个View分上下两部分，垂直排列，可以通过继承LinearLayout实现：：自定义一个DragImageView，该Vie