RecyclerView&自定义View实现时光轴效果

在QQ空间，淘宝，京东，以及一些旅游类的app上经常可以看到时间轴的效果，这种时间轴的效果有多种实现方式，本文用RecyclerView和自定义View来实现这个效果。

实现的效果图如下：

分析

从上面的效果图可以看出，这个就是一个RecyclerView，并且他的LayoutManager为LinearLayoutManager，LinearLayoutManager的方向是垂直的。但是我们注意到他的item不是都是一致的，大概有这几种情况：

只有一个item

第一个item

普通item

最后一个item

所以可以我们可以将item的viewType分为四类。以普通的为例，我们需要自定义的是item左侧的部分，包括开始的线条，中间的圆形，下面的线条三个部分。其他的控件都是系统现成的。

自定义属性

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="TimeLineView">
        <attr name="beginLine" format="color|reference" />
        <attr name="endLine" format="color|reference" />
        <attr name="lineWidth" format="dimension" />
        <attr name="timeLineMarker" format="color|reference" />
        <attr name="timeLineMarkerSize" format="dimension" />
    </declare-styleable>
</resources>

beginLine:开始的线条

endLine:下面的线条

lineWidth:线条的宽度

timeLineMarker:中间的圆形

timeLineMarkerSize:中间的圆形的大小，这里默认他的宽高一致

item实体数据封装

由效果图，可以看出我们需要封装的是：

timeLineIcon:事件对应的icon，比如生日对应的icon

timeLineName:事件的名称，比如生日

timeLineDate:事件的日期

timeLineTime:事件的日期距离现在的时间

package me.jarvischen.timeline.bean;

import android.graphics.drawable.Drawable;

/**
 * Created by chenfuduo on 2016/3/27.
 */
public class TimeLineItem {
    private Drawable timeLineIcon;
    private String timeLineName;
    private String timeLineDate;
    private String timeLineTime;

    public TimeLineItem() {
    }

    public TimeLineItem(String timeLineDate, Drawable timeLineIcon,
                        String timeLineName, String timeLineTime) {
        this.timeLineDate = timeLineDate;
        this.timeLineIcon = timeLineIcon;
        this.timeLineName = timeLineName;
        this.timeLineTime = timeLineTime;
    }

    public String getTimeLineDate() {
        return timeLineDate;
    }

    public void setTimeLineDate(String timeLineDate) {
        this.timeLineDate = timeLineDate;
    }

    public Drawable getTimeLineIcon() {
        return timeLineIcon;
    }

    public void setTimeLineIcon(Drawable timeLineIcon) {
        this.timeLineIcon = timeLineIcon;
    }

    public String getTimeLineName() {
        return timeLineName;
    }

    public void setTimeLineName(String timeLineName) {
        this.timeLineName = timeLineName;
    }

    public String getTimeLineTime() {
        return timeLineTime;
    }

    public void setTimeLineTime(String timeLineTime) {
        this.timeLineTime = timeLineTime;
    }
}

主布局和数据填充

主布局就是一个RecyclerView，

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/timeLineRecyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:descendantFocusability="afterDescendants"
        android:fadeScrollbars="true"
        android:fadingEdge="none"
        android:overScrollMode="never"
        android:scrollbarSize="2dp"
        android:scrollbarThumbVertical="@color/cyan_500"
        android:scrollbars="vertical" />

</FrameLayout>

package me.jarvischen.timeline;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

import java.util.ArrayList;
import java.util.List;

import me.jarvischen.timeline.adapter.TimeLineAdapter;
import me.jarvischen.timeline.bean.TimeLineItem;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        RecyclerView timeLineRecyclerView = (RecyclerView) findViewById(R.id.timeLineRecyclerView);
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
        linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        timeLineRecyclerView.setLayoutManager(linearLayoutManager);
        TimeLineAdapter adapter = new TimeLineAdapter(initDatas());
        timeLineRecyclerView.setAdapter(adapter);
    }

    private List<TimeLineItem> initDatas() {
        List<TimeLineItem> timeLineItems = new ArrayList<>();
        timeLineItems.add(new TimeLineItem("2016年3月27日",
                getResources().getDrawable(R.drawable.ic_icon_birthday_min),
                "爸爸的生日",
                "1天"));

        timeLineItems.add(new TimeLineItem("2016年3月28日",
                getResources().getDrawable(R.drawable.ic_icon_birthday_min),
                "弟弟的生日",
                "2天"));

        timeLineItems.add(new TimeLineItem("2016年3月29日",
                getResources().getDrawable(R.drawable.ic_icon_birthday_min),
                "老婆的生日",
                "3天"));

        timeLineItems.add(new TimeLineItem("2016年3月30日",
                getResources().getDrawable(R.drawable.ic_icon_memorial_min),
                "结婚纪念日",
                "4天"));

        timeLineItems.add(new TimeLineItem("2016年3月31日",
                getResources().getDrawable(R.drawable.ic_icon_future_min),
                "去看美人鱼",
                "5天"));

        timeLineItems.add(new TimeLineItem("2016年4月1日",
                getResources().getDrawable(R.drawable.ic_icon_future_min),
                "植物园赏花",
                "6天"));

        timeLineItems.add(new TimeLineItem("2016年4月2日",
                getResources().getDrawable(R.drawable.ic_icon_memorial_min),
                "恋爱纪念日",
                "7天"));

        timeLineItems.add(new TimeLineItem("2016年4月3日",
                getResources().getDrawable(R.drawable.ic_icon_future_min),
                "自定义View练习",
                "8天"));

        timeLineItems.add(new TimeLineItem("2016年4月4日",
                getResources().getDrawable(R.drawable.ic_icon_memorial_min),
                "结婚十周年纪念日",
                "9天"));
        return timeLineItems;
    }
}

RecyclerView需要一个LayoutManager，然后设置设配器即可。

自定义TimeLineMarker

第一步，构造器找到定义的属性值

    private int lineWidth;

    private int timeLineMarkerSize;

    private Drawable beginLine;

    private Drawable endLine;

    private Drawable timeLineMarker;

    public TimeLineView(Context context) {
        this(context, null);
    }

    public TimeLineView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public TimeLineView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.TimeLineView);
        lineWidth = typedArray.getDimensionPixelSize(R.styleable.TimeLineView_lineWidth, 15);
        timeLineMarkerSize = typedArray.getDimensionPixelSize(R.styleable.TimeLineView_timeLineMarkerSize, 25);
        beginLine = typedArray.getDrawable(R.styleable.TimeLineView_beginLine);
        endLine = typedArray.getDrawable(R.styleable.TimeLineView_endLine);
        timeLineMarker = typedArray.getDrawable(R.styleable.TimeLineView_timeLineMarker);
        typedArray.recycle();
    }

第二步，重写onMeasure方法

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int w = timeLineMarkerSize + getPaddingLeft() + getPaddingRight();
        int h = timeLineMarkerSize + getPaddingTop() + getPaddingBottom();
        int widthSize = resolveSizeAndState(w, widthMeasureSpec, 0);
        int heightSize = resolveSizeAndState(h, heightMeasureSpec, 0);
        setMeasuredDimension(widthSize, heightSize);
    }

其中resolveSizeAndState的源码为，

public static int resolveSizeAndState(int size, int measureSpec, int childMeasuredState) {
        final int specMode = MeasureSpec.getMode(measureSpec);
        final int specSize = MeasureSpec.getSize(measureSpec);
        final int result;
        switch (specMode) {
            case MeasureSpec.AT_MOST:
                if (specSize < size) {
                    result = specSize | MEASURED_STATE_TOO_SMALL;
                } else {
                    result = size;
                }
                break;
            case MeasureSpec.EXACTLY:
                result = specSize;
                break;
            case MeasureSpec.UNSPECIFIED:
            default:
                result = size;
        }
        return result | (childMeasuredState & MEASURED_STATE_MASK);
    }

哈，好熟悉的感觉，有没有！

关于此，更多请参考这里。

第三步，绘制

    @Override
    protected void onDraw(Canvas canvas) {
        if (beginLine != null) {
            beginLine.draw(canvas);
        }
        if (endLine != null) {
            endLine.draw(canvas);
        }
        if (timeLineMarker != null) {
            timeLineMarker.draw(canvas);
        }
        super.onDraw(canvas);
    }

第四步，重写onSizeChanged方法

 @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        initDrawable();
    }

    private void initDrawable() {
        int paddingLeft = getPaddingLeft();
        int paddingRight = getPaddingRight();
        int paddingBottom = getPaddingBottom();
        int paddingTop = getPaddingTop();

        //父容器的宽高
        int width = getWidth();
        int height = getHeight();

        int cWidth = width - paddingLeft - paddingRight;
        int cHeight = height - paddingTop - paddingBottom;

        int lastTimeLineMarkerSize = Math.min(timeLineMarkerSize, Math.min(cWidth, cHeight));

        Rect bounds = null;
        if (timeLineMarker != null) {
            timeLineMarker.setBounds(paddingLeft, paddingTop,
                    paddingLeft + lastTimeLineMarkerSize, paddingTop + lastTimeLineMarkerSize);
            bounds = timeLineMarker.getBounds();
        }
        //注意运算符的优先级
        int lineLeft = bounds.centerX() - (lineWidth >> 2);

        if (beginLine != null) {
            beginLine.setBounds(lineLeft, 0, lineLeft + lineWidth, bounds.top);
        }

        if (endLine != null) {
            endLine.setBounds(lineLeft, bounds.bottom, lineLeft + lineWidth, height);
        }
    }

逻辑很简单，不做过多的解释。initDrawableSize 方法进行具体的运算，而运算的时间点就是当控件的大小改变(onSizeChanged)的时候。

在初始化中采用了一定的投机取巧；这里利用了上内边距与下内边距分别作为上线条与下线条的长度；而线条与中间的标识都采用了水平距中。

整体的代码，

package me.jarvischen.timeline.view;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.View;

import me.jarvischen.timeline.R;

/**
 * Created by chenfuduo on 2016/3/27.
 */
public class TimeLineView extends View {

    private int lineWidth;

    private int timeLineMarkerSize;

    private Drawable beginLine;

    private Drawable endLine;

    private Drawable timeLineMarker;

    public TimeLineView(Context context) {
        this(context, null);
    }

    public TimeLineView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public TimeLineView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.TimeLineView);
        lineWidth = typedArray.getDimensionPixelSize(R.styleable.TimeLineView_lineWidth, 15);
        timeLineMarkerSize = typedArray.getDimensionPixelSize(R.styleable.TimeLineView_timeLineMarkerSize, 25);
        beginLine = typedArray.getDrawable(R.styleable.TimeLineView_beginLine);
        endLine = typedArray.getDrawable(R.styleable.TimeLineView_endLine);
        timeLineMarker = typedArray.getDrawable(R.styleable.TimeLineView_timeLineMarker);
        typedArray.recycle();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        if (beginLine != null) {
            beginLine.draw(canvas);
        }
        if (endLine != null) {
            endLine.draw(canvas);
        }
        if (timeLineMarker != null) {
            timeLineMarker.draw(canvas);
        }
        super.onDraw(canvas);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int w = timeLineMarkerSize + getPaddingLeft() + getPaddingRight();
        int h = timeLineMarkerSize + getPaddingTop() + getPaddingBottom();
        int widthSize = resolveSizeAndState(w, widthMeasureSpec, 0);
        int heightSize = resolveSizeAndState(h, heightMeasureSpec, 0);
        setMeasuredDimension(widthSize, heightSize);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        initDrawable();
    }

    private void initDrawable() {
        int paddingLeft = getPaddingLeft();
        int paddingRight = getPaddingRight();
        int paddingBottom = getPaddingBottom();
        int paddingTop = getPaddingTop();

        //父容器的宽高
        int width = getWidth();
        int height = getHeight();

        int cWidth = width - paddingLeft - paddingRight;
        int cHeight = height - paddingTop - paddingBottom;

        int lastTimeLineMarkerSize = Math.min(timeLineMarkerSize, Math.min(cWidth, cHeight));

        Rect bounds = null;
        if (timeLineMarker != null) {
            timeLineMarker.setBounds(paddingLeft, paddingTop,
                    paddingLeft + lastTimeLineMarkerSize, paddingTop + lastTimeLineMarkerSize);
            bounds = timeLineMarker.getBounds();
        }
        //注意运算符的优先级
        int lineLeft = bounds.centerX() - (lineWidth >> 2);

        if (beginLine != null) {
            beginLine.setBounds(lineLeft, 0, lineLeft + lineWidth, bounds.top);
        }

        if (endLine != null) {
            endLine.setBounds(lineLeft, bounds.bottom, lineLeft + lineWidth, height);
        }
    }

    public void setBeginLine(Drawable beginLine) {
        this.beginLine = beginLine;
        initDrawable();
        invalidate();
    }

    public void setEndLine(Drawable endLine) {
        this.endLine = endLine;
        initDrawable();
        invalidate();
    }

    public void setLineWidth(int lineWidth) {
        this.lineWidth = lineWidth;
        initDrawable();
        invalidate();
    }

    public void setTimeLineMarker(Drawable timeLineMarker) {
        this.timeLineMarker = timeLineMarker;
        initDrawable();
        invalidate();
    }

    public void setTimeLineMarkerSize(int timeLineMarkerSize) {
        this.timeLineMarkerSize = timeLineMarkerSize;
        initDrawable();
        invalidate();
    }
}

Adapter和ViewHolder

package me.jarvischen.timeline.adapter;

import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.view.ViewGroup;

import java.util.List;

import me.jarvischen.timeline.R;
import me.jarvischen.timeline.bean.TimeLineItem;
import me.jarvischen.timeline.bean.TimeLineItemType;

/**
 * Created by chenfuduo on 2016/3/27.
 */
public class TimeLineAdapter extends RecyclerView.Adapter<TimeLineViewHolder> {

    private List<TimeLineItem> timeLineItems;

    public TimeLineAdapter(List<TimeLineItem> timeLineItems) {
        this.timeLineItems = timeLineItems;
    }

    @Override
    public TimeLineViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = View.inflate(parent.getContext(), R.layout.item_timeline, null);
        return new TimeLineViewHolder(view, viewType,parent.getContext());
    }

    @Override
    public void onBindViewHolder(TimeLineViewHolder holder, int position) {
        holder.setData(timeLineItems.get(position));
    }

    @Override
    public int getItemCount() {
        return timeLineItems.size();
    }

    @Override
    public int getItemViewType(int position) {
        int size = timeLineItems.size() - 1;
        if (size == 0) {
            return TimeLineItemType.ATOM;
        } else if (position == 0) {
            return TimeLineItemType.START;
        } else if (position == size) {
            return TimeLineItemType.END;
        } else {
            return TimeLineItemType.NORMAL;
        }
    }
}

需要注意的是getItemViewType方法，在TimeLineItemType类中，封装了上述所述的四种情形。

package me.jarvischen.timeline.adapter;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.Random;

import me.jarvischen.timeline.R;
import me.jarvischen.timeline.bean.TimeLineItem;
import me.jarvischen.timeline.bean.TimeLineItemType;
import me.jarvischen.timeline.view.TimeLineView;

/**
 * Created by chenfuduo on 2016/3/27.
 */
public class TimeLineViewHolder extends RecyclerView.ViewHolder {
    private TextView name;
    private ImageView icon;
    private TextView date;
    private TextView time;

    public TimeLineViewHolder(View itemView, int type,Context context) {
        super(itemView);
        name = (TextView) itemView.findViewById(R.id.timeLineName);
        date = (TextView) itemView.findViewById(R.id.timeLineDate);
        time = (TextView) itemView.findViewById(R.id.timeLineTime);
        icon = (ImageView) itemView.findViewById(R.id.timeLineIcon);
        final TimeLineView timeLineView = (TimeLineView) itemView.findViewById(R.id.timeLineView);
        Drawable drawable = context.getResources().getDrawable(R.drawable.timeline_marker);
        Drawable drawable2 = context.getResources().getDrawable(R.drawable.timeline_marker2);
        Drawable drawable3 = context.getResources().getDrawable(R.drawable.timeline_marker3);
        Drawable drawable4 = context.getResources().getDrawable(R.drawable.timeline_marker4);
        Drawable drawable5 = context.getResources().getDrawable(R.drawable.timeline_marker5);
        Drawable drawable6 = context.getResources().getDrawable(R.drawable.timeline_marker6);
        Drawable drawable7 = context.getResources().getDrawable(R.drawable.timeline_marker7);
        Random random = new Random();
        final int i = random.nextInt(7);
        final Drawable drawables[] = {drawable,drawable2,drawable3,drawable4,drawable5,drawable6,drawable7};
        timeLineView.setTimeLineMarker(drawables[i]);
        if (type == TimeLineItemType.ATOM) {
            timeLineView.setBeginLine(null);
            timeLineView.setEndLine(null);
        } else if (type == TimeLineItemType.START) {
            timeLineView.setBeginLine(null);
        } else if (type == TimeLineItemType.END) {
            timeLineView.setEndLine(null);
        }
    }

    public void setData(TimeLineItem timeLineItem) {
        name.setText(timeLineItem.getTimeLineName());
        icon.setImageDrawable(timeLineItem.getTimeLineIcon());
        date.setText(timeLineItem.getTimeLineDate());
        time.setText(timeLineItem.getTimeLineTime());
    }

}

根据Item类型的不同去设置数据。

源码在这里

加我微信和我一起学习。

参考文档：

Drawable

Canvas and Drawables

Tutorial: Custom Drawable - Part 3

Custom Drawables

Implementing and Using Custom Drawable States

时间： 2024-10-09 10:52:12

RecyclerView&自定义View实现时光轴效果的相关文章

自定义View实现钟摆效果进度条PendulumView

在网上看到了一个IOS组件PendulumView,实现了钟摆的动画效果.由于原生的进度条确实是不好看,所以想可以自定义View实现这样的效果,以后也可以用于加载页面的进度条. 废话不多说,先上效果图底部黑边是录制时不小心录上的,可以忽略. 既然是自定义View我们就按标准的流程来,第一步,自定义属性自定义属性建立属性文件在Android项目的res->values目录下新建一个attrs.xml文件,文件内容如下: [html] view plain copy <?xml versio

android 自定义view实现验证码效果(一)

此博客来自:http://blog.csdn.net/lmj623565791/article/details/24252901,感谢博客的无私奉献,在这拿来自己学习下. 自定义控件一直对我来说都比较恐怖,就此有时间好好学习下, 我们知道一个View对象要经过onMeasure()测量 ,onLayout()计算大小,onDraw()到屏幕上,然后根据你的需求看需要那方面就使用了,这是最简单的自定义view,先从最简单的做起新建一个项目customview1 第一步:先自定义view的属性,首

Android模仿打字机效果的自定义View实现

一.前言在做splash界面的时候,需要做类似于打字机打字的效果,字一个一个地蹦出来,显示每一个字都带有打字的声音. 二.效果演示本例自定义View的演示效果如下(PS:一直不知道在Android上怎么录制gif格式的动画,索性在PC上跑Genymotion Android模拟器,然后用LICEcap录屏就可以了.). 三.实现原理: 这个其实不难实现,通过一个定时器不断调用TextView的setText就行了,在setText的时候播放打字的音效.具体代码如下: import java.

Android 自定义RecyclerView 实现真正的Gallery效果

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38173061 ,本文出自:[张鸿洋的博客] 上一篇博客我使用自定义HorizontalScrollView写了一个具有HorizontalScrollView效果和ViewPager特性的横向图片轮播,详见:Android 自定义 HorizontalScrollView 打造再多图片(控件)也不怕 OOM 的横向滑动效果.其实制作横向滚动的不得不说另一个控件,就是Google

时光轴二之RecyclerView版时光轴效果

因为现在RecyclerView是support-v7包中的新组件,是一个强大的滑动组件,与经典的ListView相比,同样拥有item回收复用的功能,但是直接把viewholder的实现封装起来,用户只要实现自己的viewholder就可以了,该组件会自动帮你回收复用每一个item. 它不但变得更精简,也变得更加容易使用,而且更容易组合设计出自己需要的滑动布局. 使用它的理由: RecyclerView is a more advanced and flexible version of Li

50、自定义View练习（四）高仿小米时钟-使用Camera和Matrix实现3D效果

*本篇文章已授权微信公众号 guolin_blog (郭霖)独家发布本文出自:猴菇先生的博客 http://blog.csdn.net/qq_31715429/article/details/54668668 继续练习自定义View..毕竟熟才能生巧.一直觉得小米的时钟很精美,那这次就搞它~这次除了练习自定义View,还涉及到使用Camera和Matrix实现3D效果. 附上github地址: https://github.com/MonkeyMushroom/MiClockView 欢迎st

自定义view实现水波纹效果

今天看到一篇自定view 实现水波纹效果觉得真心不错学习之后再次写下笔记和心得.但是感觉原作者写得有些晦涩难懂,也许是本人愚笨所以重写此作者教程.原作者博文大家可以去看下,感觉他在自定义view方面非常厉害,本文是基于此作者原文重新改写,拥有大量像相似部分先看下效果吧: 1. 效果1: 2. 效果2 我先们来学习效果1: 效果1实现本质:用一张波形图和一个圆形图的图片,然后圆形图在波形图上方,然后使用安卓的图片遮罩模式desIn(不懂?那么先记住有这样一个遮罩模式).(只显示上部图像和下

Android属性动画与自定义View——实现vivo x6更新系统的动画效果

晚上好,现在是凌晨两点半,然后我还在写代码.电脑里播放着<凌晨两点半>,晚上写代码,脑子更清醒,思路更清晰. 今天聊聊属性动画和自定义View搭配使用,前面都讲到自定义View和属性动画,但是一起用的还是不多,刚巧今晚手机提示我更新系统,我看到那个更新的动画还不错,仔细的分析了一下,于是我也决定写一个,不是一模一样的,但是效果和原理是一样的. 先看看图: 这是一张静态的图,这里有三个波浪线,当下载完之后,波浪线会往上活动,一直到消失. 所以难点也是在这个波浪线上.这个波浪线类似于一个水波纹,也

Android自定义View——仿vivo i管家病毒扫描动画效果

技术是永无止境的,如果真的爱技术,那就勇敢的坚持下去.我很喜欢这句话,当我在遇到问题的时候.当我觉得代码枯燥的时候,我就会问自己,到底是不是真的热爱技术,这个时候,我心里总是起着波澜,我的答案是肯定的,我深深的爱着这门技术. 今天我们继续聊聊Android的自定义View系列.先看看效果吧: 这个是我手机杀毒软件的一个动画效果,类似于雷达搜索,所以用途还是很广泛的,特别是先了解一下这里的具体逻辑和写法,对技术的进步一定很有用. 先简单的分析一下这里的元素,主要有四个圆.一个扇形.还有八条虚线.当