B1ueKid的博客

时间轴时间轴，顾名思义就是将发生的事件按照时间顺序罗列起来，给用户带来一种更加直观的体验。京东和淘宝的物流顺序就是一个时间轴（如图），想必大家都不陌生。时间轴的初探初次见到这种UI，感觉整个布局似曾相识，但面对那条时间轴却又不知如何下手。其实，整个时间轴还是可以当做一个ListView处理，只是在Adapter中的布局要花点心思。好了，废话不说，看代码。整个效果就是一个Li

先上图<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_height="wrap_content" android:background="@drawable/orval" android:layout_width="40dp"

几乎大部分应用都有Spalsh闪屏页面,目的就是进行一些初始化程序,检查版本更新等那么怎么打造一个炫酷的过渡加载动画呢?google提供了material design的设计风格分析整个过渡动画,可以分为三个阶段:1.旋转动画2.缩放动画3.水波纹扩散效果(这种效果也是material design风格大量采用的)1.进入MainActivity

先放上一张效果看完开始撸代码1.先写一个HeartView继承View(ImageView)用于绘制❤形的Viewpublic class HeartView extends ImageView { private Paint paint; private Bitmap mBitmap; private Random ran; private Bitmap mBorder

ViewPager有一个setPageTransform()方法可以实现很多酷炫的动画效果先来个仿QQ的侧滑面板效果 vp.setPageTransformer(true, new PageTransformer() { /** * 页面滑动时回调的方法, * @param page当前滑动的view * @param position 当从右向左滑的时候,

一款五子棋小游戏,可以拿来联系一下自定义View1.写一个类继承View/** * Created by fanday on 2016/4/23. */public class PieceView extends View { private int lineNum=10;//棋盘的行列数 private float lineHeight;//每一行的行高 p

有时候需要给gridview加上分割线，没有现成的解决方案，这里写好一个可以直接用的自定义gridview，就叫做LineGridView吧。先上图，zaker客户端第三方分享的gridview样式：可以看到靠边的格子都是半封闭的，要实现这种效果仅仅靠美工给图片恐怕不行。反编译zaker的代码，虽然看不到整个代码，但是从中可以摸索出zaker是重写了gridview的dispatchD

有时候图片的宽高比例不对的话,图片显示的就很别扭,那么怎么才能让图片按照正常的比例显示而且宽度还能matchparent呢? 这就要自定义一个能够自适应的父布局,这样imageView即可以正常显示了,(之所以不在IamgeView上面进行修改是因为逻辑可能会复杂一点,所以自定义了一个父布局)首先自定义一个RadioLayout继承FrameLayout,然后重写onMeasure()方法中,

有没有遇到过这种效果,那么这种排布是怎么实现的呢首先自定义一个类继承ViewGroup ,因为android提供的ViewGroup子类都不能实现这种效果然后要有一个思路:就是ViewGroup的measure()方法的执行过程是怎么样的--如果有子view的话就先测量子view--然后再测量自己的宽高1.在onMeasure()方法中获取到所有的子View ,然后对子view

上次讲解了如何定义一个ViewGroup的流布局容器,这次具体讲一下容器中填充的TextView的具体设置1.动态添加那么设置圆角矩形的时候就不能再Drawable文件下通过创建shape资源来定义了,那么如何在代码中动态的定义圆角矩形的shape呢2.定义一个获取shapedrawable的类,通过传入参数就可以得到一个shape资源,然后利用随机数对它进行设置颜色   代码如下:p

如下图效果显示的快速索引,下面就开始吧!1.先看右侧的快速索引Bar,这是个自定义的View       package cn.itcast.zz.quicklyindex.ui;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;impor

就是上面的这个折线图，加载的时候有揭露动画，gif图就不录制了，直接上代码，代码注释写的很详细了，自定义属性没有加，为了方便直接拿来用package com.oneweone.momocamera.widget;import android.animation.ValueAnimator;import android.content.Context;import android.gra