文档章节

设置圆角长条progressbar背景色

王先森oO
 王先森oO
发布于 07/17 15:28
字数 337
阅读 4
收藏 0

1、首先在Drawable下面新建一个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_stroke_blue_coners_30"></item>-->
    <!--<item-->
        <!--android:id="@android:id/progress">-->
        <!--<scale-->
            <!--android:drawable="@drawable/bg_solid_blue_coners_30"-->
            <!--android:scaleWidth="100%">-->
        <!--</scale>-->
    <!--</item>-->


    <!-- 这个是背景颜色 -->
    <item android:id="@android:id/background">
        <shape>

            <!-- 这个是设置圆角还会直角,如果设置成0dip就是直角 -->
            <corners android:radius="30dip" />
            <!-- 设置背景的颜色,将startColor、centerColor、endColor都设置成同一个颜色值 -->
            <!--
                 如果你不用颜色值也可以,可以直接用图片来代替,在item中添加这个属性就可以了,其他的不需要
                 android:drawable="@drawable/progressbar_bg"
            -->
            <gradient
                android:angle="270"
                android:centerColor="@color/gray_cc"
                android:centerY="0.75"
                android:endColor="@color/gray_cc"
                android:startColor="@color/gray_cc" />
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>

                <!-- 这个也是设置时圆角还是直角,左边的 -->
                <corners android:radius="5dip" />
                <!-- 设置进度的颜色,将startColor、centerColor、endColor都设置成同一个颜色值 -->
                <gradient
                    android:angle="270"
                    android:centerColor="@color/colorpabar"
                    android:centerY="0.75"
                    android:endColor="@color/colorpabar"
                    android:startColor="@color/colorpabar" />
            </shape>
        </clip>
    </item>
</layer-list>

 

2 布局文件中应用

<ProgressBar
    android:id="@+id/progressbar3"
    style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"
    android:layout_width="match_parent"
    android:layout_height="20px"
    android:progressDrawable="@drawable/custom_progressbar" />

© 著作权归作者所有

共有 人打赏支持
王先森oO
粉丝 7
博文 113
码字总数 53426
作品 0
昌平
Android UI 设计中的三种特效

一、背景色渐变 背景色渐变可以通过在res/drawable中定义一个XML文件实现,gradient.xml的代码如下: 其中,shape是用来定义形状的,gradient定义该形状里面为渐变色填充,startColor起始颜色...

鉴客
2011/12/12
12.2K
16
记:css3实现条状百分比效果

效果图 效果图就是上方所示了,整个长条表示100%,绿色的部分表示该条目占比,鼠标移到该长条上时,显示百分比(title属性设置) 首先这个百分比,你要计算出来。 该条状,我用的是Label来进行...

海上月_天上月
2017/11/24
0
0
delphi 进度条设置前景色

PostMessage(ProgressBar1.Handle, $0409, 0, clgreen); //前景色设置为绿色 Progressbar1.Brush.Color := clSkyBlue;//背景色为天蓝色...

jingshishengxu
2016/06/04
29
0
使用纯CSS实现圆角边框并完美兼容

纯CSS实现圆角框是一件大家都说烂了的事件,我也写过两篇总结文章,为什么还会有这篇文章呢,事情是这样的。在我们的以前的项目中,实现圆角框往往是用背景图片来实现的,但是,当这些项目发...

晨曦之光
2012/03/09
0
0
FLEX3中应用CSS完全详解手册!

编辑完这个FLEX下的CSS说明后,我基本已经兵临崩溃边缘了。在些天在AIRIA下了不少好东西,今天终于有空,也发一个比较不错的东西给大家,相信都比较需要这个FLEX下的CSS使用方法的详细说明(...

bigYuan
2012/03/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Confluence 6 删除垃圾内容

属性(profile)垃圾 属性垃圾的定义为,一个垃圾用户在 Confluence 创建了用户,但是这个用户在自己的属性页面中添加了垃圾 URL。 如果你有很多垃圾用户在你的系统中创建了属性,你可以使用...

honeymose
今天
0
0
qduoj~前端~二次开发~打包docker镜像并上传到阿里云容器镜像仓库

上一篇文章https://my.oschina.net/finchxu/blog/1930017记录了怎么在本地修改前端,现在我要把我的修改添加到部署到本地的前端的docker容器中,然后打包这个容器成为一个本地镜像,然后把这...

虚拟世界的懒猫
今天
1
0
UML中 的各种符号含义

Class Notation A class notation consists of three parts: Class Name The name of the class appears in the first partition. Class Attributes Attributes are shown in the second par......

hutaishi
今天
1
0
20180818 上课截图

小丑鱼00
今天
1
0
Springsecurity之SecurityContextHolderStrategy

注:下面分析的版本是spring-security-4.2.x,源码的github地址是: https://github.com/spring-projects/spring-security/tree/4.2.x 先上一张图: 图1 SecurityContextHolderStrategy的三个......

汉斯-冯-拉特
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部