首页 > 其他 > 详细

ProgressBar、SeekBar、RatingBar 自定义样式

时间:2014-03-20 01:33:34      阅读:468      评论:0      收藏:0      [点我收藏+]

RatingBar:小星星风格
 style="?android:attr/ratingBarStyleSmall"

 将星星替换成别的图标:
 1)共四张图片:填满的“星星”和未填满的“星星”的选中和未选中状态
 2)新建xml文件:
  <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

       <item  // 未填满的星星selector
           android:id="@+android:id/background"
           android:drawable="@drawable/ratingbar_full_empty_holo_light"/>
       <item  // 未填满的星星selector 第二进度
           android:id="@+android:id/secondaryProgress"
           android:drawable="@drawable/ratingbar_full_empty_holo_light"/>
       <item // 填满的星星 selector 第一进度
           android:id="@+android:id/progress"
           android:drawable="@drawable/ratingbar_full_filled_holo_light"/>
  </layer-list>

 3)未填满星星的两种状态的selector:
  <selector xmlns:android="http://schemas.android.com/apk/res/android">

       <item android:drawable="@drawable/btn_rating_star_off_pressed_holo_light"
    android:state_pressed="true"
    android:state_window_focused="true"/>
       <item android:drawable="@drawable/btn_rating_star_off_normal_holo_light"/>
  </selector>

 4)填满星星的两种状态的selector:
  <selector xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:drawable="@drawable/btn_rating_star_off_pressed_holo_light"
    android:state_pressed="true"
    android:state_window_focused="true"/>
       <item android:drawable="@drawable/btn_rating_star_off_normal_holo_light"/>
  </selector>
 5)设置ProgressDrawable属性。

ProgressBar:
 共有三个颜色:底色、第二进度颜色、主要进度颜色
 1)新建xml文件 custompb.xml
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">


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

   android:drawable="@android:drawable/progress_bg_holo_dark" /> // 底色图片
  <item android:id="@android:id/secondaryProgress">
   <scale android:scaleWidth="100%"
                     

   android:drawable="@android:drawable/progress_secondary_holo_dark" /> // 第二进度图片
  </item>
  <item android:id="@android:id/progress">
   <scale android:scaleWidth="100%"
   android:drawable="@android:drawable/progress_primary_holo_dark" /> // 主要进度图片
  </item>
 

</layer-list>

 2)准备三个经过处理的 .9 图片。

 3)在布局文件的ProgressBar节点中添加属性:
  progressDrawable = "@drawable/custompb"

SeekBar:
 进度条属性,与 ProgressBar 的xml文件一样
  android:progressDrawable="@drawable/scrubber_progress_horizontal_holo_light"
 拖动按钮图片属性:
  android:thumb="@drawable/scrubber_control_selector_holo"
  
  <selector xmlns:android="http://schemas.android.com/apk/res/android">

   
   // 不可用状态下显示的图标
   <item android:state_enabled="false"   
    android:drawable="@android:drawable/scrubber_control_disabled_holo" />


   // 按下状态下显示的图标
   <item android:state_pressed="true"    
    android:drawable="@android:drawable/scrubber_control_pressed_holo" />
   

   // 选中状态下的图标
   <item android:state_selected="true"
    android:drawable="@android:drawable/scrubber_control_focused_holo" />
   

   // 普通无动作状态下的图标
   <item android:drawable="@android:drawable/scrubber_control_normal_holo" />

  </selector>

 可以只选择 state_pressed 状态和 无动作状态。

ProgressBar、SeekBar、RatingBar 自定义样式,布布扣,bubuko.com

ProgressBar、SeekBar、RatingBar 自定义样式

原文:http://www.cnblogs.com/until-dead/p/3612531.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!