自定义View - 仿即刻轮播

前段时间使用了即刻App，被里面的风格所吸引，尤其是顶部的图片滚动，感觉挺有意思的，于是乎上网搜索了下，发现有人仿着做了一个，于是乎github上下载来看了看。记录下研究的过程。

这是效果图

首先梳理下思路，首先这是一个自定义的控件，在加载的时候先从网络中加载两张图片作为轮播用，接着在点击刷新按钮的时候触发事件改变两张图片的margintop值.并且改变覆盖在第一张图片之上的view透明度。

下面看下主要的执行过程

加载时

点击刷新按钮以后：

先了解下需要掌握的知识：

1、

requestLayout()：

requestLayout：当layoutparm是发生变化的时候，该view本身调用这个方法要求parent view重新调用他的onMeasure onLayout来对重新设置自己位置。

measure：测量控件的大小

onLayout：根据测量的大小摆放控件

实现步骤：

1、定义一个继承viewgroup的抽象类

SmoothViewGroup :{ 实现一个startSmooth 方法 用来执行点击刷新后的动作，该方法中实例一个ValueAnimator对象，参数图片的高度和0;并设置addUpdateListener，在高度变化的过程中不断的执行doAnim

抽象doAnimFinish 和doAnim方法用于变化透明度和动画结束后的图片加载

}

2、在Gallery类中继承SmoothViewGroup 并实现doAnimFinish和doAnim方法，其中

doAnim方法执行改变隐藏view的透明度和requestLayout();方法重新绘制，接着实现

onLayout方法，该方法中主要改变第一张图片的和第二张图片的marginTop 和marginBottom的值（这里的marginBottom是相对于于父view的Bottom位置）。

doAnimFinish中加载两张图片并改变遮盖view的透明度.

）

ps：以上为个人研究他人代码所得出的总结。

转载于:https://www.cnblogs.com/Conker/p/6497559.html

自定义View - 仿即刻轮播相关推荐

仿百度壁纸客户端（二）——主页自定义ViewPager广告定时轮播图
仿百度壁纸客户端(二)--主页自定义ViewPager广告定时轮播图百度壁纸系列仿百度壁纸客户端(一)--主框架搭建,自定义Tab + ViewPager + Fragment 仿百度壁纸客户端( ...
Android仿支付宝UI功能开发,Android 自定义view仿支付宝咻一咻功能
支付宝上有一个咻一咻的功能,就是点击图片后四周有水波纹的这种效果,今天也写一个类似的功能. 效果如下所示: 思路: 就是几个圆的半径不断在变大,这个可以使用动画缩放实现,还有透明动画还有就是这是好几 ...
自定义View | 仿QQ运动步数进度效果
项目GitHub地址思路固定不动的蓝色大圆弧动画变动的红色小圆弧中间的步数文字显示相关的自定义属性比如固定不动的大圆弧, 我们不能写死他的蓝色颜色属性, 要提供一个颜色的自定义属性给用户自 ...
第65天：仿网易轮播图
仿网易轮播图 1.HTML部分 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta ...
android 高仿探探卡片滑动,Android自定义View仿探探卡片滑动效果
Android自定义View仿探探卡片滑动这种效果网上有很多人已经讲解了实现思路,大多都用的是RecyclerView来实现的,但是我们今天来换一种实现思路,只用一个自定义的ViewGroup来搞定这 ...
android wear支付宝6,Android自定义View仿支付宝输入六位密码功能
跟选择银行卡界面类似,也是用一个PopupWindow,不过输入密码界面是一个自定义view,当输入六位密码完成后用回调在Activity中获取到输入的密码并以Toast显示密码.效果图如下: 自定义 ...
android的动态tab,Android自定义view仿QQ的Tab按钮动画效果(示例代码)
话不多说先上效果图实现其实很简单,先用两张图一张是背景的图,一张是笑脸的图片,笑脸的图片是白色,可能看不出来.实现思路:主要是再触摸view的时候同时移动这两个图片,但是移动的距离不一样,造成的 ...
自定义view 仿qq步数半圆弧
先看效果图: 自定义属性 <declare-styleable name="QQSteps"><attr name="roundWidth" ...
kotlin实现的简单个人账户管理APP(三) 自定义View仿支付宝的密码输入框/密码相关逻辑
转载请注明出处:http://blog.csdn.net/a512337862/article/details/78874322 前言 1.本篇博客相关的项目介绍请参考基于kotlin实现的简单个人账 ...
自定义view仿写今日头条点赞动画
前言平时喜欢看今日头条,上面的财经.科技和NBA栏目都很喜欢,无意中发现他的点赞动画还不错,一下子就吸引到了我.遂即想要不自己实现一下. 最终效果对比如下: 头条: 仿写效果: 一.导读学习的过程 ...

自定义View - 仿即刻轮播

requestLayout：当layoutparm是发生变化的时候，该view本身调用这个方法要求parent view重新调用他的onMeasure onLayout来对重新设置自己位置。

自定义View - 仿即刻轮播相关推荐

最新文章

热门文章