一个简单到不行的loadingView加载控件小框架。

最新推荐文章于 2024-05-12 09:31:44 发布
最新推荐文章于 2024-05-12 09:31:44 发布
阅读量2.2k 收藏 4
点赞数
分类专栏： Android开发 文章标签： 加载 动画 loading 加载动画 框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tangjiarao/article/details/52536120
版权

不管如何，都努力吧。微笑只是为了纪念下第一次。

效果，，想哭，这gif转换软件醉了，失真严重


基本框架类定义了一些公用方法来修改该控件的外观，其中方法如下：

setInitView(View view, LayoutParams layoutParams)：设置初始布局，不能为null

setRefreshView(View view, LayoutParams layoutParams)：设置需要更新的布局，可以为null

startAppearAnimation()：开始显示布局动画

startDisappearAnimation()：开始布局消失动画

refreshView()：刷新布局

setViewSize(int width,int Height)：设置布局大小，如果设置了布局的大小，会变为圆角边框，默认覆盖全屏幕。

setViewColor(int colorString)：设置loadingView颜色，传入颜色是在xml里面定义的颜色id，默认透明黑色。

setViewPadding(int left,int top,int right,int bottom)：设置loading view的内距离，默认都为20。

setAppearDurationMillis(int appearDurationMillis)：设置显示loadingview动画持续时间，默认300毫秒。

setDisappearDurationMillis(int disappearDurationMillis)：设置loadingview消失动画持续时间，默认300毫秒。

<span style="font-size:14px;">import android.content.Context;
import android.graphics.drawable.GradientDrawable;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.AlphaAnimation;
import android.widget.RelativeLayout;

/**
 * Created by tangjiarao on 16/8/31.
 */
public class BaseLoadingView extends RelativeLayout {

    private Context context;

    /**
     * 布局属性
     */
    private LayoutParams mParams;
    /**
     * loadingView默认高度
     */
    private int viewHeight = ViewGroup.LayoutParams.MATCH_PARENT;

    /**
     * loadingView默认宽度
     */
    private int viewWidth = ViewGroup.LayoutParams.MATCH_PARENT;

    /**
     * loadingView默认颜色
     */
    private int baseView_bg =R.color.baseLoadingView_bg;

    /**
     * loadingView默认圆角
     */
    private int baseView_radius =15;
    /**
     * loadingView默认padding
     */
    private int baseView_paddingLeft =20;
    private int baseView_paddingTop =20;
    private int baseView_paddingRight =20;
    private int baseView_paddingBottom =20;
    /**
     * LoadingView 出现动画和消失动画
     */
    private AlphaAnimation disappearAnimation,appearAnimation;

    /**
     * 设置出现动画、消失动画默认时间
     */
    private int appearDurationMillis =300;
    private int disappearDurationMillis =300;

    /**
     * 储存初始化view及其params
     */
    private View initView;
    private LayoutParams initViewParams=null;
    /**
     * 储存初始化refreshView及其params
     */
    private View refreshView;
    private LayoutParams refreshViewParams=null;

    /**
     * 后增加view容器
     */
    private  RelativeLayout relativeLayout;

    /**
     * 每次结束loadingview后，记录relativeLayout，删除其内部对initView和refreshview的关联，解决bug
     */
    private RelativeLayout lastLayout=null;

    /**
     * 构造函数一
     * @param context
     */
    public BaseLoadingView(Context context){
        super(context);
        this.context=context;
        initViews();
    }

    /**
     * 构造函数二
     * @param context
     * @param initView  loading首次展现页面
     * @param refreshView  后展示页面
     */
    public BaseLoadingView(Context context,View initView,View refreshView){
        super(context);
        this.initView=initView;
        this.refreshView=refreshView;
        this.context=context;
        initViews();
    }

    /**
     * 初始化渐变动画
     */
    private void initViews() {

        appearAnimation = new AlphaAnimation(0, 1);
        disappearAnimation = new AlphaAnimation(1, 0);

    }

    /**
     * 设置布局参数
     */
    protected void setConfigure(){
        //为loadingView设置布局参数，这里覆盖整个屏幕
        mParams = new LayoutParams(viewWidth,viewHeight);
        mParams.addRule(RelativeLayout.CENTER_IN_PARENT);
        setLayoutParams(mParams);

        //设置padding
        setPadding(baseView_paddingLeft,baseView_paddingTop,baseView_paddingRight,baseView_paddingBottom);
        //为loadingView设置背景颜色、圆角
        setBackgroundResource(R.drawable.base_loadview_bg);

        GradientDrawable myGrad = (GradientDrawable)getBackground();
        myGrad.setColor(getResources().getColor(baseView_bg));
        myGrad.setCornerRadius(baseView_radius);

        //如果布满整个屏幕，则不设置圆角
        if (viewHeight==ViewGroup.LayoutParams.MATCH_PARENT
                &&viewWidth==ViewGroup.LayoutParams.MATCH_PARENT){
            myGrad.setCornerRadius(0);
        }
        //设置动画时间
        appearAnimation.setDuration(appearDurationMillis);
        disappearAnimation.setDuration(disappearDurationMillis);

        //新建一个RelativeLayout布局用来装载布局文件
        relativeLayout =new RelativeLayout(context);
        //设置relativeLayout布局
        LayoutParams mParams = new LayoutParams(
                LayoutParams.WRAP_CONTENT,
                LayoutParams.WRAP_CONTENT);
        mParams.addRule(RelativeLayout.CENTER_IN_PARENT);

        addView(relativeLayout,mParams);
    }


    /**
     * 增加view
     * @param view
     * @param layoutParams
     */
    private void addInnerViews(View view, LayoutParams layoutParams){

        if (layoutParams==null)
            relativeLayout.addView(view);
        else
            relativeLayout.addView(view, layoutParams);
    }

    /**
     * 设置初始化布局
     * @param view  加载的view
     * @param layoutParams  加载规则，没有制null
     */
    public void setInitView(View view, LayoutParams layoutParams){
        this.initView =view;
        this.initViewParams=layoutParams;
    }

    /**
     * 设置刷新布局
     * @param view
     * @param layoutParams
     */
    public void setRefreshView(View view, LayoutParams layoutParams){
        this.refreshView =view;
        this.refreshViewParams=layoutParams;
    }
    /**
     * 开始出现动画
     */
    public void startAppearAnimation(){

        //清空上一次relativelayout布局
        if (lastLayout!=null)
            lastLayout.removeAllViews();
        //配置LoadingView布局
        setConfigure();
        //加载初始化view
        addInnerViews(initView, initViewParams);
        super.startAnimation(appearAnimation);

    }
    /**
     * 刷新布局
     */
    public void refreshView(){
        relativeLayout.removeAllViews();
        addInnerViews(refreshView, refreshViewParams);

    }
    /**
     * 开始消失动画
     */
    public void startDisappearAnimation(){
        super.startAnimation(disappearAnimation);
        lastLayout =relativeLayout;
    }

    /**
     * 设置布局大小
     * @param width
     * @param Height
     */
    public void setViewSize(int width,int Height){
        if (width==0&&Height==0){
            this.viewWidth =ViewGroup.LayoutParams.WRAP_CONTENT;
            this.viewHeight =ViewGroup.LayoutParams.WRAP_CONTENT;
            return;
        }
        this.viewWidth =width;
        this.viewHeight =Height;
    }

    /**
     * 设置背景颜色
     * @param colorString
     */
    public void setViewColor(int colorString){
        this.baseView_bg =colorString;
    }

    /**
     * 设置padding
     * @param left
     * @param top
     * @param right
     * @param bottom
     */
    public void setViewPadding(int left,int top,int right,int bottom){
        this.baseView_paddingLeft =left;
        this.baseView_paddingTop =top;
        this.baseView_paddingRight = right;
        this.baseView_paddingBottom =bottom;
    }

    /**
     * 设置动画出现持续时间
     * @param appearDurationMillis
     */
    public void setAppearDurationMillis(int appearDurationMillis) {
        this.appearDurationMillis = appearDurationMillis;
    }

    /**
     * 设置动画消失持续时间
     * @param disappearDurationMillis
     */
    public void setDisappearDurationMillis(int disappearDurationMillis) {
        this.disappearDurationMillis = disappearDurationMillis;
    }

    /**
     * 返回动画实例，给调用者获取动画的监听
     * @return
     */
    public AlphaAnimation getAppearAnimation() {
        return appearAnimation;
    }

    /**
     * 返回动画实例，给调用者获取动画的监听
     * @return
     */
    public AlphaAnimation getDisappearAnimation() {
        return disappearAnimation;
    }
}</span>


使用步骤：

1.加载该控件的view需要是RelativeLayout或者FrameLayout布局。

<span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/contentLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="tplusr.loadingview.MainActivity">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <Button
            android:id="@+id/bt1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="xml加载1" />
        <Button
            android:id="@+id/bt2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="xml加载2" />
        <Button
            android:id="@+id/bt3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="code加载1" />
        <Button
            android:id="@+id/bt4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="code加载2" />
    </LinearLayout>

</RelativeLayout></span>

2.创建BaseLoadingView子类

在子类里面设置loading view的相关外观方法，但是我留到Activity里面设置了。最重要就是要为其设置初始布局还有更新布局(可选)。这两个布局通过xml来定义：

<span style="font-size:14px;">import android.content.Context;
import android.graphics.drawable.AnimationDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.animation.Animation;
import android.widget.Button;
import android.widget.ImageView;

import tplusr.library.BaseLoadingView;

/**
 * Created by tangjiarao on 16/9/1.
 * 使用xml布局文件设置LoadingView样式
 */
public class XmlLoadingView extends BaseLoadingView {

    //帧动画
    private AnimationDrawable AniDraw;
    private Context context;

    //loadImageview
    private ImageView loadImageView;

    LayoutInflater flater ;

    private Button b1 , b2;

    public XmlLoadingView(Context context) {
        super(context);
        this.context=context;
        flater= LayoutInflater.from(context);
        setInitView();
        setReFreshView();
        setListener();
    }

    /**
     * 设置开始加载时的界面
     */
    private void setInitView(){

        View view = flater.inflate(R.layout.init_view, null);
        loadImageView=(ImageView)view.findViewById(R.id.loadimage);
        loadImageView.setBackgroundResource(R.drawable.load_animation);
        AniDraw = (AnimationDrawable) loadImageView.getBackground();

        super.setInitView(view, null);
    }

    /**
     * 设置更新的界面
     */
    private void setReFreshView(){

        View view = flater.inflate(R.layout.refresh_view, null);
        super.setRefreshView(view, null);
        b1 =(Button)view.findViewById(R.id.bt1);
        b2 =(Button)view.findViewById(R.id.bt2);
    }

    /**
     * 获取回调
     */
    public void setListener(){
        super.getDisappearAnimation().setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {
                AniDraw.stop();
            }

            @Override
            public void onAnimationEnd(Animation animation) {

            }

            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });
        super.getAppearAnimation().setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {
                AniDraw.start();
            }

            @Override
            public void onAnimationEnd(Animation animation) {

            }

            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });
    }
    public void setOnClickListener(OnClickListener onClickListener){
        b1.setOnClickListener(onClickListener);
        b2.setOnClickListener(onClickListener);
    }
}
</span>

init_view.xml

<span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/loadimage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"/>
    <TextView
        android:id="@+id/loadtext"
        android:layout_below="@+id/loadimage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="正在加载更多.."
        android:layout_centerHorizontal="true"/>

</RelativeLayout></span>
refresh_view.xml 

<span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:gravity="center">


        <TextView
            android:id="@+id/bigTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#FFF"
            android:text="加载完成"
            android:textSize="15dp"/>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="30dp"
            android:orientation="vertical">
            <Button
                android:id="@+id/bt1"
                android:layout_width="100dp"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:background="@drawable/btn_selector"
                android:text="选择1"
                android:textColor="#FFF"
                android:textSize="12dp"
                />

            <Button
                android:id="@+id/bt2"
                android:layout_width="100dp"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:gravity="center"
                android:background="@drawable/btn_selector"
                android:text="选择2"
                android:textColor="#FFF"
                android:textSize="12dp"
                />
        </LinearLayout>
    </LinearLayout>

</LinearLayout></span>

当然你也可以用代码来写这个布局: 

<span style="font-size:14px;">import android.content.Context;
import android.graphics.Color;
import android.graphics.drawable.AnimationDrawable;
import android.view.animation.Animation;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.RelativeLayout;

import tplusr.library.BaseLoadingView;

/**
 * Created by tangjiarao on 16/7/15.
 *
 * 默认加载view
 */
public class CodeLoadingView extends BaseLoadingView {

    //帧动画
    private AnimationDrawable AniDraw;
    private Context context;

    //loadImageview
    private ImageView loadImageView;

    //加载图标
    private int loadImage=R.drawable.load_animation;


    private Button bt;

    public CodeLoadingView(Context context) {
        super(context);
        this.context =context;
        setInitView();
        setReFreshView();
        setListener();
    }

    /**
     * 设置开始加载时的界面
     */
    public void setInitView(){

        //设置relativeLayout布局
        LayoutParams mParams = new LayoutParams(
                LayoutParams.WRAP_CONTENT,
                LayoutParams.WRAP_CONTENT);

        mParams.addRule(RelativeLayout.CENTER_IN_PARENT);

        //加载过程中的图标
        loadImageView = new ImageView(context);

        //loadImage设置背景
        loadImageView.setBackgroundResource(loadImage);
        AniDraw = (AnimationDrawable) loadImageView.getBackground();

        super.setInitView(loadImageView,mParams);

    }

    /**
     * 获取回调
     * 这里需要监听动画完成，然后停止图片转动。
     */
    public void setListener() {
        super.getDisappearAnimation().setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {
                AniDraw.stop();
            }

            @Override
            public void onAnimationEnd(Animation animation) {

            }
            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });
        super.getAppearAnimation().setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {
                AniDraw.start();
            }

            @Override
            public void onAnimationEnd(Animation animation) {

            }
            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });
    }
    public void setOnClickListener(OnClickListener onClickListener){
        bt.setOnClickListener(onClickListener);
    }

    /**
     * 设置更新的界面
     */
    public void setReFreshView(){

        LayoutParams mParams = new LayoutParams(
                LayoutParams.WRAP_CONTENT,
                LayoutParams.WRAP_CONTENT);

        mParams.addRule(RelativeLayout.CENTER_IN_PARENT);
        bt =new Button(context);
        bt.setText("选择");
        bt.setTextColor(Color.WHITE);
        bt.setBackgroundResource(R.drawable.btn_selector);

        super.setRefreshView(bt, mParams);
    }

}</span>
3.在Activity调用通过contentLayout的add方法来增加该控件，主要有4小步： 

<span style="font-size:14px;">package tplusr.loadingview;

import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.widget.Button;
import android.widget.RelativeLayout;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    private XmlLoadingView xmlLoadingView;
    private CodeLoadingView codeLoadingView;
    private RelativeLayout contentLayout;
    private Button bt1,bt2,bt3,bt4;

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initViews();
    }

    /**
     * 初始化
     */
    public void initViews(){

        contentLayout = (RelativeLayout)findViewById(R.id.contentLayout);
        codeLoadingView=new CodeLoadingView(MainActivity.this);
        xmlLoadingView =new XmlLoadingView(MainActivity.this);
        bt1=(Button)findViewById(R.id.bt1);
        bt2=(Button)findViewById(R.id.bt2);
        bt3=(Button)findViewById(R.id.bt3);
        bt4=(Button)findViewById(R.id.bt4);
        bt1.setOnClickListener(this);
        bt2.setOnClickListener(this);
        bt3.setOnClickListener(this);
        bt4.setOnClickListener(this);

        /**
         * 动画消失时要处理的事情
         */
        xmlLoadingView.getDisappearAnimation().setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {

            }

            @Override
            public void onAnimationEnd(Animation animation) {
                bt1.setVisibility(View.VISIBLE);
                bt2.setVisibility(View.VISIBLE);
                bt3.setVisibility(View.VISIBLE);
                bt4.setVisibility(View.VISIBLE);

                contentLayout.removeView(xmlLoadingView);
            }

            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });
        codeLoadingView.getDisappearAnimation().setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {

            }

            @Override
            public void onAnimationEnd(Animation animation) {
                bt1.setVisibility(View.VISIBLE);
                bt2.setVisibility(View.VISIBLE);
                bt3.setVisibility(View.VISIBLE);
                bt4.setVisibility(View.VISIBLE);

                contentLayout.removeView(codeLoadingView);
            }

            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });

    }

    /**
     * 模拟延迟加载
     * @param flag
     */
    public void loading(final int flag){
        new Thread(new Runnable() {
            @Override
            public void run() {
                try {
                    Thread.sleep(2000);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
                Message msg = new Message();
                msg.what=flag;
                mHandler.sendMessage(msg);
            }
        }).start();
    }

    /**
     * 点击事件
     * @param v
     */
    public void onClick(View v) {
        bt1.setVisibility(View.INVISIBLE);
        bt2.setVisibility(View.INVISIBLE);
        bt3.setVisibility(View.INVISIBLE);
        bt4.setVisibility(View.INVISIBLE);
        switch (v.getId()){
            case R.id.bt1:
                xmlLoadingView.setViewSize(250, 150);
                xmlLoadingView.setViewColor(R.color.colorAccent);
                xmlLoadingView.startAppearAnimation();
                contentLayout.addView(xmlLoadingView);
                loading(1);
                break;
            case R.id.bt2:
                xmlLoadingView.setViewSize(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
                xmlLoadingView.setViewColor(R.color.baseLoadingView_bg);
                //1.开始布局显示动画
                xmlLoadingView.startAppearAnimation();
                //2.增加该控件
                contentLayout.addView(xmlLoadingView);
                loading(2);
                break;
            case R.id.bt3:
                xmlLoadingView.setViewSize(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
                codeLoadingView.startAppearAnimation();
                contentLayout.addView(codeLoadingView);
                loading(3);
                break;
            case R.id.bt4:
                codeLoadingView.setViewSize(250, 200);
                codeLoadingView.startAppearAnimation();
                contentLayout.addView(codeLoadingView);
                loading(4);
                break;

        }
    }
    private Handler mHandler=new Handler(){
        public void handleMessage(Message msg) {
            if (msg.what==1){
                xmlLoadingView.startDisappearAnimation();
            }
            else if (msg.what==2){
                //为refresh布局的按钮增加监听
                xmlLoadingView.setOnClickListener(new View.OnClickListener() {

                    public void onClick(View view) {
                        if (view.getId() == R.id.bt1) {
                            Toast toast = Toast.makeText(MainActivity.this, "选择1", Toast.LENGTH_SHORT);
                            toast.show();
                            //4.开始布局消失动画
                            xmlLoadingView.startDisappearAnimation();

                        } else {
                            Toast toast = Toast.makeText(MainActivity.this, "选择2", Toast.LENGTH_SHORT);
                            toast.show();
                            xmlLoadingView.startDisappearAnimation();
                        }

                    }
                });
                //3.刷新布局
                xmlLoadingView.refreshView();
            }
            else if (msg.what==3){
                codeLoadingView.startDisappearAnimation();
            }
            else {

                codeLoadingView.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        Toast toast = Toast.makeText(MainActivity.this, "选择", Toast.LENGTH_SHORT);
                        toast.show();
                        codeLoadingView.startDisappearAnimation();

                    }
                });
                codeLoadingView.refreshView();
            }

        }

    };
}
</span>




tangjiarao
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android MVP模式深入实践探索（一），android组件化架构
m0_64382743的博客
12-07 255
android:orientation=“vertical” android:gravity=“center” <EditText android:id="@+id/edit_user_name" android:layout_width=“match_parent” android:layout_height=“wrap_content” android:inputType=“text” android:maxLines=“1” android:hint=“请输入用户名” android:text
一款超酷的Android自定义加载控件
09-02
控件的核心在于其布局文件`view_loading.xml`，这里包含两个主要的部分：一个用于显示加载中的动画（`lin_loading`），另一个用于展示无网络、无数据或加载失败的状态（`lin_load`）。加载中的布局包含一个ImageView...
父布局为RelativeLayout，且固定高度，设置gravity="center_vertical"无效的问题
WindfallSheng的博客
03-29 2115
首先看下布局情况，一个RelativeLayout的父布局里有三个直接子元素，两个RelativeLayout布局和一个TextView控件； <RelativeLayout android:layout_width="match_parent" android:layout_height="50dp" an...
Android中的自定义View（二）
qq_37837621的博客
07-17 629
文章收藏的好句子：方向对了，慢其实就是快。ps：本篇文章的 demo 是用 AndroidStudio 工具开发的。这里在Android中的自定义View（一）这篇文章的基础上再继续写一下自定义 View 的案例，这里的自定义 ViewGroup 直接继承于 ViewGroup，我们写一个类似 ViewPager 这样的自定义 ViewGroup，可以让它左右滑动。（1）...
探索有趣的Android加载视图：LoadingView
最新发布
gitblog_00038的博客
05-12 366
探索有趣的Android加载视图：LoadingView 在移动应用中，用户等待数据加载时，一个美观且富有动态效果的加载视图能极大地提升用户体验。今天，我们向您推荐一款专门为Android平台设计的开源库——LoadingView。它提供了多种样式各异的加载动画，让您的应用程序在功能和视觉效果上都能脱颖而出。 项目地址:https://gitcode.com/ldoublem/LoadingVie...
一个简单却很炫的LoadingView
zhujiangtaotaise的专栏
06-22 1093
今天看到一个银行的APP上面的loadingview 挺好的，就尝试着自己实现，觉得很简单，但自己实现起来还是发现了一些问题。LoadingView和下图类似： 实现的代码也不是很复杂，就是小球的运动轨迹需要计算，我自己手画了个计算的图，很简单的就是三角函数的使用。 然后代码就是代码实现了，主要的内容都有注释，代码如下：ublic class LoadingView extends View {
android 全新view控件,Android 自定义View（三）：重写View实现全新控件
weixin_39611031的博客
05-27 401
一、介绍Android原生控件，无法满足我们需求时，我们可以完全创建一个新的view，来实现自己需要的功能创建View的难点在于控件的重绘和实现交互通常需要重写onDraw OnMeasure等方法实现绘制逻辑，重写onTouchEvent等实现交互逻辑当然我们也可以向组合控件那样加入自定义属性我们来实现一个下图红框内的效果(步数有点少，大家不要笑)我的效果：可能你会发现我的进度条太难看，因为蓝色...
介绍一个简单的jpg图片显示控件的使用.zip
06-19
在本文中，我们将深入探讨如何使用一个简单的jpg图片显示控件。这个控件通常用于软件开发，特别是那些需要处理图像的应用程序，例如图像查看器、编辑器或任何其他需要显示图像的用户界面。我们将从以下几个方面详细...
一个动态加载控件并保存控件的框架
01-11
本框架“一个动态加载控件并保存控件的框架”专注于这一功能，旨在实现动态布局，增强应用程序的可扩展性和用户交互性。 动态布局是现代应用设计的核心组成部分，尤其是在移动设备和Web开发中。通过动态布局，...
Android自定义加载控件实现数据加载动画
09-02
本篇文章将详细讲解如何在Android中实现一个自定义的加载控件，以模拟类似美团、京东的数据加载动画，即小人奔跑动画。 首先，我们创建一个名为`LoadingView`的自定义视图类，该类继承自`RelativeLayout`。这样做的...
WPF：把一个进程当成控件加载到界面中.rar
09-05
在Windows Presentation Foundation（WPF）中，将一个进程作为控件加载到用户界面是一项高级技术，通常涉及到进程间通信（IPC）和自定义控件的实现。WPF提供了一个强大的框架，可以创建丰富的、交互式的桌面应用程序...
前端Loading样式
09-06
web开发 常用CSS样式 感觉不错，可以看看 loading.... 的效果
Winform Loading控件
12-16
Winform Loading控件，类似GIF的loading效果。 解压密码：www.lwolf.cn
Android代码-GifLoadingView
08-06
Android GifLoadingView This project idea is from Link . Thanks for the idea. I like all the animation in that webpage , but it's so hard to develop all of them . Finally , i find this way , it's simple , but it work perfect. Look like Season one Idea from Link . Season two Idea from Link . Season Three Idea from Link . ..as you see right now,wish you like it. Step Import this project into andr
LoadingView
01-26
Android studio开发的一个自定义加载控件 属性动画实现了很多效果 极其炫酷 没有之一
Android StateLayout状态页
xiangxiongfly
07-05 8805
StateLayout（状态页）包含：加载中页面，错误页面，空页面，内含状态默认页面，支持自定义页面。
loading等待载入正在加载的动画GIF图片圆形图标
热门推荐
Love丶兰的博客
08-31 3万+
loading等待载入正在加载的动画GIF图片圆形图标
Android 自定义View（四）IOS LoadingView
GoldbergM的博客
11-14 534
IOS LoadingView 效果如下图： 可以自定义颜色，周期，大小，gradient等，具体的代码在https://github.com/GoldbergM/MCustomView.
Vue的Ui组件库中的loading不会用怎么办？轮子大法好
07-16 382
先上原文链接： 添加链接描述 1、一个文件夹，一个loading.js 一个loading.vue，一个请求拦截的文件 （1）loading.js import Loading from './loading.vue'; import Vue from 'vue'; export default()=>{ let LoadingComponent=Vue.extend(Loading); let child=new LoadingComponent({//动态创建挂
使用uniapp框架，如何让一个自定义控件延迟加载
06-02
要让一个自定义控件延迟加载，可以使用uniapp框架提供的v-if指令。v-if指令可以根据条件来控制元素是否渲染到页面上。在这个场景下，可以将自定义控件的渲染条件设置为一个变量，然后在需要时将这个变量设置为true，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值