码迷,mamicode.com
首页 > 移动开发 > 详细

android 自定义Style初探---ProgressBar

时间:2015-12-30 16:58:15      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:

系统自带的ProgressBar太丑了,所以我决定自定义一个Style。

原来的Style

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<shape >
<corners android:radius="5dp">

</corners>
<gradient
android:startColor="#ff9d9e9d"
android:centerColor="#ff5a5d5a"
android:centerY="0.75"
android:endColor="#ff747674"
android:angle="270"
/>

</shape>

</item>

<item android:id="@android:id/secondaryProgress">
<clip
>
<shape>
<corners android:radius="5dp"/>
<gradient
android:startColor="#80ffd300"
android:centerColor="#80ffb600"
android:centerY="0.75"
android:endColor="#a0ffcb00"
android:angle="270"
/>
</shape>
</clip>
</item>

<item android:id="@android:id/progress">
<clip>
<shape>
<corners android:radius="5dp"></corners>
<gradient
android:startColor="#ffffd300"
android:centerColor="#ffffb600"
android:centerY="0.75"
android:endColor="#ffffcb00"
android:angle="270"
/>
</shape>
</clip>

</item>

</layer-list>


技术分享

 

 

自定义之后的:

progressbarcolor.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background"
android:drawable="@drawable/bg_progress"
>

</item>
<item android:id="@android:id/secondaryProgress">
<clip
>
<shape>
<corners android:radius="5dp"/>
<gradient
android:startColor="#80ffd300"
android:centerColor="#80ffb600"
android:centerY="0.75"
android:endColor="#a0ffcb00"
android:angle="270"
/>
</shape>
</clip>
</item>

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


</item>

</layer-list>


<style name="my_pb_style" parent="@android:style/Widget.ProgressBar.Horizontal">
        <item name="android:progressDrawable">@drawable/progressbarcolor</item>
    </style>

技术分享

 

其中,还需要两张图片:

技术分享

技术分享

重点在于研究系统的Style如何实现,然后自己模仿实现,在于这种学习的方法.

 

android 自定义Style初探---ProgressBar

标签:

原文地址:http://www.cnblogs.com/lzh-Linux/p/5089190.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!