文档章节

设置圆角长条progressbar背景色

王先森oO
 王先森oO
发布于 2018/07/17 15:28
字数 337
阅读 17
收藏 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
博文 125
码字总数 62253
作品 0
昌平
私信 提问
Android UI 设计中的三种特效

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

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

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

海上月_天上月
2017/11/24
0
0
FLEX3中应用CSS完全详解手册!

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

bigYuan
2012/03/17
0
0
Android 进度条按钮实现(ProgressButton)

有些App在点击下载按钮的时候,可以在按钮上显示进度,我们可以通过继承原生Button,重写onDraw来实现带进度条的按钮。 Github:https://github.com/imcloudfloating/ProgressBar 1.效果: ...

浮云Cloud
2018/10/26
0
0
Android开发偷懒技巧之XSelector

平时我们在开发项目时看到设计稿中有各种对控件设置在不同状态下显示不同的背景(边框、颜色等)样式或者不同的文字显示颜色等效果,这时候我们就需要在项目的resource目录下的drawable中创建...

u012532559
2018/05/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Cookie 显示用户上次访问的时间

import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.Cookie;import javax.servlet.http.HttpServlet;import javax.serv......

gwl_
今天
1
0
网络编程

第14天 网络编程 今日内容介绍  网络通信协议  UDP通信  TCP通信 今日学习目标  能够辨别UDP和TCP协议特点  能够说出UDP协议下两个常用类名称  能够说出TCP协议下两个常用类名称...

stars永恒
今天
1
0
二进制相关

二进制 众所周知计算机使用的是二进制,数字的二进制是如何表示的呢? 实际就是逢二进一。比如 2 用二进制就是 10。那么根据此可以推算出 5的二进制等于 10*10+1 即为 101。 在计算机中,负数以...

NotFound403
昨天
3
0
day22:

1、写一个getinterface.sh 脚本可以接受选项[i,I],完成下面任务: 1)使用格式:getinterface.sh [-i interface | -I ip] 2)当用户使用-i选项时,显示指定网卡的IP地址;当用户使用-I选项...

芬野de博客
昨天
2
0
Spring Cloud Alibaba基础教程:使用Nacos实现服务注册与发现

自Spring Cloud Alibaba发布第一个Release以来,就备受国内开发者的高度关注。虽然Spring Cloud Alibaba还没能纳入Spring Cloud的主版本管理中,但是凭借阿里中间件团队的背景,还是得到不少...

程序猿DD
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部