Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發 >> 高級開發 >> Android 漸變的ProgressBar實現方式

Android 漸變的ProgressBar實現方式

編輯:高級開發

在drawable中創建一張圖片progress_bar.XML:

  XML代碼

  1. < layer-list XMLns:android="http://schemas.android.com/apk/res/android">

  2.

  3. < item android:id="@android:id/background">

  4. < shape>

  5. < corners android:radius="5dip" />

  6. < gradIEnt

  7. android:startColor="#ff9d9e9d"

  8. android:centerColor="#ff5a5d5a"

  9. android:centerY="0.75"

  10. android:endColor="#ff747674"

  11. android:angle="0"

  12. />

  13. < /shape>

  14. < /item>

  15.

  16. < item android:id="@android:id/secondaryProgress">

  17. < clip>

  18. < shape>

  19. < corners android:radius="5dip" />

  20. < gradIEnt

  21. android:startColor="#80ffd300"

  22. android:centerColor="#80ffb600"

  23. android:centerY="0.75"

  24. android:endColor="#a0ffcb00"

  25. android:angle="0"

  26. />

  27. < /shape>

  28. < /clip>

  29. < /item>

  30. < item android:id="@android:id/progress">

  31. < clip>

  32. < shape>

  33. < corners

  34. android:radius="5dip" />

  35. < gradIEnt

  36. android:startColor="#80ff0000"

  37. android:endColor="#8000ff00"

  38. android:angle="0" />

  39. < /shape>

  40. < /clip>

  41. < /item>

  42.

  43. < /layer-list>

  < layer-list XMLns:android="http://schemas.android.com/apk/res/android">

  < item android:id="@android:id/background">

  < shape>

  < corners android:radius="5dip" />

  < gradIEnt

  android:startColor="#ff9d9e9d"

  接上頁

  android:centerColor="#ff5a5d5a"

  android:centerY="0.75"

  android:endColor="#ff747674"

  android:angle="0"

  />

  < /shape>

  < /item>

  < item android:id="@android:id/secondaryProgress">

  < clip>

  < shape>

  < corners android:radius="5dip" />

  < gradIEnt

  android:startColor="#80ffd300"

  android:centerColor="#80ffb600"

  android:centerY="0.75"

  android:endColor="#a0ffcb00"

  android:angle="0"

  />

  < /shape>

  < /clip>

  < /item>

  < item android:id="@android:id/progress">

  < clip>

  < shape>

  < corners

  android:radius="5dip" />

  < gradIEnt

  android:startColor="#80ff0000"

  android:endColor="#8000ff00"

  android:angle="0" />

  < /shape>

  < /clip>

  < /item>

  < /layer-list>

  引用這張圖片:

  XML代碼

  1. < ProgressBar

  2. android:id="@+id/progressBar1"

  3. android:layout_width="fill_parent"

  4. android:layout_height="wrap_content"

  5. style="?android:attr/progressBarStyleHorizontal"

  6. android:max="100"

  7. android:progress="80"

  8. android:secondaryProgress="90"

  9. android:progressDrawable="@drawable/progress_bar"

  10. />

  < ProgressBar

  android:id="@+id/progressBar1"

  android:layout_width="fill_parent"

  android:layout_height="wrap_content"

  style="?android:attr/progressBarStyleHorizontal"

  android:max="100"

  android:progress="80"

  android:secondaryProgress="90"

  android:progressDrawable="@drawable/progress_bar"

  />

  對應的代碼:

  progressBar1.setProgressDrawable(getResources().getDrawable(R.drawable.progress_bar));

  效果:

  [點擊查看原始大小圖片]

  progressBar常用方法

  http://only81.Javaeye.com/blog/531242

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved