Android ProgressBar 進度條熒光效果

http://blog.csdn.net/ywtcy/article/details/7878289html

這段時間作項目,產品需求,進度條要作一個熒光效果,相似於Android4.0 瀏覽器中進度條那種樣子。剛開始,百思不得其姐啊,還覺得是用sharp文件或者canvas直接畫出來的。後來一怒之下,把系統瀏覽器的apk包給解開了,坑爹的是,那個熒光效果的進度條竟然是用的一張.9的圖片,恍然大悟啊,不過,谷哥仍是強大了一下,他的進度條用的並非ProgressBar,而是重寫的ImageView,固然,這個就不在今天的討論範圍了,呵呵,感興趣的同窗能夠去看一下系統瀏覽器的源碼。android

這是Android 4.0中瀏覽器加載的效果,那個進度條,很惹眼的說~~canvas

而真相竟然是一張製做巧妙的.9圖片:progress.9.png(這裏不得不讚一下Android中的.9圖片(Nine-patch),真的很方便)瀏覽器

固然使用起來就容易了,看代碼:ide

/res/layout/activity_main.xml動畫

[html]  view plain copy
  1. <ProgressBar  
  2.        android:id="@+id/pb"  
  3.        style="?android:attr/progressBarStyleHorizontal"  
  4.        android:layout_width="fill_parent"  
  5.        android:layout_height="wrap_content"  
  6.        android:layout_below="@id/tv"  
  7.        android:progressDrawable="@drawable/progress_drawable" />  
/res/drawable/progress_drawable.xml
[html]  view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
  3.   
  4.     <item android:id="@android:id/progress">  
  5.         <clip android:drawable="@drawable/progress" />  
  6.     </item>  
  7.   
  8. </layer-list>  
最後效果是這樣的

不過,實際體驗中貌似有點不太完美,但理論上應該是這樣的,呵呵,若是有錯誤之處,還望各位看官批評指正!spa

還有一個問題就是,這個進度條的更新感受是一跳一跳的,不是很平滑,不知道可否加個動畫效果讓進度條的更新更加平滑一點,有相似經驗的同窗還望支個招啊,多謝了!.net

相關文章
相關標籤/搜索