2. 程式人生 > >Android 三種方式實現自定義圓形頁面載入中效果的進度條

Android 三種方式實現自定義圓形頁面載入中效果的進度條

阿新 • • 發佈：2019-02-05

一、通過動畫實現

定義res/anim/loading.xml如下：
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <animation-list android:oneshot="false"
  3. xmlns:android="http://schemas.android.com/apk/res/android">  
  4.   <item android:duration="150" android:drawable="@drawable/loading_01" />  
  5.   <item android:duration="150" android:drawable=
    "@drawable/loading_02" />  
  6.   <item android:duration="150" android:drawable="@drawable/loading_03" />  
  7.   <item android:duration="150" android:drawable="@drawable/loading_04" />  
  8.   <item android:duration="150" android:drawable="@drawable/loading_05" />  
  9.   <item android:duration="150" android:drawable=
    "@drawable/loading_06" />  
  10.   <item android:duration="150" android:drawable="@drawable/loading_07" />  
  11. </animation-list>   

在layout檔案中引用如下：
  1. <ProgressBar android:id="@+id/loading_process_dialog_progressBar"
  2.   android:layout_width="wrap_content" android:layout_height="wrap_content"
  3.   android:indeterminate="false"
     android:indeterminateDrawable="@anim/loading" />  

二、通過自定義顏色實現
定義res/drawable/dialog_style_xml_color.xml如下：
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <rotate xmlns:android="http://schemas.android.com/apk/res/android"
  3.   android:pivotX="50%" android:pivotY="50%" android:fromDegrees="0"
  4.   android:toDegrees="360">  
  5.   <shape android:shape="ring" android:innerRadiusRatio="3"
  6.     android:thicknessRatio="8" android:useLevel="false">  
  7.     <gradient android:type="sweep" android:useLevel="false"
  8.      android:startColor="#FFFFFF" android:centerColor="#FFDC35"
  9.      android:centerY="0.50" android:endColor="#CE0000" />  
  10.   </shape>  
  11. </rotate>  

在layout檔案中引用如下：
  1. <ProgressBar android:id="@+id/loading_process_dialog_progressBar"
  2.   android:layout_width="wrap_content" android:layout_height="wrap_content"
  3.   android:indeterminate="false" android:indeterminateDrawable="@drawable/dialog_style_xml_color" />  

三、使用一張圖片進行自定義
定義res/drawable/dialog_style_xml_icon.xml如下：
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
  3. <item>  
  4.   <rotate android:drawable="@drawable/dialog_progress_round"
  5.    android:fromDegrees="0.0" android:toDegrees="360.0" android:pivotX="50.0%"
  6.    android:pivotY="50.0%" />  
  7. </item>  
  8. </layer-list>  

在layout檔案中引用如下：

<ProgressBar android:id="@+id/loading_process_dialog_progressBar"  
  android:layout_width="wrap_content" android:layout_height="wrap_content"  
  android:indeterminate="false" android:indeterminateDrawable="@drawable/dialog_style_xml_icon" />

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="fill_parent"
android:layout_height="fill_parent" android:gravity="center"
android:background="#FFF">
<Button android:text="@string/anim" android:id="@+id/anim"
  android:layout_width="120dip" android:layout_height="wrap_content" />
<Button android:text="@string/color" android:id="@+id/color"
  android:layout_width="120dip" android:layout_height="wrap_content" />
<Button android:text="@string/icon" android:id="@+id/icon"
  android:layout_width="120dip" android:layout_height="wrap_content" />
</LinearLayout>

之後通過三個按鈕將ProgressBar 放在對話方塊中顯示出來就完成了。

截圖如下：

相關推薦

Android 三種方式實現自定義圓形頁面載入中效果的進度條

一、通過動畫實現定義res/anim/loading.xml如下：<?xml version="1.0" encoding="UTF-8"?>  <animation-list android:oneshot="false"xmlns:android="ht

三種方式實現自定義圓形頁面載入中效果的進度條，包含一個好看的Android UI

效果圖如下：下載地址 樣式一、通過動畫實現定義res/drawable/loading.xml如下： <?xml version="1.0" encoding="UTF-8"?> ​ <animation-list android:oneshot=

【Android進度條】三種方式實現自定義圓形進度條ProgressBar

總結了3種方法： 1.多張圖片切換 2.自定義顏色 3.旋轉自定義圖片 其它： Android自定義控制元件NumberCircleProgressBar(圓形進度條)的實現：點選開啟連結 橫線帶數字進度條：點選開啟連結

Android 三種常用實現自定義圓形進度條 ProgressBar 及demo

           Android 自定義 進度條，一般有三種方式，最早一般使用UI給的圖片使用幀動畫，完成，後面兩種，一種是使用自定義顏色，另外一種是使用帶相近色的圖片加動畫完成。 下面具體 說一下三種方式，推薦使用第二種方式，如果這種達不到效果，或者比較高也可使用第一

Android 三種方式實現三角形氣泡效果、自定義View、shape、點9圖

背景 這期需求中，專案需要這樣一個情況，就是二級選單上面有個三角形 乍一看，用個圖片就可以解決，一個線性佈局、垂直襬下去，所以一開始我是這樣嘗試的，後來發現美工給我切的圖很不合適，不同手機顯示效果也不一樣，所以後來放棄了。以下是解決方案 使用.9圖

Android 三種方式實現圓形ImageView

所有方式均繼承了ImageView 圓形圖片實現一：BitmapShader package com.open.widget; import android.content.Context; import android.graphics.Bitmap; impor

android三種方式實現自由移動的view

public class MoveView extends ImageView { private int x, y; private int r, l, t, b; public MoveView(Context context) { this(context, n

java 兩種方式實現自定義排序

package test; //Comparable 使物件本身具有可比性，這種方式稱為元素的自然順序或預設順序 //Comparator 元素自身不具備比較性或者比較性不是所需要的，在集合初始化讓其具有比較性 （更實用） import java.util.*; //cl

三種方式實現觀察者模式 及 Spring中的事件編程模型

其中 我想 訂閱 個人 args 我們 發送通知 當前 字段 觀察者模式可以說是眾多設計模式中，最容易理解的設計模式之一了，觀察者模式在Spring中也隨處可見，面試的時候，面試官可能會問，嘿，你既然讀過Spring源碼，那你說說Spring中運用的設計模式吧，你可以自信的

Android基礎控制元件——ProgressBar自定義的介紹、動畫效果實現、附加三個漂亮的進度條

ProgressBar自定義的介紹、動畫效果實現、附加三個漂亮的進度條 shape屬性介紹： corners 圓角   gradient 漸變   padding 內容離邊界距離   size 大小   solid 填充顏色   stroke 描邊 gradien

三種方式實現Android頁面底部導航欄

我們在Android手機上使用新浪微博和QQ等一些軟體時，經常會遇到類似下面這種頁面底部導航欄的控制元件，使用這種導航欄可以在手機螢幕的一頁中顯示儘可能多的內容，如下圖所示： 下面我將實現這種導航欄的三種方法總結如下： 一、使用TabHost實現（TabHost在新版的A

Android 三種Dialog 實現方式

Dialog 風格 這是AppCompantActivity 中的高版本Dialog風格 <!-- Dialog型別的Activity 開始--> <style name="MyDialogTheme" paren

Android進階：十二、最簡單的方式實現自定義陰影效果

clas new round war port scale dimens tro hdr 網話說UI設計有三寶 :透明,陰影,加圓角。很多UI在做設計的時候都喜歡做卡片形式，然後添加陰影。卡片UI確實挺好看，但是對Android開發者來說，顯示陰影卻並不那麽手到擒來，因為A

詳解Linux搭建vsftp服務器通過三種方式實現文件傳輸

x86 sys fig passwd 問題： mage vpd cee 啟用 概述 FTP（File Transfer Protocol）中文稱為“文件傳輸協議”。用於Internet上的控制文件的雙向傳輸。 工作原理 一、主動模式： 1、客戶端通過用戶名和密碼登錄服務器

WPFの三種方式實現快捷鍵

原文: WPFの三種方式實現快捷鍵 最近，對wpf新增快捷鍵的方式進行了整理。主要用到的三種方式如下： 一、wpf命令： 資源中新增命令 <Window.Resources> <RoutedUICommand x:Key="ToolCapClick" Text

實現執行緒的第三種方式 實現Callable介面

package com.juc; import java.util.concurrent.Callable; import java.util.concurrent.ExecutionException; import java.util.concurrent.FutureTask; /**

三種方式實現java單例

java的單例模式主要分為：餓漢模式和懶漢模式 餓漢模式：餓漢很飢餓，所以直接先new出來，再提供。 餓漢模式程式碼：載入class檔案的時候就例項化。 package com.jkf.redis; public class HungryManSingleto

Android三種方式擷取任意介面螢幕

一、使用MediaProjectionManager Android5.0之後，開放擷取螢幕的API，也就是利用MediaProjectionManager建立VirtualDisplay，傳入與ImageReader關聯的Surface，這樣就可以從ImageReader

三種方式實現遠端restful 介面呼叫

1,基本介紹 Restful介面的呼叫，前端一般使用ajax呼叫，後端可以使用的方法比較多， 　　本次介紹三種： 　　　　1.HttpURLConnection實現 　　　　2.HttpClient實現 　　　　3.Spring的RestTemplate  　　　　

以下是JAVA中三種方式實現檔案字元統計

以下是JAVA中三種方式實現檔案字元統計 package com.lyc.gui; import java.io.FileReader; import java.io.IOException; import java.util.HashMap; import java.util.Ha