(六十八)进度条自定义样式(例如进度颜色、背景描边、填充、圆角)的方法

一、说明、

<1>在某项延续性工作的进展过程中为了不让用户觉得程序死掉了,需要有个活动的进度条,表示此过程正在进行中。
<2>在某些操作的进度中的可视指示器,为用户呈现操作的进度,还它有一个次要的进度条,用来显示中间进度,如在流媒体播放的缓冲区的进度。一个进度条也可不确定其进度。在不确定模式下,进度条显示循环动画。这种模式常用于应用程序使用任务的长度是未知的。

二、ProgressBar的两个进度。

一个是android:progress;另一个是android:secondaryProgress:主要是而为了缓存所涉及的,比如在看网络视频都会有一个缓存的进度条以及一个播放的进度,在这里缓存的进度就可以是android:secondaryProgress,而播放进度就是android:progress。

三、设置进度条高度为7dp;背景为1px描边#eaeaea,填充色#f5f5f5,圆角2dp;进度颜色为#ff9d45,圆角4px的方法。

3.1 在drawable文件加下写一个文件progress_bar_gradient.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">

        <!-- 进度条背景 -->
        <shape android:shape="rectangle" >
            <corners
                android:bottomLeftRadius="2dp"
                android:bottomRightRadius="2dp"
                android:topLeftRadius="2dp"
                android:topRightRadius="2dp" />

            <stroke
                android:width="1px"
                android:color="#eaeaea" />

            <solid android:color="#f5f5f5" />
        </shape>
    </item>
    <!-- 进度条上的背景 -->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners
                    android:bottomLeftRadius="2dp"
                    android:bottomRightRadius="2dp"
                    android:topLeftRadius="2dp"
                    android:topRightRadius="2dp" />

                <solid android:color="#ff9d45" />
            </shape>
        </clip>
    </item>

</layer-list>

3.2 在xml文件中使用ProgressBar,代码如下:

 <ProgressBar
            android:id="@+id/pb_my_package"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="fill_parent"
            android:layout_height="7dp"
            android:layout_marginTop="7dp"
            android:progress="50"
            android:progressDrawable="@drawable/progress_bar_gradient" />

3.3 通过上面的代码设置后,进度条大致的效果如下所示:

时间: 2024-08-06 01:09:47

(六十八)进度条自定义样式(例如进度颜色、背景描边、填充、圆角)的方法的相关文章

ProgressBar学习笔记,自定义横向进度条的样式(包含ActionBar上面的进度条)

 点显示进度条后→   android:max="100" 进度条的最大值 android:progress  进度条已经完成的进度值 android:progressDrawable 已经完成的进度条轨道显示的Drawable对象 indeterminateDrawable   设置绘制不显示进度的进度条的Drawable对象 android:indeterminate 设置为true,进度条不精准显示进度 android:indeterminateDuration  设置不精准显示

Android自定义进度条-带文本(文字进度)的水平进度条(ProgressBar)

/** * 带文本提示的进度条 */ public class TextProgressBar extends ProgressBar { private String text; private Paint mPaint; public TextProgressBar(Context context) { super(context); initText(); } public TextProgressBar(Context context, AttributeSet attrs, int d

全栈JavaScript之路(十八)HTML5 自定义数据属性

HTML5 规范规定,用户可以为元素 自定义非标准属性, 但是要添加 data- 前缀. 目的是为元素提供与页面渲染无关的信息.或者语义信息.这些属性名可以随意添加,只要带上前缀 data- 开头就可以. <div id="myid" data-appid="1" data-appname="csdn"></div> 添加属性这后可以通过 dataset 访问自定义属性,dataset 属性 是DOMStringMap  

酷炫进度条 自定义SeekBar

前些天一同学给了我一个ui图,是这样子的: 需求: 1.看了ui图可以知道这类似android自带的seekbar控件, 2.一个水平进度条和一个圆形进度条: 3.圆形进度条显示环形刻度和当前进度值: 4.并且圆形进度可滑动操作: 最终实现效果: 废话不多说上代码: 水平的进度条:HorizonalProgress.class package com.totcy.magicprogress; import android.animation.ObjectAnimator; import andr

自定义圆形进度条 自定义倒计时进度条

自定义圆形进度条 自定义倒计时进度条 版权声明:转载必须注明本文转自严振杰的博客: http://blog.csdn.net/yanzhenjie1003 此控件源码已开源到Github:https://github.com/yanzhenjie/CircleTextProgressbar,欢迎Star. 欢迎加入我博客左侧的QQ交流群一起探讨. 效果预览 源代码传送门:https://github.com/yanzhenjie/CircleTextProgressbar 实现与原理 这个文字圆

wpf silder进度条的样式模板,带有进度颜色显示

效果图: 只需在前台加上这段代码即可: <UserControl.Resources> <!--笔刷--> <LinearGradientBrush x:Key="SliderBackground" StartPoint="0,0" EndPoint="0,1"> <GradientStop Offset="0" Color="#59ccfc"/> <G

缓冲进度条或加载进度条

缓冲进度条或加载进度条,在加载页面或者视频加载过程中,为了做到更好的UI及App功能体验交互,这些缓冲加载的等待效果是必不可少的: 下面来看一下旋转的动画效果:那么,他们的具体源码在这里:loading_1: <?xml version="1.0" encoding="utf-8"?> <rotate xmlns:android="http://schemas.android.com/apk/res/android" andro

C# 下载带进度条代码(普通进度条)

<span style="font-size:14px;"> </span><pre name="code" class="csharp"><span style="font-size:14px;"> /// <summary> /// 下载带进度条代码(普通进度条) /// </summary> /// <param name="URL&

自定义Android进度条ProgressBar样式

进度条在Android应用中随处或见,都是为用户提供一个提示,用来增加用户的体验度!进度条样式多种多样,有圆形的,有条形的,有垂直方向的,也有水平方向的.Android系统也是我们提供了好几种默认的样式,今天我们来讲讲自定义样式的ProgressBar. 下面用个很小(又是很小)的例子: -------------------------xml布局-------------------------------------------- <ProgressBar android:id="@+