好看的Dialog加载动画

  做开发的时候,为了让用户体验比较好一点,app启动的时候会有一个启动欢迎页,那么进入到app以后,用户浏览页面,首先会进行网络请求,然后服务器响应数据回来,最后展示到页面上,用户才能看到丰富的页面。那么问题就来了,用户的网络有2G、3G、4G,现在一般是4G,但是用户的网络是不一样的,有些地方网络好,有些比较慢,加载网络数据的时候,网络太慢了就会显示一篇空白,这给用户的体验是非常不好的,所以就到了本节的内容,加载网络数据并且数据还会返回的时候给用户显示一个Loading动画,当然,android自带的有,这里我们自定义一个Load动画。

首先我们来看一下效果图:

这里写图片描述

下面我们来看一下代码部分,首先是自定义的SysLoading.java

public class SysLoading extends LinearLayout{
	
	private View view;
	//自定义动画
	private AnimationDrawable mAnimation;
	//加载失败视图
	private RelativeLayout sys_loading_dialog_fail;
	//加载中图片
	private ImageView sys_loading_dialog_img;
	//加载中文本
	private TextView sys_loading_dialog_tv;
	//加载失败文本
	private TextView sys_loading_dialog_fail_tv;
	//加载时文本
	private String loadingText;

	public SysLoading(Context context) {
		super(context);
	}
	
	public SysLoading(Context context, AttributeSet attrs) {
		super(context, attrs);
		LayoutInflater layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        view = layoutInflater.inflate(R.layout.sys_loading_dialog, this);
		//加载失败视图
		sys_loading_dialog_fail = (RelativeLayout) view.findViewById(R.id.sys_loading_dialog_fail);
		//加载时图片
		sys_loading_dialog_img = (ImageView) view.findViewById(R.id.sys_loading_dialog_img);
		//加载时文本
		sys_loading_dialog_tv = (TextView) view.findViewById(R.id.sys_loading_dialog_tv);
		sys_loading_dialog_fail_tv = (TextView) view.findViewById(R.id.sys_loading_dialog_fail_tv);
	}
	
	public void showAnim(String loadingText){
		this.loadingText = loadingText;
		//设置动画特效
		initData();
	}
	
	
	public void stopAnim(){
		mAnimation.stop();
	}
	
	
	
	
	
	
	public void initData() {
		//设置文本
		sys_loading_dialog_tv.setText(loadingText);
		//设置显示
		view.setVisibility(View.VISIBLE);
		//设置加载时图片显示
		sys_loading_dialog_img.setVisibility(View.VISIBLE);
		//设置加载时文本显示
		sys_loading_dialog_tv.setVisibility(View.VISIBLE);
		//设置失败视图隐藏
		sys_loading_dialog_fail.setVisibility(View.GONE);
		//获取动画
		sys_loading_dialog_img.setBackgroundResource(R.drawable.sys_loading);
		//通过ImageView拿到AnimationDrawable
		mAnimation = (AnimationDrawable) sys_loading_dialog_img.getBackground();
		//为了防止只显示第一帧
		sys_loading_dialog_img.post(new Runnable() {
			@Override
			public void run() {
				mAnimation.start();
			}
		});
	}

	//加载失败调用的方法
	public void fialLoad(String failStr, View.OnClickListener listener){
		//动画停止
		if(null != mAnimation && mAnimation.isRunning()){
			mAnimation.stop();
		}
		//失败视图显示
		sys_loading_dialog_fail.setVisibility(View.VISIBLE);
		//设置失败事件监听
		sys_loading_dialog_fail.setOnClickListener(listener);
		//设置失败文本
		sys_loading_dialog_fail_tv.setText(failStr);
		//设置加载时图片隐藏
		sys_loading_dialog_img.setVisibility(View.GONE);
		//设置加载时文本隐藏
		sys_loading_dialog_tv.setVisibility(View.GONE);
	}
}

然后是sys_loading.xml布局文件

< ?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginBottom="30dp"
    android:gravity="center" >
    < !--加载中视图图片 -->
    < ImageView
        android:id="@+id/sys_loading_dialog_img"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@null"/>
    < !--加载中视图文本 -->
    < TextView 
        android:id="@+id/sys_loading_dialog_tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textStyle="normal"
        android:layout_marginTop="15dp"
        android:textSize="14sp"
        android:textColor="@color/black2"
        android:layout_below="@id/sys_loading_dialog_img"
        android:gravity="center"/>
    < !--加载失败布局视图-->
    < RelativeLayout 
        android:id="@+id/sys_loading_dialog_fail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:visibility="gone">
        < !--加载失败图片 -->
    	< ImageView
       	 	android:id="@+id/sys_loading_dialog_fail_img"
       	 	android:layout_centerHorizontal="true"
        	android:layout_width="wrap_content"
        	android:layout_height="wrap_content"
        	android:src="@drawable/sys_loading_dialog_fail"
        	android:contentDescription="@null"/>
    	< !--加载失败文本 -->
    	< TextView 
        	android:id="@+id/sys_loading_dialog_fail_tv"
        	android:layout_width="match_parent"
        	android:layout_height="wrap_content"
        	android:layout_below="@id/sys_loading_dialog_fail_img"
        	android:layout_marginTop="15dp"
        	android:textSize="14sp"
        	android:textColor="@color/black2"
        	android:gravity="center"/>
    < /RelativeLayout>
< /RelativeLayout>

  最后drawable文件就不贴出来了,这里直接给出主要的使用代码:

public class MainActivity extends Activity {
    private Button btnLoading;
    //自定义加载框
    private SysLoading sysLoading;
    private boolean flag = true;
    private Handler handler = new Handler() {
        public void handleMessage(Message msg) {
            switch (msg.what) {
            case 100:
                Toast.makeText(MainActivity.this, "加载成功", Toast.LENGTH_SHORT).show();
                //隐藏加载框
                sysLoading.setVisibility(View.GONE);
                break;

            default:
                break;
            }
        };
    };
    
       
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btnLoading = (Button) findViewById(R.id.btn_loading);
        
        //获取加载视图
        sysLoading = (SysLoading) findViewById(R.id.sysLoading);
        Message msg = handler.obtainMessage();
        msg.what = 100;
        sysLoading.showAnim("正在加载...");
        handler.sendMessageDelayed(msg, 2000);
    }
    public void Loading(View view) {
        sysLoading.initData();
        //加载失败
        sysLoading.fialLoad("加载失败...", new OnClickListener() {
            @Override
            public void onClick(View v) {
                Message msg = handler.obtainMessage();
                msg.what = 100;
                sysLoading.showAnim("正在加载...");
                handler.sendMessageDelayed(msg, 2000);
                }
        });
    }
}

这里给出demo的下载地址:http://download.csdn.net/detail/u014727709/9739898
转载自 :http://blog.csdn.net/u014727709/article/details/54584894
欢迎start,欢迎评论,欢迎指正

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

想你依然心痛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值