Android實現(xiàn)個性化的進度條
1.案例效果圖
2.準備素材
progress1.png(78*78) progress2.png(78*78)
3.原理
采用一張圖片作為ProgressBar的背景圖片(一般采用顏色比較淺的)。另一張是進度條的圖片(一般采用顏色比較深的圖片)。進度在滾動時:進度圖片逐步顯示,背景圖片逐步隱藏,達到上面的效果。
4.靈感來自Android控件提供的源碼
4.1 默認帶進度的進度條,如下圖
<ProgressBar android:id="@+id/progressBar2" style="@android:style/Widget.ProgressBar.Horizontal" android:layout_width="268dp" android:layout_height="wrap_content" android:progress="45" />
注意:關鍵是style屬性在起作用
4.2 找到樣式定義的位置
鼠標放在style屬性值上,按下Ctrl鍵,出現(xiàn)超鏈接,點擊超鏈接跳轉到樣式的定義位置
樣式定義的內容如下
重點研究:
android:progressDrawable:進度條的樣式
@android:drawable/progress_horizontal:樣式定義的文件
在android-sdk-windows\platforms\android-14\data\res目下搜索progress_horizontal.xml文件,搜索結果如下:
打開progress_horizontal.xml文件,內容如下
<layer-listxmlns:android="http://schemas.android.com/apk/res/android"> <itemandroid:id="@android:id/background"> <shape> <cornersandroid:radius="5dip"/> <gradient android:startColor="#ff9d9e9d" android:centerColor="#ff5a5d5a" android:centerY="0.75" android:endColor="#ff747674" android:angle="270" /> </shape> </item> <itemandroid:id="@android:id/secondaryProgress"> <clip> <shape> <cornersandroid:radius="5dip"/> <gradient android:startColor="#80ffd300" android:centerColor="#80ffb600" android:centerY="0.75" android:endColor="#a0ffcb00" android:angle="270" /> </shape> </clip> </item> <itemandroid:id="@android:id/progress"> <clip> <shape> <cornersandroid:radius="5dip"/> <gradient android:startColor="#ffffd300" android:centerColor="#ffffb600" android:centerY="0.75" android:endColor="#ffffcb00" android:angle="270" /> </shape> </clip> </item> </layer-list>
釋義:
<item android:id="@android:id/background">:定義進度條的背景樣式
<item android:id="@android:id/secondaryProgress">:輔助進度條的樣式
<item android:id="@android:id/progress">:進度條的樣式
思考:如果我想做垂直進度條,怎么辦了?
關鍵在clip元素的屬性上做修改
<clip android:clipOrientation="vertical" 定義滾動的方向 vertical為垂直方向 android:drawable="@drawable/progress1" 定義進度的圖片 android:gravity="bottom" > 定義進度的開始位置 </clip>
5.定義樣式文件progress_vertical.xml
progress_vertical.xml文件代碼如下
<?xmlversion="1.0"encoding="utf-8"?> <layer-listxmlns:android="http://schemas.android.com/apk/res/android"> <itemandroid:id="@android:id/progress"> <clip android:clipOrientation="vertical" android:drawable="@drawable/progress1" android:gravity="bottom"> </clip> </item> </layer-list>
6.應用自定義的樣式
<Button android:id="@+id/btStart" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="150dp" android:text="開始"/> <ProgressBar android:id="@+id/pbPic" style="@android:style/Widget.ProgressBar.Horizontal" android:layout_width="50dp" android:layout_height="68dp" android:background="@drawable/progress2" android:max="100" android:progress="0" android:progressDrawable="@drawable/progress_vertical" /> <!-- 在此屬性上應用 --> <TextView android:id="@+id/txtProgress" android:layout_width="wrap_content" android:layout_height="wrap_content"/>
7.點擊按鈕模擬進度滾動的效果
publicclass ProgressActivity extends Activity { ProgressBar pb = null; TextView txtProgress; Handler handler = new Handler(); @Override publicvoid onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); System.out.println("主題=" + getTheme() + ""); pb = (ProgressBar) findViewById(R.id.pbPic); Button btnStart = (Button) findViewById(R.id.btStart);//按鈕 txtProgress = (TextView) findViewById(R.id.txtProgress);//顯示進度 btnStart.setOnClickListener(new OnClickListener() {//按鈕點擊事件 publicvoid onClick(View v) { new Thread(new Runnable() {//創(chuàng)建并啟動線程,使用線程執(zhí)行模擬的任務 publicvoid run() { for (inti = 0; i < 100; i++) { //循環(huán)100遍 try { handler.post(new Runnable() { //更新界面的數(shù)據(jù) publicvoid run() { pb.incrementProgressBy(1);//增加進度 txtProgress.setText(pb.getProgress() + "%");//顯示完成的進度 } }); Thread.sleep(100); } catch (InterruptedException e) { } } } }).start(); } }); } }
以上所述是小編給大家介紹的Android實現(xiàn)個性化的進度條,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- Android 進度條使用詳解及示例代碼
- Android自定義水平進度條的圓角進度
- Android自定義View基礎開發(fā)之圖片加載進度條
- Android自定義View之圓形進度條式按鈕
- Android 帶進度條的WebView 示例代碼
- Android仿水波紋流量球進度條控制器
- Android應用中炫酷的橫向和環(huán)形進度條的實例分享
- Android中制作進度框和環(huán)形進度條的簡單實例分享
- Android實現(xiàn)自定義圓形進度條
- Android自定義View實現(xiàn)帶數(shù)字的進度條實例代碼
- Android三種方式實現(xiàn)ProgressBar自定義圓形進度條
- Android ProgressBar進度條使用詳解
- android 進度條組件ProgressBar
相關文章
Android使用RecyclerView實現(xiàn)列表數(shù)據(jù)選擇操作
這篇文章主要為大家詳細介紹了Android使用RecyclerView結合CheckBox實現(xiàn)列表數(shù)據(jù)選擇操作,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06Android Studio如何為Activity添加自定義注解信息
好久沒用寫文章了,今天給大家分享Android Studio如何為Activity添加自定義注解信息,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2021-06-06android 檢查網(wǎng)絡連接狀態(tài)實現(xiàn)步驟
android 如何檢查網(wǎng)絡連接狀態(tài),是android開發(fā)中一個常見的問題,本文將介紹如何實現(xiàn),需要的朋友可以參考下2012-12-12