Android簡單實現(xiàn)一個顏色漸變的ProgressBar的方法
今天看一個教程，看到一個顏色漸變的ProgressBar，覺得有點意思，所以記錄一番。
下面這個是效果圖
顏色漸變的ProgressBar
看到效果圖可能會給人一種使用了高端技術(shù)的感覺，其實這個沒有那么高深，我們只是簡單改變了ProgressBar的樣式即可實現(xiàn)，下面說說實現(xiàn)方式。
首先我們簡單分析一下：
1 . 上面的樣式只是實現(xiàn)了顏色漸變，但它旋轉(zhuǎn)和呈現(xiàn)的方式仍然是一個圓形的ProgressBar。
2 . 這個ProgressBar實現(xiàn)了顏色漸變，我們就需要用到gradient，這個也比較簡單，只要我們配置開始，中間，結(jié)束顏色即可實現(xiàn)
明白了上面兩點我們就開始寫代碼。
首先，我們實現(xiàn)上面的布局，背景灰色，一個ProgressBar居中，一個TextView位于ProgressBar下方。
代碼如下：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="cn.codekong.androidloading.MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#de262a3b">
<ProgressBar
android:id="@+id/loading"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_centerInParent="true"
android:indeterminate="false"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/loading"
android:text="加載中"
android:textColor="#ffffff"
android:textSize="20sp"
android:layout_centerHorizontal="true"/>
</RelativeLayout>
</RelativeLayout>
上面其他代碼都很好理解，只有ProgressBar有一個 indeterminate 屬相需要解釋一下：
一般的ProgressBar都是用于顯示加載進度，如果我們直到當前的具體進度，那個這個屬性要設置為true，并設置正確的進度，如果我們也不知道正確的進度，則設置為false。
布局設置好了，下一步就是設置ProgressBar的漸變樣式，這里我們需要自定義一個Drawable。
自定義的Drawable代碼如下：
<?xml version="1.0" encoding="utf-8"?>
<rotate
xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:toDegrees="1080.0">
<shape android:innerRadiusRatio="3"
android:shape="ring"
android:thicknessRatio="10"
android:useLevel="false">
<gradient android:centerColor="#FFDC35"
android:centerY="0.50"
android:endColor="#CE0000"
android:startColor="#FFFFFF"
android:type="sweep"/>
</shape>
</rotate>
下面解釋一下上面的代碼：
外層的 rotate 表明這是一個旋轉(zhuǎn)的動畫，并且該規(guī)定了開始角度和結(jié)束角度，還有旋轉(zhuǎn)中心為圓心
內(nèi)層的shape定義了形狀為一個環(huán)(ring)，其中有三個屬性：
<1> innerRadiusRatio 為外環(huán)半徑和內(nèi)徑的比值，比如外環(huán)半徑為30，內(nèi)環(huán)半徑為10，則比值為3
<2> thicknessRatio 為外環(huán)半徑與環(huán)的厚度的比值
<3> useLevel 如果為true，則可以在LevelListDrawable中使用
接下來的 gradient 定義了漸變效果，規(guī)定了開始結(jié)束的顏色，還規(guī)定漸變方式為掃描漸變
最后一步，我們通過一個ProgressBar的屬性給他設置我們上面定義的樣式：
android:indeterminateDrawable="@drawable/loading_drawable"
經(jīng)過上面的步驟我們就實現(xiàn)了一個簡單的漸變的ProgressBar，是不是超級簡單，希望可以幫助到需要的人。
源碼地址: https://github.com/codekongs/Android-Learning/tree/master/AndroidLoading
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于自定義View系列之kotlin繪制手勢設置溫度控件的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-07-07
android studio實現(xiàn)簡單的計算器功能
這篇文章主要為大家詳細介紹了android studio實現(xiàn)簡單的計算器功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
Android實現(xiàn) Shape屬性gradient 漸變效果
這篇文章主要介紹了Android 實現(xiàn)Shape屬性gradient 漸變效果,gradient用以定義漸變色，可以定義兩色漸變和三色漸變，及漸變樣式，具體實現(xiàn)代碼感興趣的朋友跟隨小編一起看看吧2019-11-11
這篇文章主要為大家詳細介紹了Flutter進階質(zhì)感設計之標簽欄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
這篇文章主要為大家詳細介紹了Android使用popUpWindow帶遮罩層的彈出框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
大家好，本篇文章主要講的是Android中絕對音量和相對音量設置，感興趣的同學趕快來看一看吧，對你有幫助的話記得收藏一下2022-01-01
Android ViewPager實現(xiàn)無限循環(huán)的實例
這篇文章主要介紹了Android ViewPager實現(xiàn)無限循環(huán)的實例的相關(guān)資料,需要的朋友可以參考下2017-07-07
這篇文章主要介紹了Android 開發(fā)中fragment預加載問題的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-01-01
Android Usb設備的監(jiān)聽(Dev)外設端口的判定以及耳機的插拔
今天小編就為大家分享一篇關(guān)于Android Usb設備的監(jiān)聽(Dev)外設端口的判定以及耳機的插拔，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2018-12-12
這篇文章主要為大家詳細介紹了Android獲取網(wǎng)絡圖片并顯示的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11