Android自定义View基础篇（二）

最新推荐文章于 2024-05-31 14:08:04 发布
最新推荐文章于 2024-05-31 14:08:04 发布
阅读量1.4k 收藏 3
点赞数 3
文章标签： android 自定义View 加载提示框
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012551350/article/details/50937874
版权

近来在win10上面看到了加载做得很酷炫，自己也想在Android上实现类似的效果，来看下效果图：

blue

green

是不是有点类似，首先先讲两种使用方法

使用方法一

和基础控件一样：

    <com.github.ws.loadingview.app.LoadingView xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="visible"
        app:ballColor="#00ff00"
        app:ballNumber="6" />

app:ballColor表示小球的颜色，app:ballNumber表示小球的个数。

使用方法二

        LoadingDialog dialog=new LoadingDialog(this);
        dialog.show();

实现过程

我们看完了使用方法，接下来我们深入到代码中去了解如何实现的。后面我会附上源码及下载地址。

values文件夹新建attrs：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="LoadingView">
        <attr name="ballColor" format="color"></attr>
        <attr name="ballNumber" format="integer" />
    </declare-styleable>

</resources>

自定义属性：

        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.LoadingView, defStyleAttr, 0);
        ballColor = ta.getColor(R.styleable.LoadingView_ballColor, Color.parseColor("#ff0000"));
        ballNumber = ta.getInteger(R.styleable.LoadingView_ballNumber, 6);
        ta.recycle();

onMeasure方法：

        if (widthSpecMode == MeasureSpec.AT_MOST && heightSpecMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(getDefaultMeasureSpec()[0], getDefaultMeasureSpec()[1]);
        } else if (widthSpecMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(getDefaultMeasureSpec()[0], heightSpecSize);
        } else if (heightSpecMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(widthSpecSize, getDefaultMeasureSpec()[1]);
        }else {
            setMeasuredDimension(widthSpecSize, heightSpecSize);
        }

我们需要需要绘制，重写onDraw()方法，我们先来看一张草图，自己画的，不是很清晰凑合着看：

caotu

小圆的坐标：

float x = (float) (centerPointX + loadRadius * Math.cos(Math.toRadians(a)));

float y = (float) (centerPointY + loadRadius * Math.sin(Math.toRadians(a)));

开始a的角度是-90度，可以从效果图中看到小球运动一圈后会隐藏0.5秒，一圈的角度刚好是360度，当然这是一个小球的角度，当我们有6个小球的情况呢？

   if ((angle + BALLS_DISTANCE * (i - (ballNumber - 1))) > CIRCLE_ANGLE) {       //第一个小球运动了360度隐藏,最后一个小球运动了360度 ，第一个小球又显示出来。 
                mPaint.setAlpha(0);
                if (angle > CIRCLE_ANGLE + BALLS_DISTANCE * (ballNumber - 1)) {
                    handler.sendEmptyMessageDelayed(MSG_BALL_GONE, 500);
                }
            } else {
                mPaint.setAlpha(255);
            }

sendEmptyMessageDelayed发送了消息，0.5秒后重置小球的位置状态：

if (msg.what == MSG_BALL_GONE) {
                isShow = true;
                angle = 0;
                handler.removeMessages(MSG_BALL_GONE);
                invalidate();
            }

然后就是对isShow的一个状态处理：

            if (isShow) {
                if (angle + BALLS_DISTANCE * i < BALLS_DISTANCE * (ballNumber - 1)) {
                    mPaint.setAlpha(0);
                }
                if (angle > BALLS_DISTANCE * (ballNumber - 1)) {
                    isShow = false;
                }
            }

源码到这里就解析的差不多了，可能你有更好的办法来实现，我只是通过LoadingView来讲解自定义View的基础过程。如果你有更好的建议可以给我留言。下面是源码：

package com.github.ws.loadingview.app;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.View;
import android.view.WindowManager;

import com.github.ws.loadingview.R;

/**
 * Created by Administrator on 3/18 0018.
 */
public class LoadingView extends View {

    private Paint mPaint;
    private int ballColor;
    private int angle = 0;//旋转角度  0~360

    private int centerPointX;
    private int centerPointY;
    private int ballNumber; //默认小球数量为6

    private int loadRadius;
    private int ballRadius;

    private boolean isShow = false;

    private static final float LOADING_RADIUS = 1 / 16F;
    private static final float POINT_RADIUS = 1 / 8F;
    private static final int MOVE_ANGLE = 8;

    private static final int MSG_BALL_GONE = 2;
    private static final int MSG_BALL_VISIBLE = 1;

    private static final int BALLS_DISTANCE = 32;
    private static final int CIRCLE_ANGLE = 360;

    private Handler handler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            if (msg.what == MSG_BALL_VISIBLE) {
                angle += MOVE_ANGLE;
                handler.removeMessages(MSG_BALL_VISIBLE);
                invalidate();
            } else if (msg.what == MSG_BALL_GONE) {
                isShow = true;
                angle = 0;
                handler.removeMessages(MSG_BALL_GONE);
                invalidate();
            }
        }
    };

    public LoadingView(Context context) {
        super(context);
        init(context);
    }

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

    public LoadingView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.LoadingView, defStyleAttr, 0);
        ballColor = ta.getColor(R.styleable.LoadingView_ballColor, Color.parseColor("#ff0000"));
        ballNumber = ta.getInteger(R.styleable.LoadingView_ballNumber, 6);
        ta.recycle();
        init(context);
    }

    private void init(Context context) {
        this.setBackgroundColor(Color.parseColor("#6f000000"));
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setStyle(Paint.Style.FILL);
        mPaint.setColor(ballColor);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
        int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);

        if (widthSpecMode == MeasureSpec.AT_MOST && heightSpecMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(getDefaultMeasureSpec()[0], getDefaultMeasureSpec()[1]);
        } else if (widthSpecMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(getDefaultMeasureSpec()[0], heightSpecSize);
        } else if (heightSpecMode == MeasureSpec.AT_MOST) {
            setMeasuredDimension(widthSpecSize, getDefaultMeasureSpec()[1]);
        }

    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        loadRadius = (int) (Math.min(w, h) * LOADING_RADIUS);
        ballRadius = (int) (loadRadius * POINT_RADIUS);
        centerPointX = w / 2;
        centerPointY = h / 2;
        super.onSizeChanged(w, h, oldw, oldh);
    }


    private int[] getDefaultMeasureSpec() {
        WindowManager wm = (WindowManager) getContext().getSystemService(
                Context.WINDOW_SERVICE);
        DisplayMetrics outMetrics = new DisplayMetrics();
        wm.getDefaultDisplay().getMetrics(outMetrics);
        return new int[]{outMetrics.widthPixels, outMetrics.heightPixels};
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        for (int i = 0; i < ballNumber; i++) {
            //90度 开始转动
            float x = (float) (centerPointX + loadRadius * Math.cos(Math.toRadians(90 + angle + BALLS_DISTANCE * (i - (ballNumber - 1)))));
            float y = (float) (centerPointY + loadRadius * Math.sin(Math.toRadians(90 + angle + BALLS_DISTANCE * (i - (ballNumber - 1)))));
            if ((angle + BALLS_DISTANCE * (i - (ballNumber - 1))) > CIRCLE_ANGLE) {
                mPaint.setAlpha(0);
                if (angle > CIRCLE_ANGLE + BALLS_DISTANCE * (ballNumber - 1)) {
                    handler.sendEmptyMessageDelayed(MSG_BALL_GONE, 500);
                }
            } else {
                mPaint.setAlpha(255);
            }
            if (isShow) {
                if (angle + BALLS_DISTANCE * i < BALLS_DISTANCE * (ballNumber - 1)) {
                    mPaint.setAlpha(0);
                }
                if (angle > BALLS_DISTANCE * (ballNumber - 1)) {
                    isShow = false;
                }
            }
            canvas.drawCircle(x, y, ballRadius, mPaint);
        }
        handler.sendEmptyMessageDelayed(MSG_BALL_VISIBLE, 15);  //旋转快慢  合适自己调整
    }

    /**
     * 小球颜色
     *
     * @param ballColor
     */
    public void setBallColor(int ballColor) {
        this.ballColor = ballColor;
        if (mPaint != null) {
            mPaint.setColor(ballColor);
        }
    }

    /**
     * 小球的数量
     *
     * @param ballNumber
     */
    public void setBallNumber(int ballNumber) {
        this.ballNumber = ballNumber;
    }


}

分享给大家github地址

u012551350
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
android自定义view阴影,Android打造万能自定义阴影控件
weixin_39966225的博客
05-25 1222
目录介绍01.阴影效果有哪些实现方式02.实现阴影效果Api03.设置阴影需要注意哪些04.常见Shape实现阴影效果05.自定义阴影效果控件06.如何使用该阴影控件07.在recyclerView中使用注意点01.阴影效果有哪些实现方式阴影效果有哪些实现方式第一种：使用CardView，但是不能设置阴影颜色第二种：采用shape叠加，存在后期UI效果不便优化第三种：UI切图第四种：自定义View...
Android自定义View绘制的方法及过程（二）
01-21
上一篇《Android 自定义View(一) Paint、Rect、Canvas介绍》讲了最基础的如何自定义一个View，以及View用到的一些工具类。下面讲下View绘制的方法及过程 public class MyView extends View { private String TAG =...
Android自定义View基础篇--坐标系
qq_36639105的博客
10-28 1317
Android自定义View基础边-坐标系
Android自定义View(一) 基础篇
mChenys的博客
01-23 2727
目录一、基本结构1.1 重写onMeasure 方法 一、基本结构 组件主要由两部分构成：组件类和属性定义。我们从第一种定义方式说起创建自定义组件类最基本的做法就是继承自类 View，其中，有三个构造方法和两个重写的方法又是重中之重。下面是自定义组件类的基本结构： public class MyView extends View { public MyView(Context context) { super(context); } public MyView(Co
android自定义view大小,Android自定义View（一）--基础知识
weixin_33925615的博客
05-26 985
一：自定义View绘制流程函数调用链二.几个重要的函数构造函数是View的入口，可以用于初始化一些的内容，和获取自定义属性。View的构造函数有四种重载分别如下:public void SloopView(Context context) {}public void SloopView(Context context,AttributeSet attrs) {}public void SloopV...
Android自定义View的四种方式
nihaomabmt的专栏
12-01 6656
一 前言 在Android开发中有很多业务场景，原生的控件是无法满足应用，并且经常也会遇到一个UI在多处重复使用情况，那么就需要通过自定义View的方式来实现这些UI效果。作为一个Android开发工程师自定义View属于一个必备技能。 像前几天正好做了一个上传本地图片的网格UI，点击相机的icon就可以上传选择本地图片，选中图片之后就可以显示的界面上。本来可以使用Android原生GridView，但是这个控件由于嵌套到ScrollView中，所以导致滑动事件冲突，当然网上...
Android 自定义View (二) 进阶
热门推荐
Hongyang
04-22 7万+
继续自定义View之旅，前面已经介绍过一个自定义View的基础的例子，Android 自定义View (一)，如果你还对自定义View不了解可以去看看。今天给大家带来一个稍微复杂点的例子。 自定义View显示一张图片，下面包含图片的文本介绍，类似相片介绍什么的，不过不重要，主要是学习自定义View的用法么。 还记得上一篇讲的4个步骤么: 1、自定义View的属性 2、在View的构
Android自定义View基础篇（一）
文淑的博客
03-17 2245
在讲解之前，我谈谈开发Android一年多以来的感受：大多数情况下只要会用，根本不管为什么要这么写，原理就更不会看了。代码真的很乱，没有规范，很多时候自己写的代码都不知道怎么改。就更别说扩展，复用，抽象。虽然做了6，7个项目，但真正踏实学到的东西不多。你呢？有何感想？来看看下面2张自定义的View：如果你经常玩游戏，在人物创建的界面会看到相似的图片，在Android应用中我基本没看到。只是通过对它的
Android自定义View(二) 自定义容器
mChenys的博客
01-23 2389
目录一、什么是自定义容器1.1 ViewGroup类1.2 ViewGroup的工作原理1.2.1 ViewGroup的onMeasure分析1.2.2 ViewGroup的onLayout分析1.2.3 ViewGroup的onDraw分析二、综合案例2.1 CornerLayout布局2.1.1 分析容器的宽高2.1.2 分析容器的内边距2.1.3 分析子View的外边距2.1.4 重写CornerLayout的onMeasure方法确定容器的宽高2.1.5 重写CornerLayout的onLayo
Android自定义View基础篇（三）之SwitchButton开关
文淑的博客
03-24 6115
自定义View基础篇（二）自定义View基础篇（一）自定义View原理我在讲解之前，先来看看效果图，有图有真相：(转换gif图片效果太差)那来看看真实图片：如果你要更改样式，请修改如下图片：switch_ballswitch_bgswitch_blackswitch_bottom我在这里就不重复讲解View与ViewGroup的关系，View的绘制流程，如果你对自定义View还不甚了解，请看上面几篇
Android自定义ViewGroup之WaterfallLayout（二）
01-20
上一篇我们学习了自定义ViewGroup的基本步骤，并做了一个CustomGridLayout的实例，这篇我们继续来说说自定义ViewGroup。 Android中当有大量照片需要展示的时候，我们可以用GridView作为照片墙，但是GridView太整齐...
Android自定义控件绘制基本图形基础入门
01-20
本文讲述绘制Android自定义各种图形效果，为自定义控件的入门篇 相关视频链接： Android自定义控件系列 http://edu.csdn.net/course/detail/3719/65396 Android视频全系列 ... 绘制点–这个控件只需要在布局中...
Android自定义控件深入学习 Android生成随机验证码
01-04
在上一篇的文章中介绍了自定义控件的属性，详情见《详解Android自定义控件属性TypedArray以及attrs》。那么在这基础上实现随机验证码生成，里面的代码是自定义控件以及涉及到自定义view绘画。 1、先看实现的效果图 ...
Android自定义控件实现简单的轮播图控件
01-20
最近要做一个轮播图的效果，网上看了几篇文章，基本上都能找到...指示器我们可以用一个线性布局来根据要展示的轮播图设置显示的View,我们要做这样的一个控件没有什么特殊的效果，其实就是两个控件的组合，只是我们要
Android中focusableInTouchMode会导致第一次点击事件失效
最新发布
Ung8023
05-31 88
我们很多时候会对某些View设置点击事件，但是，当对这个View同时设置了。，在Activity代码中对View设置点击事件。会被消费为为此View获取焦点。创建一个View，并同时指定了。
详解 QtAndroid::requestPermissionsSync
github_37290846的博客
05-27 308
在这个示例中，我们首先创建了一个包含所需权限的字符串列表，然后使用 QtAndroid::requestPermissionsSync 函数同步请求这些权限。根据用户的响应，我们可以决定是继续执行需要权限的操作，还是处理权限被拒绝的情况。然而，QtAndroid::requestPermissionsSync 提供了一个简单的同步解决方案，特别适用于某些需要立即获取权限的场景。最后，由于 Qt 和 Android 平台的不断更新，建议查阅最新的 Qt 文档以获取最准确和最新的信息。
android recyclerView緩存數量 recycleview的缓存
hcgeng的专栏
05-31 212
1.上下滑动，底部和顶部的Item会添加，这时会先根据viewHolder的position，从二级缓存中查找，存在，直接使用，不用重新绑定数据，直接将ViewHolder放入一级缓存。2.根据二级缓存数（不做设置，默认2），如果小于缓存数，直接放入二级缓存，否则，将二级缓存中最先放入的item，移出放入四级缓存，再将其放入二级缓存。第一次加载，1、2、4级缓存均无数据，所以会创建适配器，并从中绑定数据，再根据界面需显示的数据项，并将其viewholder设置到一级缓存中。并由内部类Recycle来管理。
Unity 之 Android 【获取设备的序列号 (Serial Number)/Android_ID】功能的简单封装
仙魁XAN
05-28 1048
Unity 是一个功能强大的跨平台游戏引擎，广泛用于开发视频游戏和其他实时3D互动内容，如模拟器和虚拟现实应用。Unity 进阶开发涉及更复杂的技术和更深入的知识，以创建高性能、复杂和专业的游戏和应用程序。
Android 自定义View
05-19
Android 自定义 View 是一种在 Android 应用程序中创建自定义用户界面元素的方式。它允许你创建独特的 UI 元素，以便更好地满足应用程序的需求。自定义 View 在 Android 应用程序中可以用于很多方面，如绘制图形、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值