利用Android属性动画实现有趣的加载中动效

最新推荐文章于 2024-05-23 21:14:49 发布
最新推荐文章于 2024-05-23 21:14:49 发布
阅读量508 收藏 1
点赞数
文章标签： android 动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38237224/article/details/119987757
版权

本文目的

平时Android项目中看到的加载中的动效基本上就是转圈的形式，有点审美疲劳。前一篇文章通过ViewGroup做了一个简单的加载中的动效，上一篇文章的主要知识点基于ViewGroup实现自定义组合视图。本文仍然是基于ViewGroup实现自定义组合视图，将重点展示如何充分利用Android提供的属性动效实现一个有趣的加载中动效。文中较多的使用了位移动效，透明度动效。

效果介绍

实现了一个太阳升级/落下，月亮升起落下/星星眨眼的动效，组合起来之后可以作为加载中动效
在这里插入图片描述

自定义View代码

本次基于自定义视图绘制的形状包括太阳/月亮/星星三类自然景物。首先太阳绘制的基本思路是画完圆形之后，绘制横线并且进行画布的旋转，即可实现太阳光线。关键代码如下：

/**
 * 绘制太阳
 * @param canvas
 */
private void drawSun(Canvas canvas){
    //将画布平移至中心点
    canvas.translate(width/2+getPaddingLeft(),height/2+getPaddingTop());
    //画圆
    canvas.drawCircle(0,0,sunRadius,sunPaint);
    //画光线
    drawSunshine(canvas);
}
……
private void drawSunshine(Canvas canvas){
    /**
     * 逐个绘制光线，绘制10条线
     */
    if(index_draw_sunshine < 10 && index_draw_sunshine >= 0){
        for(int i=0 ;i<=index_draw_sunshine;i++){
            canvas.drawLine(sunRadius+10, 0, sunRadius+30,0,sunshinePaint);
            canvas.rotate(-360/MAX_COUNT);
        }
        index_draw_sunshine++;
        postInvalidateDelayed(20);
    }else{
        for(int i=0 ;i<index_draw_sunshine;i++){
            canvas.drawLine(sunRadius+10, 0, sunRadius+30,0,sunshinePaint);
            canvas.rotate(-360/MAX_COUNT);
        }
    }
}

绘制月亮的基本方法是通过绘制两端圆弧连接实现，过程中需要平移画布的位置实现，过程代码如下：

//绘制月亮
private void drawMoon(Canvas canvas){
    canvas.translate(width/2+getPaddingLeft(),height/2+getPaddingTop());
    //绘制大圆弧
    RectF oval = new RectF(-sunRadius , -sunRadius , sunRadius ,sunRadius);
    canvas.drawArc(oval , -120 , 240 , false , sunPaint);
    //绘制小圆弧
    RectF oval1 = new RectF(-2*sunRadius , -sunRadius , 0 ,sunRadius);
    canvas.drawArc(oval1 , -60 , 120 ,false ,sunPaint);
}

绘制星星的基本思路是先计算得到星星绘制所需要的10个点的横纵坐标，然后基于Path连接这些坐标点即可，代码如下

/**
 * 自定义视图实现星星
 */
public class StarView extends View {
    /**
     * 绘制星星所需的内径和外径
     */
    private int outRadius , innerRadius;
    private Paint mPaint;
    private int[][] points = new int[10][2];
    private static final int NUM_POINTS = 10;
    /**
     * 视图的宽度和高度
     */
    private int width,height;
    /**
     * 星星在父类视图的左上坐标，半径
     */
    private int x , y;
    private int size;
    public StarView(Context context) {
        super(context);
        initPaint();
    }

    public StarView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        initPaint();
    }

    public StarView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initPaint();
    }

    private void initPaint(){
        if(null == mPaint){
            mPaint = new Paint();
            mPaint.setAntiAlias(true);
            mPaint.setStyle(Paint.Style.STROKE);
            mPaint.setStrokeWidth(3);
            mPaint.setColor(getResources().getColor(R.color.purple_200));
        }
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        width = getMeasuredWidth() - getPaddingLeft() - getPaddingRight();
        height = getMeasuredHeight() - getPaddingTop() - getPaddingBottom();
        outRadius = Math.min(width,height)/4;
        innerRadius = outRadius/2;
        getPositions();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        drawStar(canvas);
    }

    /**
     * 使用Path绘制星星
     * @param canvas
     */
    private void drawStar(Canvas canvas){
        Path path = new Path();
        for(int i = 0 ; i < NUM_POINTS ; i++){
            if(i == 0){
                path.moveTo(points[i][0] , points[i][1]);
            }else{
                path.lineTo(points[i][0] , points[i][1]);
            }
        }
        path.close();
        canvas.drawPath(path,mPaint);
    }

    /**
     * 计算星星的顶点坐标
     * @return
     */
    private int[][] getPositions(){
        int center_x = width/2 + getPaddingLeft();
        int center_y = height/2 + getPaddingTop();
        for(int i = 0 ; i < NUM_POINTS ; i++){
            int r = (i%2 == 0 ? outRadius : innerRadius);
            double angle = -Math.PI / 10 + i*2*Math.PI / 10 ;
            //横坐标
            points[i][0] = (int)(r*Math.cos(angle)) + center_x;
            //纵坐标
            points[i][1] = (int)(r*Math.sin(angle)) + center_y;
        }
        return points;
    }

    public int getPositionX() {
        return x;
    }

    public void setPositionX(int x) {
        this.x = x;
    }

    public int getPositionY() {
        return y;
    }

    public void setPositionY(int y) {
        this.y = y;
    }

    public int getSize() {
        return size;
    }

    public void setSize(int size) {
        this.size = size;
    }
}

实现动效的代码

本次加载中动效分为4个步骤实现：1.太阳落下{@link #sunSet()}；2.月亮升起并且星星显示{@link #moonRise()}；月亮和星星收起{@link #moonStarVanish()}；4.太阳升起{@link #sunRise()}。过程代码如下：

/**
 * 本次加载中动效分为4个步骤实现：1.太阳落下{@link #sunSet()}；2.月亮升起并且星星显示{@link #moonRise()}；
 * 3.月亮和星星收起{@link #moonStarVanish()}；4.太阳升起{@link #sunRise()}
 */
public class LoadingView extends FrameLayout {
    private SunMoonView sunMoonView;
    /**
     * 全部的星星将通过addView添加，此处缓存添加的星星对象，用于对星星设置动效
     */
    private List<StarView> starViews = new ArrayList<>();
    /**
     * 整体布局宽度，高度
     */
    private int width , height;
    /**
     * 太阳的视图半径，星星最大半径
     */
    private int sunRadius , starMaxRadius;
    /**
     * 太阳和月亮落下，升起时的位移距离
     */
    private int shiftDistance;
    /**
     * 上升和下降的组合动效
     */
    private AnimatorSet upAnimatorSet,downAnimatorSet;
    private static final String TAG = "LoadingView";

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

    }

    public LoadingView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);
    }

    public LoadingView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);
    }

    private void init(Context context , AttributeSet attrs){
        LayoutInflater.from(context).inflate(R.layout.layout_loading_view,this , true);
        sunMoonView = findViewById(R.id.sun_moon_view);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        width = getMeasuredWidth() - getPaddingLeft() - getPaddingRight();
        height = getMeasuredHeight() - getPaddingTop() - getPaddingBottom();
        sunRadius = Math.min(width , height) / 5;
        starMaxRadius = sunRadius / 2;
        shiftDistance = height/2 + sunRadius;
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        removeAllViews();
        post(new Runnable() {
            @Override
            public void run() {
                layoutSunMoon();
                sunSet();
            }
        });
    }

    /**
     * 设置太阳月亮初始位置
     */
    private void layoutSunMoon(){
        ViewGroup.MarginLayoutParams layoutParams  = (ViewGroup.MarginLayoutParams)sunMoonView.getLayoutParams();
        layoutParams.width = 2*sunRadius;
        layoutParams.height = layoutParams.width;
        layoutParams.leftMargin = width/2 - sunRadius;
        layoutParams.topMargin = height/2 - sunRadius;
        sunMoonView.setLayoutParams(layoutParams);
        addView(sunMoonView);
    }

    /**
     * 随机设置星星的位置
     */
    private void layoutStar(){
        Random random = new Random();
        int maxNum = height*2/5/2/starMaxRadius * width/2/starMaxRadius;
        int setNum = maxNum /2;
        //可以布置的行数
        int rows = height*2/5/2/starMaxRadius;
        //可以布置的列数
        int lines = width/2/starMaxRadius;
        starViews.clear();
        Log.d(TAG,"starMaxRadius = "+starMaxRadius+",sunRadius = "+sunRadius+",rows = "+rows + ",setNum = "+setNum);
        if(setNum > 0 ){
            for(int i = 0 ; i < setNum ; i++){
                StarView starView = new StarView(getContext());
                int x = i%lines*2*starMaxRadius + random.nextInt(starMaxRadius);
                int y = i/lines*2*starMaxRadius + random.nextInt(starMaxRadius);
                int size = starMaxRadius/2 + random.nextInt(starMaxRadius/2);
                starView.setPositionX(x);
                starView.setPositionY(y);
                starView.setSize(size);
                ViewGroup.MarginLayoutParams layoutParams = new ViewGroup.MarginLayoutParams(size*2,size*2);
                layoutParams.leftMargin = x;
                layoutParams.topMargin = y;
                starView.setLayoutParams(layoutParams);
                addView(starView);
                starViews.add(starView);
            }
        }
    }

    /**
     * 将dp值转为像素
     * @param dp 输入dp类型尺寸
     * @return
     */
    private int dp2px(int dp){
        float dpi = getContext().getResources().getDisplayMetrics().density;
        return (int)(dp*dpi + 0.5f);
    }

    /**
     * 1.日落
     */
    private void sunSet(){
        ObjectAnimator bottomShiftAnimator = ObjectAnimator.ofFloat(sunMoonView,"translationY",
                0,shiftDistance);
        ObjectAnimator rotateAnimator = ObjectAnimator.ofFloat(sunMoonView , "rotation",0,360);
        downAnimatorSet = new AnimatorSet();
        downAnimatorSet.playTogether(bottomShiftAnimator , rotateAnimator);
        downAnimatorSet.setDuration(3000);
        downAnimatorSet.setInterpolator(new DecelerateInterpolator());
        downAnimatorSet.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {

            }

            @Override
            public void onAnimationEnd(Animator animation) {
                postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        moonRise();
                    }
                } , 1000);
            }

            @Override
            public void onAnimationCancel(Animator animation) {

            }

            @Override
            public void onAnimationRepeat(Animator animation) {

            }
        });
        downAnimatorSet.start();
    }


    /**
     * 2.月出：月亮升起，星星出现和闪烁
     */
    private void moonRise(){
        layoutStar();
        sunMoonView.changeShape();
        ObjectAnimator upShiftAnimator = ObjectAnimator.ofFloat(sunMoonView,"translationY",
                shiftDistance,0);
        ObjectAnimator rotateAnimator = ObjectAnimator.ofFloat(sunMoonView , "rotation",-20,20);
        rotateAnimator.setRepeatCount(2);
        rotateAnimator.setRepeatMode(ObjectAnimator.REVERSE);
        upAnimatorSet = new AnimatorSet();
        upAnimatorSet.playTogether(upShiftAnimator , rotateAnimator);
        upAnimatorSet.setDuration(3000);
        upAnimatorSet.setInterpolator(new AccelerateInterpolator());
        upAnimatorSet.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {

            }

            @Override
            public void onAnimationEnd(Animator animation) {
                postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        starShink();
                    }
                } , 1000);
            }

            @Override
            public void onAnimationCancel(Animator animation) {

            }

            @Override
            public void onAnimationRepeat(Animator animation) {

            }
        });
        upAnimatorSet.start();
        starShow();
    }

    /**
     * 2.2设置星星闪烁
     */
    private void starShink(){
        for(int i = 0 ; i < starViews.size() ; i++){
            if(i % 2 == 0){
                ObjectAnimator alpha = ObjectAnimator.ofFloat(starViews.get(i),"alpha",
                        1.0f,0f);
                alpha.setDuration(1000);
                alpha.setRepeatCount(2);
                alpha.setRepeatMode(ValueAnimator.REVERSE);
                alpha.start();
                if((i == (starViews.size()-1)) | (i == (starViews.size()-1))){
                    alpha.addListener(new Animator.AnimatorListener() {
                        @Override
                        public void onAnimationStart(Animator animation) {

                        }

                        @Override
                        public void onAnimationEnd(Animator animation) {
                            postDelayed(new Runnable() {
                                @Override
                                public void run() {
                                    moonStarVanish();
                                }
                            } , 1000);
                        }

                        @Override
                        public void onAnimationCancel(Animator animation) {

                        }

                        @Override
                        public void onAnimationRepeat(Animator animation) {

                        }
                    });
                }
            }
        }
    }

    /**
     * 2.1设置星星显示
     */
    private void starShow(){
        for(int i = 0 ; i < starViews.size() ; i++){
            ObjectAnimator bottomShiftAnimator = ObjectAnimator.ofFloat(starViews.get(i),"translationY",
                    -3*starViews.get(i).getSize(),starViews.get(i).getPositionY());
            bottomShiftAnimator.setDuration(3000);
            bottomShiftAnimator.start();
        }

    }

    /**
     * 3.1设置星星隐藏
     */
    private void starHide(){
        for(int i = 0 ; i < starViews.size() ; i++){
            ObjectAnimator upShiftAnimator = ObjectAnimator.ofFloat(starViews.get(i),"translationY",
                    starViews.get(i).getPositionY(),-3*starViews.get(i).getSize());
            upShiftAnimator.setDuration(3000);
            upShiftAnimator.start();
        }
    }

    /**
     * 3.月亮落下，星星收起
     */
    private void moonStarVanish(){
        ObjectAnimator bottomShiftAnimator = ObjectAnimator.ofFloat(sunMoonView,"translationY",
                0,shiftDistance);
        ObjectAnimator rotateAnimator = ObjectAnimator.ofFloat(sunMoonView , "rotation",-20,20);
        rotateAnimator.setRepeatCount(1);
        rotateAnimator.setRepeatMode(ObjectAnimator.REVERSE);
        downAnimatorSet = new AnimatorSet();
        downAnimatorSet.playTogether(bottomShiftAnimator , rotateAnimator);
        downAnimatorSet.setDuration(3000);
        downAnimatorSet.setInterpolator(new DecelerateInterpolator());
        downAnimatorSet.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {

            }

            @Override
            public void onAnimationEnd(Animator animation) {
                postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        sunRise();
                    }
                } , 1000);
            }

            @Override
            public void onAnimationCancel(Animator animation) {

            }

            @Override
            public void onAnimationRepeat(Animator animation) {

            }
        });
        downAnimatorSet.start();
        starHide();
    }

    /**
     * 4.太阳升起
     * 结束后重新执行onFinishInflated()方法
     */
    private void sunRise(){
        sunMoonView.changeShape();
        ObjectAnimator upShiftAnimator = ObjectAnimator.ofFloat(sunMoonView,"translationY",
                shiftDistance,0);
        upShiftAnimator.setDuration(3000);
        upShiftAnimator.setInterpolator(new AccelerateInterpolator());
        upShiftAnimator.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {

            }

            @Override
            public void onAnimationEnd(Animator animation) {
                postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        //重写执行整个动效过程
                        onFinishInflate();
                    }
                } , 1000);
            }

            @Override
            public void onAnimationCancel(Animator animation) {

            }

            @Override
            public void onAnimationRepeat(Animator animation) {

            }
        });
        upShiftAnimator.start();
    }
}

动效使用

在需要引用的布局文件中引用相应的类，如下示例

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    tools:context=".MainActivity">

    <!--引用的加载中动效-->
    <com.guo.loadinganim.LoadingView
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:background="@color/gray"/>

</LinearLayout>

源码位置

https://gitee.com/com_mailanglidegezhe/loading-view2.git
qq_38237224
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android利用属性动画实现优酷菜单
01-20
利用属性动画实现优酷菜单，供大家参考，具体内容如下 布局文件 <RelativeLayout xmlns:android=http://schemas.android.com/apk/res/android xmlns:tools tools android:layout_width=fill_parent android:layout_height> <RelativeLayout android:layout_width=280dip android:layout_height=
安卓-Loading加载中动画
09-02
自定义安卓加载中动画，两种方式，随意变化。
推荐一款炫酷实用的Android加载视图库：LoadingView
gitblog_00088的博客
03-30 380
推荐一款炫酷实用的Android加载视图库：LoadingView 项目地址:https://gitcode.com/xiaokun19931126/LoadingView 在移动应用开发中，用户界面的交互体验至关重要，尤其是当应用程序需要加载数据时。一个美观且有趣的加载视图能够极大地提升用户体验，吸引用户的注意力。今天，我们要介绍的项目——xiaokun19931126/LoadingView，...
Android属性动画实现布局的下拉展开效果
09-02
主要为大家详细介绍了Android属性动画实现布局的下拉展开效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
AVLoadingIndicatorView
Makenna's World
01-08 394
  Step 1 Add dependencies in build.gradle. dependencies { compile 'com.wang.avi:library:2.1.3' }   Step 2 Add the AVLoadingIndicatorView to your layout: Simple &lt;com.w...
android三个小球互换位置loading动画
北京流年
01-05 5074
这是需要实现的效果，第一个球跟第二个球互换位置，第二个球跟第三个球互换位置，等，这里提供一个思路，先把代码全部贴上来 import com.example.loadingtest.R; import android.animation.Animator; import android.animation.AnimatorListenerAdapter; import android.ani
【CSS加载动画特效】28种纯CSS实现的加载loading动态特效（附源码）
热门推荐
赏樱看雪撸代码
07-11 1万+
CSS3实现多种load加载效果，纯CSS3实现多种加载中效果，纯CSS3实现28种加载动态效果，页面实现loading效果，好看的loading动态特效，animation与transform的灵活应用。
Android 花里胡哨的加载Loading动画
ZachRecord的博客
05-21 1万+
记录查找了一些实用的加载动画，真的是花里胡哨！！！ 1. AVLoadingIndicatorView-master AVLoadingIndicatorView各种加载效果，适合做加载loading动画效果。 里面代码封装挺不错的，直接可以拷贝使用想要的loading效果 项目地址：https://github.com/baitutang1221/AVLoadingIndicatorView 2. CustomLoading-master 几种常用Android Progress效果，本例子
【Android】App开发-动画效果篇
m0_61151031的博客
11-27 3915
在我们玩手机的过程中，如果我们点击某一个页面时，会出现一个页面动画加载或者动画效果的现象。现在我们就来看看App开发中是如何实现动画效果的。
android 3个小球加载,requestAnimationFrame使用问题，做三个小球loading
weixin_33983620的博客
05-28 146
js版本：Document#wrap {margin: 0 auto;margin-top: 45%;width: 100px;height: 50px;border: 1px solid palegreen;position: relative;}span {position: absolute;display: inline-block;width: 20px;height: 20px;bor...
android实现模拟加载中的效果
09-01
本篇文章主要介绍的是android实现模拟加载中的效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
利用Android中的TextView实现逐字显示动画
09-01
在安卓程序启动的时候，想逐字显示一段话，每个字都有一个从透明到不透明的渐变动画。那如何显示这个效果，下面一起来看看。
Android使用View Animation实现动画加载界面
08-27
主要为大家详细介绍了Android使用View Animation实现动画加载界面的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
自定义动态跳动的三个加载小点
豌豆的专栏
11-08 2207
先说下背景把，最近sdk改版，中间有一个加载框，其实就是显示一串提示字，但是有时需要加载的时间比较长，用户又不能做其他操作，时间久了，感觉界面像卡死一样，不然，其实还在加载，体验非常不好，所以想在文字后边加三个加载的小点不停的跳动。技术实现方式 写三个字符串，把这段拼接到文字后边，开个handler 间隔一百毫秒换一个，也可以实现，但是有个问题，如果这样的每个页面都要写个handler 去设置它，并
Android 实现人脸识别检测时的扫描动画效果（二维码扫描动画效果同理）
u010231454的专栏
12-13 6831
(PS：超过5M的gif上传不了，所以只录了一个轮回的，3M多，看着貌似是卡顿，其实是帧数太少，具体应用到代码中Run起来看效果)App现在二维码扫描、人脸扫描的场景越来越多，扫描的动画效果实则就是平移动画：TranslateAnimation。（有更多的建议和方式，欢迎评论，一起交流学习~^_^）Run一下，看效果。
Android自定义View高级动效---粒子动效实现|音乐播放器粒子动效|实现酷我网易云粒子动效
qq_38237224的博客
10-06 1450
篇章目标介绍 之前看到网易云，酷我音乐都发布过用于播放器页面粒子动效的效果，于是打算自己也动手做一个，产品目标是对标酷我手机app的动效设计，实现过程完全基于自身的推测理解予以实现。计划通过两次完全完成这个项目，第一篇文章重点介绍粒子动效实现的核心问题和完成效果的主要代码介绍；计划在第二篇文章针对粒子动效的资源占用进行优化和完善UI展示效果。本文是第一篇文章 粒子动效核心问题 粒子动效的是需要模拟太阳光扩散的效果，要体现粒子运动的规律和源源不断的粒子发散的效果。要达成目标，重点需要认识以下4个问题 问题1：
android 一个textview多处点击_Android补间动画实现loading和扫描动画
weixin_39771775的博客
11-27 171
loading动画使用RotateAnimation实现旋转动画。从0度到360度，从控件自身50%处开始。pivotX和pivotY都是相对自身长度的50%。动画旋转次数为无限次。这是用于旋转的图片。图片资源很重要，类似这样的图片才会实现效果2. 扫描动画在一个帧布局里面放四个ImageView(每个ImageView都加载一个纯色的shape)和一个TextView(背景为一个图片)。点击...
Android补间动画-雷达扫描效果
henkun的博客
12-26 434
动画扫描效果 先看一下效果： 实现过程 首先在布局中添加四个imageview，背景色可以设置成橘黄色，通过shape文件将四个imageview设置成圆形。 布局文件demo.xml <ImageView android:id="@+id/iv_scan_1" android:layout_width="100dp" android:l...
安卓手机APP开发__Wi-Fi扫描概述
最新发布
红孩儿编程大师
05-23 839
你能使用Wi-Fi的扫描能力,通过使用Wifi管理器API来得到Wi-Fi的扫描过程.
android fragment中webview的加载动效
03-27
Android中的WebView是一个常用的控件，可以用来显示网页或者本地HTML文件。在Fragment中使用WebView时，我们可以通过加载动效来提高用户体验。 以下是一些常用的WebView加载动效： 1. 进度条动效：使用进度条来...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值