前段时间用到了loading加载动画,这里记录两种方法。一种是多个图像变化组成的动画,一种图片本身的动作,以转圈为例下面是代码。
这是效果图
源代码下载地址
Loading加载中动画项目源码下载
第一种多个图片变化
在res的anim文件夹中新建一个loadingfish.xml文件,anim文件夹需要自己建
<?xml version="1.0" encoding="UTF-8"?>
<animation-list android:oneshot="false"
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:duration="200" android:drawable="@drawable/img1" />
<item android:duration="200" android:drawable="@drawable/img2" />
<item android:duration="200" android:drawable="@drawable/img3" />
<item android:duration="200" android:drawable="@drawable/img4" />
<item android:duration="200" android:drawable="@drawable/img5" />
<item android:duration="200" android:drawable="@drawable/img6" />
</animation-list>
然后定义loading的布局文件alertone.xml
<?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"
android:background="@drawable/probg"
android:gravity="center"
>
<ProgressBar
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:indeterminateDrawable="@anim/loadingfish"
/>
</RelativeLayout>
第二种本身动画,同样在anim中定义loadingtwo.xml
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/grey4"
android:pivotX="50%"
android:pivotY="50%"
android:fromDegrees="0"
android:toDegrees="360" />
第二种loading布局
<?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:background="@drawable/probg"
android:gravity="center"
>
<ProgressBar android:id="@+id/loading_process_dialog_progressBar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:indeterminate="false"
android:background="@drawable/img1"
android:indeterminateDrawable="@drawable/loadingtwo"/>
</LinearLayout>
第二种loading这里我定义了一个继承AlertDialog的自定义控件FishDialog.java,方便在通过创建对象的show()和dismiss()方法更方便的使用。
*/
public class FishDialog extends AlertDialog {
Context context;
public FishDialog(Context context){
super(context);
this.context=context;
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.view_dialog);
setCanceledOnTouchOutside(false);
WindowManager.LayoutParams lp=getWindow().getAttributes();
final float scale = context.getResources().getDisplayMetrics().density;
lp.width=(int)(100*scale + 0.5f);
lp.height=(int)(100*scale + 0.5f);
getWindow().setAttributes(lp);
}
}
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#fff"
android:gravity="center">
<Button android:id="@+id/alertone"
android:layout_width="100dp"
android:layout_height="50dp"
android:text="loading one..."/>
<Button android:id="@+id/alerttwo"
android:layout_width="100dp"
android:layout_height="50dp"
android:text="loading two..."/>
</LinearLayout>
MyActivity里统一测试
package com.example.TestDemo;
import android.app.Activity;
import android.app.AlertDialog;
import android.os.Bundle;
import android.view.*;
import android.widget.Button;
public class MyActivity extends Activity{
Button btnblue,btngrey;
private FishDialog dialog;
@Override
protected void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
init();
}
private void init() {
dialog=new FishDialog(this);
btnblue= (Button) findViewById(R.id.alertone);
btngrey= (Button) findViewById(R.id.alerttwo);
btnblue.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
alert();
}
});
btngrey.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
dialog.show();
}
});
}
public void alert(){
AlertDialog alert = new AlertDialog.Builder(this).create();
alert.show();
alert.getWindow().setLayout(150, 150); alert.getWindow().setContentView(R.layout.alertone);
}
}
第一次写博客,运用的还不熟练,也许表达的不是很清晰,以后自己慢慢琢磨吧,感觉再回味一遍也是一种乐趣。