文档章节

自定义进度条的实现

小本聪
 小本聪
发布于 2015/05/31 16:12
字数 278
阅读 31
收藏 0

实现类似蝉游记图片加载进度条效果

styles.xml

<style name="ProgressBar_Gray" parent="@android:style/Widget.ProgressBar.Horizontal">  
    <item name="android:maxHeight">50dip</item>  
    <item name="android:minHeight">8dip</item>  
    <item name="android:indeterminateOnly">false</item>  
    <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>  
    <item name="android:progressDrawable">@drawable/progressbar_gray</item>  
</style>

drawable folder - progressbar_gray.xml

使用layer-list 实现多图层叠加,主要是更改图层的半径和颜色等属性。

  • progress:类似播放视频播放进度

  • secondaryProgress:类似播放视频缓冲进度

<?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="10dip" />

            <gradient
                android:angle="270"
                android:centerY="0.75"
                android:endColor="#ebebeb"
                android:startColor="#ebebeb" />

            <stroke
                android:width="2px"
                android:color="#c3c3c3" />
        </shape>
    </item>
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="10dip" />

                <gradient
                    android:angle="270"
                    android:centerY="0.75"
                    android:endColor="#c3c3c3"
                    android:startColor="#c3c3c3" />
            </shape>
        </clip>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="10dip" />

                <gradient
                    android:angle="270"
                    android:centerY="0.75"
                    android:endColor="#c3c3c3"
                    android:startColor="#c3c3c3" />
            </shape>
        </clip>
    </item>

</layer-list>

如何使用:

<ProgressBar
    android:id="@+id/note_progressBar"
    style="@style/ProgressBar_Gray"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:progress="2" />


© 著作权归作者所有

小本聪
粉丝 5
博文 9
码字总数 3237
作品 0
杭州
程序员
私信 提问
仿MIUI音量变化环形进度条实现

Android中使用环形进度条的业务场景其实蛮多的,比如下载文件的时候使用环形进度条,会给用户眼前一亮的感觉;再比如我大爱的MIUI系统,它的音量进度条就是使用环形进度条,尽显小米"为发烧而...

Jack_1900
2014/07/25
0
0
Android学习笔记18:自定义Seekbar拖动条式样

  SeekBar拖动条可以由用户控制,进行拖动操作。比如,应用程序中用户需要对音量进行控制,就可以使用拖动条来实现。 1.SeekBar控件的使用 1.1SeekBar常用属性   SeekBar的常用属性有以下...

程序袁_绪龙
2015/03/19
0
0
6款新颖的jQuery和CSS3进度条插件

现在的网页功能越来越多,尤其是AJAX的广泛应用,进度条和Loading加载动画显得越来越重要了。下面给大家介绍几款比较新颖的jQuery和CSS3进度条Loading加载动画插件,希望对大家有帮助。 1、不...

ruby_chen
2013/03/05
46
0
自定义View之王者荣耀等级进度条

Demo效果 这里用王者荣耀的等级做了一个demo 实现思路 由进度条想到ProgressBar,继承自ProgressBar,可以在onDraw()中通过getProgress()和getMax()的比值来得到当前的进度 动画效果其...

Lunaqi
2018/01/06
0
0
Swift4.0学习笔记(八)——进度条(UIProgressView)

1.声明控件 进度条有两种样式 bar default 两种样式使用效果如下: 运行效果: 进度条样式 2.启用进度条加载动画 3.改变进度条颜色 设置进度条颜色 4.设置progressView的高度 其实细心的小伙...

古川不爱笑
2018/01/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

vue预渲染

prerender-spa-plugin 安装prerender-spa-plugin (插件使用见npm官网)[https://www.npmjs.com/package/prerender-spa-plugin] npm install prerender-spa-plugin --save-dev 配置prerender-s......

莫西摩西
38分钟前
1
0
Command模式

https://www.cnblogs.com/devinzhang/archive/2012/01/06/2315235.html

南桥北木
今天
1
0
由于PostgreSQL9.x二进制输出格式默认值改变导致的读取图片错误

今天从社区邮件看到一个这样的问题,感觉很有意思,在这分享给大家~具体如下: 问题现象: 作者有一个很老的Java应用,当时后端采用的PostgreSQL数据库版本为8.x,该系统除了正常的数据增删...

闻术苑
今天
2
0
导入sql时出现Invalid default value for 'create_time'报错处理方法

当运行SQL会出现:[Err] 1067 - Invalid default value for 'create_time',是因为Mysql版本不同,如果版本不 < 5.6请去的话报错的处理方法如下: 方法 :alter table table_name modify cre......

writeademo
今天
1
0
对ssm(spring,springmvc,mybatis)的了解总结

ssm框架现在是java web开发的三个主流框架 ,其实严格来算只算是两个框架,因为springmvc属于spring框架 ,是spring的一个mvc子框架 那么我们下面就来了解一下三大框架把 一 .Spring spring...

咸鱼-李y
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部