修改progressbar的样式

最新推荐文章于 2022-01-20 00:24:14 发布

weixin_34092370

最新推荐文章于 2022-01-20 00:24:14 发布

阅读量309

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/meetthebetteryour/blog/608781

本文介绍如何在Android应用中使用XML动画列表实现自定义加载动画，并与ProgressBar结合展示加载进度，提供完整代码示例。

2019独角兽企业重金招聘Python工程师标准>>>

在res/anim/progressbar_bar_loading.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list  xmlns:android="http://schemas.android.com/apk/res/android"  
    android:variablePadding = "true">  
    <item android:duration="100">  
        <clip   xmlns:android="http://schemas.android.com/apk/res/android"  
            android:clipOrientation="horizontal"  
            android:drawable="@drawable/loading_1"  
            android:gravity="left">  
        </clip>  
    </item>  
    <item android:duration="100">  
        <clip   xmlns:android="http://schemas.android.com/apk/res/android"  
            android:clipOrientation="horizontal"  
            android:drawable="@drawable/loading_2"  
            android:gravity="left">  
        </clip>  
    </item>  
    <item android:duration="100">  
        <clip   xmlns:android="http://schemas.android.com/apk/res/android"  
            android:clipOrientation="horizontal"  
            android:drawable="@drawable/loading_3"  
            android:gravity="left">  
        </clip>  
    </item>  
    <item android:duration="100">  
        <clip   xmlns:android="http://schemas.android.com/apk/res/android"  
            android:clipOrientation="horizontal"  
            android:drawable="@drawable/loading_4"  
            android:gravity="left">  
        </clip>  
    </item>  
    <item android:duration="100">  
        <clip   xmlns:android="http://schemas.android.com/apk/res/android"  
            android:clipOrientation="horizontal"  
            android:drawable="@drawable/loading_5"  
            android:gravity="left">  
        </clip>  
    </item>  
    <item android:duration="100">  
        <clip   xmlns:android="http://schemas.android.com/apk/res/android"  
            android:clipOrientation="horizontal"  
            android:drawable="@drawable/loading_6"  
            android:gravity="left">  
        </clip>  
    </item>  
    <item android:duration="100">  
        <clip   xmlns:android="http://schemas.android.com/apk/res/android"  
            android:clipOrientation="horizontal"  
            android:drawable="@drawable/loading_7"  
            android:gravity="left">  
        </clip>  
    </item>  
    <item android:duration="100">  
        <clip   xmlns:android="http://schemas.android.com/apk/res/android"  
            android:clipOrientation="horizontal"  
            android:drawable="@drawable/loading_8"  
            android:gravity="left">  
        </clip>  
    </item>  
    <item android:duration="100">  
        <clip   xmlns:android="http://schemas.android.com/apk/res/android"  
            android:clipOrientation="horizontal"  
            android:drawable="@drawable/loading_9"  
            android:gravity="left">  
        </clip>  
    </item>  
    <item android:duration="100">  
        <clip   xmlns:android="http://schemas.android.com/apk/res/android"  
            android:clipOrientation="horizontal"  
            android:drawable="@drawable/loading_10"  
            android:gravity="left">  
        </clip>  
    </item>  
</animation-list>

xml中应用

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical" 
    android:gravity="center"
    android:background="@drawable/bg_loading_dialog"
    android:paddingTop="10dp"
    android:paddingBottom="10dp"
    android:paddingLeft="20dp"
    android:paddingRight="20dp">
    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:indeterminateDrawable="@anim/progressbar_bar_loading"
        android:indeterminate="false"/>
    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/view_load_progress_dialog_textview"
        android:text="@string/loading_text"
        android:layout_marginTop="10dp"
        style="@style/textview_white_color_text"/>
    

</LinearLayout>

加载的时候可以放在dialog窗口中

package cn.juzhong.view.widget;


import cn.juzhong.R;
import android.app.Dialog;
import android.content.Context;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;

public class LoadProgressDialog extends Dialog{
    private static LoadProgressDialog loadProgressDialog = null;

    public LoadProgressDialog(Context context,int theme) {
        super(context,theme);
    }
    
    public static LoadProgressDialog createDialog(Context context){
        loadProgressDialog = new LoadProgressDialog(context, R.style.load_progressdialog);
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View view = inflater.inflate(R.layout.view_load_progress_dialog, null,true);
        loadProgressDialog.setContentView(view);
        loadProgressDialog.getWindow().getAttributes().gravity = Gravity.CENTER;
        return loadProgressDialog;
    }
    
    
    public void onWindowFocusChanged(boolean hasFocus){
        if(loadProgressDialog == null){
            return;
        }
    }
    
    public void setMessage(String message){
        
    }

}

style

<!-- progressbar theme. -->
    <style name="load_progressdialog" parent="@android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:backgroundDimEnabled">false</item>
        <item name="android:windowBackground">@color/transparent</item>
    </style>

转载于:https://my.oschina.net/meetthebetteryour/blog/608781