自定义style的progressBar...

近期开发的项目,需要这样的progressBar显示效果…
好久没弄过自定义style的progressBar了

1.xml内创建progressBar

默认为圆环的progressBar,添加style

style="@android:style/Widget.ProgressBar.Horizontal"

点进去

<style name="Widget.ProgressBar.Horizontal">
        <item name="indeterminateOnly">false</item>
        <item name="progressDrawable">@drawable/progress_horizontal</item>
        <item name="indeterminateDrawable">@drawable/progress_indeterminate_horizontal</item>
        <item name="minHeight">20dip</item>
        <item name="maxHeight">20dip</item>
        <item name="mirrorForRtl">true</item>
    </style>

主要改一下progressDrawable就可以了..
可以在style里面创建一个自定义style,parent为”Widget.ProgressBar.Horizontal”,然后重写一个progressDrawable即可.

点开progressDrawable的值
会发现,主要为3个内容:

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

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

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

分别是:背景,第二进度,第一进度. 3者是互相层叠的.

2.自定义progress_horizontal

直接定位找到该类,copy一份,放在drawable里面,修改名称
+ 1. 修改边框
修改边框直接在background内,标签内,创建一个圆环,定义宽度和颜色即可

<stroke
                android:width="1dp"
                android:color="#FF9B1A" />

• 2.添加斜线…
  因为考虑到斜线和其他情况不一样,我选择是再创建一份progress_horizontal.
  保持边框,同时添加斜线,我这边斜线是美工提供的切图(11x8),最开始是直接设置background,然后发现我实在tooyoung…
  这样设置,发现整个斜线直接放大填充到整个progressBar内…

  需要将图片进行平铺处理才行…
  最后在item==>progress的 标签内部加上

<bitmap
                android:src="@drawable/icon_common_progressbar_drawable"
                android:tileMode="repeat" />

发现图片居然以progressBar的中轴线分成上下两个部分,各自平铺,还是错开的…
果断找美工把斜线图片从(11x8)的尺寸放大2倍,瞬间解决问题了

• 3.替换progressDrawable

Drawable drawable = mContext.getResources().getDrawable(R.drawable.common_invalid_progress_horizontal);
drawable.setBounds(progressBar.getProgressDrawable().getBounds());
progressBar.setProgressDrawable(drawable);
progressBar.setProgress(100);

根据实际的type在Adapter内替换掉progressDrawable…

Tips:不要使用

progressBar.setProgressDrawable(mContext.getDrawable(R.drawable.common_invalid_progress_horizontal));

这个需要添加注解

@TargetApi(Build.VERSION_CODES.LOLLIPOP)

为了兼容性,还是使用过期的方法…
最后为了方便,我选择是直接在progressBar的xml布局上直接添加属性
progressBar,默认为橙色边框…再根据实际需求将平铺斜线的progressDrawable进行实时替换.