android基于dialog實(shí)現(xiàn)等待加載框示例

2019-12-12 03:48:03

字體：大中小

供稿：網(wǎng)友

最近想找一些新穎的等待框，但一直找不到理想的效果，沒(méi)有辦法，只好自己動(dòng)手豐衣足食了。

先給大家看個(gè)效果圖！

首先就是新建一個(gè)dialog的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:background="@drawable/ic_loading_bg"  android:gravity="center"  android:orientation="vertical"  android:padding="16.0dip" >   <ProgressBar   android:layout_width="24.0dip"   android:layout_height="24.0dip"   android:indeterminateDrawable="@drawable/progress_drawable_white" />   <TextView   android:id="@+id/id_tv_loadingmsg"   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:layout_gravity="center_vertical"   android:layout_marginTop="8.0dip"   android:textColor="@color/white"   android:textSize="16.0dip" />  </LinearLayout>

ic_loading_bg就是一個(gè)背景的圖片。

關(guān)于上面的drawable中的progress_drawable_white.xml文件如下

<?xml version="1.0" encoding="utf-8"?> <animation-list android:oneshot="false"  xmlns:android="http://schemas.android.com/apk/res/android">  <item android:duration="83" android:drawable="@drawable/ic_loading_white_01" />  <item android:duration="83" android:drawable="@drawable/ic_loading_white_02" />  <item android:duration="83" android:drawable="@drawable/ic_loading_white_03" />  <item android:duration="83" android:drawable="@drawable/ic_loading_white_04" />  <item android:duration="83" android:drawable="@drawable/ic_loading_white_05" />  <item android:duration="83" android:drawable="@drawable/ic_loading_white_06" />  <item android:duration="83" android:drawable="@drawable/ic_loading_white_07" />  <item android:duration="83" android:drawable="@drawable/ic_loading_white_08" />  <item android:duration="83" android:drawable="@drawable/ic_loading_white_09" />  <item android:duration="83" android:drawable="@drawable/ic_loading_white_10" />  <item android:duration="83" android:drawable="@drawable/ic_loading_white_11" />  <item android:duration="83" android:drawable="@drawable/ic_loading_white_12" /> </animation-list>

這12個(gè)都是圖片來(lái)的。

核心顯示等待框代碼如下

progressDialog = new Dialog(AboutActivity.this,R.style.progress_dialog); progressDialog.setContentView(R.layout.progress); progressDialog.getWindow().setBackgroundDrawableResource(android.R.color.transparent); TextView msg = (TextView) progressDialog.findViewById(R.id.id_tv_loadingmsg); msg.setText("賣(mài)力加載中"); progressDialog.show();

其中的文字可以自己改了，方便直接。

給新手的提示，記得在開(kāi)頭寫(xiě)上 private Dialog progressDialog；（老鳥(niǎo)可以忽略這個(gè)啦）

里面有個(gè)style，加上下面的代碼到style.xml文件里面就OK了！

<style name="progress_dialog" 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:background">@null</item>   <item name="android:windowBackground">@null</item>   <item name="android:backgroundDimEnabled">false</item>  </style>

關(guān)于如何讓這個(gè)消失，在需要消失的地方加上