2. 程式人生 > >android圓形進度條ProgressBar顏色設定

android圓形進度條ProgressBar顏色設定

阿新 • • 發佈：2018-12-31
Java程式碼
  1. <ProgressBar
  2.         android:id="@+id/loadProgressBar"
  3.         android:layout_width="wrap_content"
  4.         android:layout_height="wrap_content"
  5.         android:indeterminateDrawable="@drawable/progressbar" />
複製程式碼 其中的indeterminteDrawable屬性就是用來設定進度條顏色等屬性的，其內容如下：
Java程式碼
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <rotate xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:fromDegrees="0"
  4.     android:pivotX="50%"
  5.     android:pivotY="50%"
  6.     android:toDegrees="360" >
  7.     <shape
  8.         android:innerRadiusRatio="3"
  9.         android:shape="ring"
  10.         android:thicknessRatio="8"
  11.         android:useLevel="false" >
  12.         <gradient
  13.             android:centerColor="#FFFFFF"
  14.             android:centerY="0.50"
  15.             android:endColor="#FFFF00"
  16.             android:startColor="#000000"
  17.             android:type="sweep"
  18.             android:useLevel="false" />
  19.     </shape>
  20. </rotate>
複製程式碼 三種方式實現自定義圓形頁面載入中效果的進度條:
來自:
http://407827531.iteye.com/blog/1067025

預設情況下Indeterminate Progressbar是白色的，如果容器的背景也是白色的，這樣就根本看不到Progressbar了。

幸好Android自帶了一些反轉樣式，你可以採用其中一個合適的：
Java程式碼
  1. <ProgressBar style="@android:style/Widget.ProgressBar.Inverse"/>
  2. <ProgressBar style="@android:style/Widget.ProgressBar.Large.Inverse"/>
  3. <ProgressBar style="@android:style/Widget.ProgressBar.Small.Inverse"/>
複製程式碼 進度條:

Java程式碼
  1. <ProgressBar
  2.         style="?android:attr/progressBarStyleHorizontal"
  3.         android:layout_width="fill_parent"
  4.         android:layout_height="wrap_content" />
  5. <ProgressBar
  6.         android:id="@+id/circleProgressBar"
  7.         style="?android:attr/progressBarStyleLarge"
  8.         android:layout_width="wrap_content"
  9.         android:layout_height="wrap_content"
  10.         mce_style="?android:attr/progressBarStyleLarge" />
複製程式碼 一、通過動畫實現
定義res/anim/loading.xml如下：
Java程式碼
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <animation-list xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:oneshot="false" >
  4.     <item
  5.         android:drawable="@drawable/loading_01"
  6.         android:duration="150"/>
  7.     <item
  8.         android:drawable="@drawable/loading_02"
  9.         android:duration="150"/>
  10.     <item
  11.         android:drawable="@drawable/loading_03"
  12.         android:duration="150"/>
  13.     <item
  14.         android:drawable="@drawable/loading_04"
  15.         android:duration="150"/>
  16.     <item
  17.         android:drawable="@drawable/loading_05"
  18.         android:duration="150"/>
  19.     <item
  20.         android:drawable="@drawable/loading_06"
  21.         android:duration="150"/>
  22.     <item
  23.         android:drawable="@drawable/loading_07"
  24.         android:duration="150"/>
  25. </animation-list>
複製程式碼 在layout檔案中引用如下：
Java程式碼
  1. <ProgressBar
  2.         android:id="@+id/loading_process_dialog_progressBar"
  3.         android:layout_width="wrap_content"
  4.         android:layout_height="wrap_content"
  5.         android:indeterminate="false"
  6.         android:indeterminateDrawable="@anim/loading" />
複製程式碼 二、通過自定義顏色實現
定義res/drawable/dialog_style_xml_color.xml如下：
Java程式碼
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <rotate xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:fromDegrees="0"
  4.     android:pivotX="50%"
  5.     android:pivotY="50%"
  6.     android:toDegrees="360" >
  7.     <shape
  8.         android:innerRadiusRatio="3"
  9.         android:shape="ring"
  10.         android:thicknessRatio="8"
  11.         android:useLevel="false" >
  12.         <gradient
  13.             android:centerColor="#FFDC35"
  14.             android:centerY="0.50"
  15.             android:endColor="#CE0000"
  16.             android:startColor="#FFFFFF"
  17.             android:type="sweep"
  18.             android:useLevel="false" />
  19.     </shape>
  20. </rotate>
複製程式碼 在layout檔案中引用如下：
Java程式碼
  1. <ProgressBar
  2.         android:id="@+id/loading_process_dialog_progressBar"
  3.         android:layout_width="wrap_content"
  4.         android:layout_height="wrap_content"
  5.         android:indeterminate="false"
  6.         android:indeterminateDrawable="@drawable/dialog_style_xml_color" />
複製程式碼 三、使用一張圖片進行自定義
定義res/drawable/dialog_style_xml_icon.xml如下：
Java程式碼
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
  3.     <item>
  4.         <rotate
  5.             android:drawable="@drawable/dialog_progress_round"
  6.             android:fromDegrees="0.0"
  7.             android:pivotX="50.0%"
  8.             android:pivotY="50.0%"
  9.             android:toDegrees="360.0" />
  10.     </item>
  11. </layer-list>
複製程式碼 在layout檔案中引用如下：
Java程式碼
  1. <ProgressBar
  2.         android:id="@+id/loading_process_dialog_progressBar"
  3.         android:layout_width="wrap_content"
  4.         android:layout_height="wrap_content"
  5.         android:indeterminate="false"
  6.         android:indeterminateDrawable="@drawable/dialog_style_xml_icon" />
複製程式碼 或者
Java程式碼
  1. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  2.    <item android:id="@android:id/background">   
  3.     <shape>   
  4.         <corners android:radius="5dip" />   
  5.         <gradient android:startColor="#ff9d9e9d"   
  6.              android:centerColor="#ff5a5d5a"   
  7.              android:centerY="0.75"   
  8.              android:endColor="#ff747674"   
  9.              android:angle="270"   
  10.              />   
  11.     </shape>   
  12. </item>   
  13. <item android:id="@android:id/secondaryProgress">   
  14.     <clip>   
  15.         <shape>   
  16.             <corners android:radius="5dip" />   
  17.             <gradient android:startColor="#80ffd300"   
  18.                  android:centerColor="#80ffb600"   
  19.                  android:centerY="0.75"   
  20.                  android:endColor="#a0ffcb00"   
  21.                  android:angle="270"   
  22.                 />   
  23.         </shape>   
  24.     </clip>   
  25. </item>   
  26. <item android:id="@android:id/progress">   
  27.     <clip>   
  28.         <shape>   
  29.             <corners android:radius="5dip" />   
  30.             <gradient android:startColor="@color/progress_start"   
  31.                 android:endColor="@color/progress_end"   
  32.                 android:angle="270" />   
  33.         </shape>   
  34.     </clip>   
  35. </item>
  36. </layer-list>
複製程式碼 程式碼中設定:
Java程式碼
  1. mProgress = (ProgressBar) findViewById(R.id.progress_bar);
  2.                 Drawable d = this.getResources().getDrawable(R.drawable.my_progress);
  3.                 mProgress.setProgressDrawable(d);
複製程式碼







相關推薦

android圓形進度條ProgressBar顏色設定

Java程式碼 <ProgressBar        android:id="@+id/loadProgressBar"        android:layout_width="wrap_content"        android:layout_height="wrap_content" 

Android修改圓形進度條ProgressBar的預設顏色

前言 有時候系統預設的圓形進度條不能滿足我們的需求，那麼下面我們來對預設的顏色和樣式進行一個修改。 效果圖 實現程式碼 因為是圓形進度條，我們需要設定下面這個屬性 android:indet

自定義Android進度條ProgressBar顏色的漸變設定

一、在drawable資料夾中新建my_progressbar.xml檔案 <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.c

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

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

安卓ProgressBar水平進度條的顏色設定

安卓系統提供了水平進度條ProgressBar的樣式，而我們在實際開發中，幾乎不可能使用預設的樣式，原因就是“太醜”^_^ 所以我們在更多的時候需要對其顏色進行自定義，主要使用就是自定義樣式檔案。 再在drawable目錄下新增progressbar.xml檔案，可

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

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

ProgressBar水平進度條的顏色設定

drawable目錄下增加progressbar.xml檔案 <layer-list xmlns:android="http://schemas.android.com/apk/res/an

Android圓形進度條-RoundProgressBar

RoundProgressBar public class RoundProgressBar extends View { private Paint mPaint; private int mRoundColor; private int mRo

android 圓形進度條的簡單實現

在網上看了些進度條效果,於是就想寫關於這方面部落格,先看下今天要實現一些進度條的效果圖： 當然要實現這些效果是基於你對canvas類繪製一些圖形是瞭解的,否則估計也不好看懂,我儘量講的詳細點, 先從簡單的畫圓開始一步步把這個效果實現出來,這樣幾乎每個人都能看的懂, 畫圓的

自定義圓形進度條ProgressBar的三種方式

進度條預設是不確定（indeterminate=true）Android進度條 Android進度條有4種風格可以使用。 預設值是progressBarStyle。 設定成progressBarStyleSmall後，圖示變小。 設定成progressBarStyleLarge後，圖示變大 設定成progr

Android-SpinKit 進度條 (ProgressBar)

gre fir ebo collect tle auto pack home 技術 項目地址： https://github.com/ybq/Android-SpinKit 類別： 進度條 (ProgressBar) 打分： ★★★★★ 更新： 2016-03-28

Android圓形進度條

/** * 仿iphone帶進度的進度條，執行緒安全的View，可直接線上程中更新進度 * * @author xiaanming */ public class RoundProgressBar extends View { /**

Android 圓形進度條

目錄結構 核心程式碼CicleProgressView.java public class CircleProgressView extends View { /** * 背景顏色 */ private i

Android透明圓形進度條對話方塊的設定

首先我們看一下Android自帶的圓形進度對話方塊： 接下來我們講一下如何建立: 1、使用Eclipse建立一個新的Andr​​oid 專案，使用Android 2.2或以上。 2、在/res/layout資料夾，建立線性佈局activity_main

Android零基礎入門第51節：進度條ProgressBar

動態更新 監聽 bar 統架構 堆疊 rop sha bfd 自動完成文本 不知不覺這已經是第51期了，在前面50期我們學了Android開發中使用頻率非常高的一些UI組件，當然這些組件還不足夠完成所有APP的開發，還會經常用到一些諸如進度條、拖動條、搜索框、時間和日

Android控制元件之圓形進度條

Android-自定義ProgressBar實現圓弧進度條 在之前的專案中用到過這個,感覺還是非常實用的,我實現的是額度的增長. 繼承於ProgressBar實現，保留了Progressbar的特性，原始碼在文尾。

Android自定義View-圓形進度條

好幾天不寫部落格了，這段時間一直沒時間，感覺一直在忙，但是進度不大。 好了，言歸正傳，最近專案裡要用到這麼一個自定義view，是一個圓形的進度圓環，現在學習下怎麼來自定義它。 原始碼下載地址 自定義之前先分析一下，這個自定義View主要有以下幾

Android開發自定義控制元件實現一個圓形進度條【帶數值和動畫】

實現一個如下圖所示的自定義控制元件，可以直觀地展示某個球隊在某個賽季的積分數和勝場、負場、平局數 首先對畫布進行區域劃分，整個控制元件分上下兩部分 上邊是個大的圓環，圓環中間兩行文字，沒什麼難度，選好圓心座標和半徑後直接繪製即可，繪製文字也是如此。 下部分是三個小的圓弧進

【Android Util】CircleProgressView 圓形進度條

package smxy.widget; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphi

android自定義的弧形進度條和圓形進度條-SemicircleProgress

SemicircleProgress 兩個自定義圓形和弧形進度條 第一個SemicircleProgress可以對中間和下面的字自定義 第二個CircularProgressar可