快捷導(dǎo)航

Adnroid 自定義ProgressDialog加載中(加載圈)

更新時(shí)間：2017年06月22日 16:23:58 作者：吾問(wèn)為何

這篇文章主要介紹了Adnroid 自定義ProgressDialog加載中(加載圈),需要的朋友可以參考下

前兩天在做項(xiàng)目的時(shí)候發(fā)現(xiàn)有時(shí)候在訪問(wèn)網(wǎng)絡(luò)數(shù)據(jù)的時(shí)候由于后臺(tái)要做的工作較多,給我們返回?cái)?shù)據(jù)的時(shí)間較長(zhǎng),所以老大叫我加了一個(gè)加載中的logo圖用來(lái)提高用戶體驗(yàn).

于是就在網(wǎng)上找了許多大神寫(xiě)的案例,再結(jié)合自己的情況完成了一個(gè)Loading工具類

效果:

ok,現(xiàn)在來(lái)說(shuō)說(shuō)怎么做的

先自定義一個(gè)類繼承ProgressDialog

public class Loading_view extends ProgressDialog {
  public Loading_view(Context context) {
    super(context);
  }
  public Loading_view(Context context, int theme) {
    super(context, theme);
  }
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    init(getContext());
  }
  private void init(Context context) {
    setCancelable(true);
    setCanceledOnTouchOutside(false);
    setContentView(R.layout.loading);//loading的xml文件
    WindowManager.LayoutParams params = getWindow().getAttributes();
    params.width = WindowManager.LayoutParams.WRAP_CONTENT;
    params.height = WindowManager.LayoutParams.WRAP_CONTENT;
    getWindow().setAttributes(params);
  }
  @Override
  public void show() {//開(kāi)啟
    super.show();
  }
  @Override
  public void dismiss() {//關(guān)閉
    super.dismiss();
  }
}

設(shè)置loading布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="100dp"
  android:layout_height="100dp"
  android:layout_gravity="center_horizontal"
  android:background="@drawable/shape_dialog_bg"http://背景色
  android:layout_centerInParent="true"
  android:orientation="vertical">
  <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp">
    <ProgressBar
      android:id="@+id/pb_load"
      android:layout_width="65dp"
      android:layout_height="65dp"
      android:indeterminateDrawable="@drawable/progressbar"http://加載圈的樣式
      android:layout_centerInParent="true"/>
  </RelativeLayout>
  <TextView
    android:id="@+id/tv_load_dialog"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:text="加載中..."
    android:textColor="#9a9b98"
    android:textSize="12sp"/>
</LinearLayout>

背景色(可自行調(diào)整)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
  <corners android:radius="8dp" />
  <solid android:color="#88000000" />
</shape>

加載圈樣式(可自行調(diào)整)

<animated-rotate
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:pivotX="50%" android:pivotY="50%"
  android:fromDegrees="0"
  android:toDegrees="720">
  <shape
    android:shape="ring"
    android:innerRadiusRatio="3"
    android:thicknessRatio="15"
    android:useLevel="false">
    <gradient
      android:type="sweep"
      android:useLevel="false"
      android:startColor="#55c6c6c6"
      android:centerColor="#c6c6c6"
      android:centerY="0.50"
      android:endColor="#c6c6c6" />
  </shape>
</animated-rotate>

ok可以使用了

public class MainActivity extends AppCompatActivity {
  private Loading_view loading;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
  }
  public void loding(View v){//點(diǎn)擊加載并按鈕模仿網(wǎng)絡(luò)請(qǐng)求
    loading = new Loading_view(this,R.style.CustomDialog);
    loading.show();
    new Handler().postDelayed(new Runnable() {//定義延時(shí)任務(wù)模仿網(wǎng)絡(luò)請(qǐng)求
      @Override
      public void run() {
    loading.dismiss();//3秒后調(diào)用關(guān)閉加載的方法
      }
    }, 3000);
  }
}

為什么會(huì)這樣,不懂然后就去百度,google然后在一大神的文章里發(fā)現(xiàn)了,但是我在寫(xiě)這文章的時(shí)候才發(fā)現(xiàn)當(dāng)初沒(méi)有保存大神的地址再也找不到了

原來(lái)需要在創(chuàng)建自定義的loading 的時(shí)候在傳入 new Loading_view(this,R.style.CustomDialog);樣式

<style name="CustomDialog" parent="Theme.AppCompat.Dialog">
  <item name="android:backgroundDimEnabled">false</item>
  <item name="android:windowBackground">@android:color/transparent</item>
</style>

ok 再來(lái)一次