Android自定义View仿腾讯TIM下拉刷新View资源-CSDN文库

android开发

7 浏览量 2021-01-05 06:36:30 上传评论收藏 180KB PDF 举报

资源推荐

资源详情

资源评论

Android自定义自定义View仿腾讯仿腾讯TIM下拉刷新下拉刷新View

一一概述概述

自定义 View 是 Android 开发里面的一个大学问。偶然间看到 TIM 邮箱界面的刷新 View 还挺好玩的，于是就自己动手实现了一

个，先看看 TIM 里边的效果图：

二二需求分析需求分析

看到上面的动图，大概也知道我们需要实现的功能：

根据拖动的进度来移动小球的位置

小球移动过程的动画

三三功能实现功能实现

新建一个 RefreshView 类继承自 View ，然后我们再在 RefreshView 里面新建一个内部实体类： Circle

来看一下 Circle类的代码

#Cirlce.java

class Circle {

int x;

int y;

int r;

int color;

public Circle(int x, int y, int r, int color) {

this.x = x;

this.y = y;

this.r = r;

this.color = color;

}

这是一个实体类，里面提供了 x , y , r , color 属性分别代表圆心坐标的 x值，y值，圆的半径 r 跟颜色。

借助此类来存储小圆球的相关属性。

接下来就是我们平时自定义 View 经常要重写的三大方法了，先看 onMeasure()

#RefreshView.java

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

int widthMode = MeasureSpec.getMode(widthMeasureSpec);

int widthSize = MeasureSpec.getSize(widthMeasureSpec);

int heightMode = MeasureSpec.getMode(heightMeasureSpec);

int heightSize = MeasureSpec.getSize(heightMeasureSpec);

if (widthMode == MeasureSpec.AT_MOST && heightMode == MeasureSpec.EXACTLY) {

setMeasuredDimension(mWidth, heightSize);

} else if (widthMeasureSpec == MeasureSpec.EXACTLY && heightMeasureSpec == MeasureSpec.AT_MOST) {

setMeasuredDimension(widthSize, mHeight);

} else if (widthMode == MeasureSpec.EXACTLY && heightMode == MeasureSpec.EXACTLY) {

setMeasuredDimension(widthSize, heightSize);

} else {

setMeasuredDimension(mWidth, mHeight);

}

为了适配布局文件中的 wrap_content 参数，我们需要重写此方法(此方法不是本文的研究重点，不明白的可以百度或者google

一下，或者参考《Android开发艺术探索》里面的相关章节)。

接着看 onLayout() 方法：

#RefreshView.java

@Override

protected void onLayout(boolean changed, int left, int top, int right, int bottom) {

super.onLayout(changed, left, top, right, bottom);

initContentAttr(getMeasuredWidth(), getMeasuredHeight());

resetCircles();

}

在此方法中调用了 initContentAttr() 方法来初始化内容大小与 resetCircles() 来初始化（重置）三个小球的属性。分别看下这两

个方法：

#RefreshView.java

private void initContentAttr(int width, int height) {

mContentWidth = width - getPaddingLeft() - getPaddingRight();

mContentHeight = height - getPaddingTop() - getPaddingBottom();

}

这方法很简单，就是进行了 padding 的处理，得出真正的布局大小。如果不处理 padding 的话那么用户设置了 padding 将失

效。再看 resetCircles()：

#RefreshView.java

public static final int STATE_ORIGIN = 0;

public static final int STATE_PREPARED = 1;

private int mOriginState = STATE_ORIGIN;

private void resetCircles() {

if (mCircles.isEmpty()) {

int x = mContentWidth / 2;

int y = mContentHeight / 2;

mGap = x - mMinRadius; //初始化相邻圆心间的最大间距

Circle circleLeft = new Circle(x, y, mMinRadius, 0xffff7f0a);

Circle circleCenter = new Circle(x, y, mMaxRadius, Color.RED);

Circle circleRight = new Circle(x, y, mMinRadius, Color.GREEN);

mCircles.add(LEFT, circleLeft);

mCircles.add(RIGHT, circleRight);

mCircles.add(CENTER, circleCenter);

}

if (mOriginState == STATE_ORIGIN) {

int x = mContentWidth / 2;

int y = mContentHeight / 2;

for (int i = 0; i < mCircles.size(); i++) {

Circle circle = mCircles.get(i);

circle.x = x;

circle.y = y;

剩余7页未读，继续阅读

评论收藏

内容反馈

weixin_38653694

粉丝: 9
资源: 920

Android自定义View仿腾讯TIM下拉刷新View

Android自定义控件下拉刷新上拉加载，所有View通用.(直接拿来用)

android 自定义view比较综合的例子

android自定义view，实现下拉缩放viewpager banner

android自定义View仿QQ计步器

Android 自定义ListView实现底部分页刷新与顶部下拉刷新

android仿QQ侧滑菜单,侧拉删除,消息拖动小球,下拉刷新

Android自定义View控件实现刷新效果

RefreshViewTest:一个仿腾讯TIM邮箱界面的刷新View

Android-自定义ListeView下拉刷新-可直接使用

Android自定义View高仿抖音潜艇大挑战小游戏.zip

android自定义下拉刷新上拉加载

Android自定义上拉加载下拉刷新控件

自定义View Demo（实现下拉刷新）

BookPage-Android自定义View实现翻页效果，并附带实现教程.zip

android 自定义View界面大合集

android自定义View实现SwitchView

Android自定义View之高仿QQ健康

android 自定义view及自定义属性

Android--简单的自定义ListView下拉刷新

Android适配任意View下拉刷新上拉加载，或上下弹性拽动的ViewGroup控件

Android-自定义控件之ListView下拉刷新的实现

Android自定义控件下拉刷新实例代码

android自定义listview，实现了下拉刷新，滑动操作，以及上拉加载

Android应用源码仿新浪微博下拉刷新继承FrameLayout-IT计算机-毕业设计.zip

Android 自定义View实现水平温度计

安卓QQ相关相关-Android自定义View之高仿QQ健康.rar

Android自定义View实现转盘旋转的效果

最新资源