ProgressBar

于 2014-02-25 10:16:31 发布
阅读量790 收藏
点赞数

http://developer.android.com/reference/android/widget/ProgressBar.html#attr_android:indeterminate

一。长形进度条

样式一，Android源码中定义样式style="@android:style/Widget.ProgressBar.Horizontal" 的ui源码

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 设置背景色 -->
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="5dip" />
            <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="5dip" />
                <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="5dip" />
                <gradient
                        android:startColor="#ffffd300"
                        android:centerColor="#ffffb600"
                        android:centerY="0.75"
                        android:endColor="#ffffcb00"
                        android:angle="270"
                />
            </shape>
        </clip>
    </item>
    
</layer-list>

样式二，Android源码中定义样式style="?android:attr/progressBarStyleHorizontal 的ui源码 

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@android:id/background"
          android:drawable="@drawable/progress_bg_holo_dark" />

    <item android:id="@android:id/secondaryProgress">
        <scale android:scaleWidth="100%"
               android:drawable="@drawable/progress_secondary_holo_dark" />
    </item>

    <item android:id="@android:id/progress">
        <scale android:scaleWidth="100%"
               android:drawable="@drawable/progress_primary_holo_dark" />
    </item>

</layer-list>

progress_bg_holo_dark.9.png progress_bg_holo_dark.9.png      progress_primary_holo_dark.9.png     progress_secondary_holo_dark.9.png

自定义ProgressBar：参照样式一修改startColor、centerColor、endColor属性或者参照样式二修改drawable图片在res/drawable目录下创建custom_progressbar_horizontal.xml。

layout文件中引用：通过progressDrawable引用自定义ProgressBar文件

<ProgressBar 
       android:id="@+id/progress_bar"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_centerInParent="true"
       style="?android:attr/progressBarStyleHorizontal"  
       android:progressDrawable="@drawable/custom_progressbar_horizontal"
       android:max="100"/>

二。圆形进度条
源码路径：framework/base/core/res/res/values/styles.xml 

<style name="Widget.ProgressBar">
        <item name="android:indeterminateOnly">true</item>
        <item name="android:indeterminateDrawable">@android:drawable/progress_medium_white</item>
        <item name="android:indeterminateBehavior">repeat</item>
        <item name="android:indeterminateDuration">3500</item>
        <item name="android:minWidth">48dip</item>
        <item name="android:maxWidth">48dip</item>
        <item name="android:minHeight">48dip</item>
        <item name="android:maxHeight">48dip</item>
</style>


其中progress_medium_white的路径：framework/base/core/res/res/drawable/progress_medium_white.xml

<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/spinner_white_48"
    android:pivotX="50%"
    android:pivotY="50%"
    android:framesCount="12"
    android:frameDuration="100" />

其中android:framesDuration 跟 android:frameDuration 是内部属性，外部应用不能直接使用。但是还是可以参照上面的源码来自定义圆形样式。
首先介绍三种自定义圆形进度条的方式


1.通过动画实现
定义res/anim/loading.xml

<animation-list android:oneshot="false"
  xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:duration="150" android:drawable="@drawable/load_1" />
  <item android:duration="150" android:drawable="@drawable/load_3" />
  <item android:duration="150" android:drawable="@drawable/load_5" />
  <item android:duration="150" android:drawable="@drawable/load_7" />
  <item android:duration="150" android:drawable="@drawable/load_9" />
  <item android:duration="150" android:drawable="@drawable/load_11" />
  <item android:duration="150" android:drawable="@drawable/load_13" />
  <item android:duration="150" android:drawable="@drawable/load_15" />
</animation-list>

在layout中的引用 

<ProgressBar 
	android:layout_width="84dp"
	android:layout_height="84dp"
	android:indeterminate="false"
	android:indeterminateDrawable="@anim/loading"/>

2.通过自定义颜色实现
定义res/drawable/dialog_style_xml_color.xml 

<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:pivotX="50%"
    android:pivotY="50%"
    android:duration="90"
    android:fromDegrees="0"
    android:toDegrees="360">
    <shape android:shape="ring"
        android:innerRadiusRatio="3"
        android:thicknessRatio="8"
        android:useLevel="false">
        <gradient
            android:type="sweep"
            android:useLevel="false"
            android:startColor="#FFFFFF"
            android:centerColor="#FFDC35"
            android:centerY="0.50"
            android:endColor="#CE0000"
            />
    </shape>
</rotate>

在layout中的引用 

<ProgressBar 
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:indeterminate="false"
	android:indeterminateDrawable="@drawable/dialog_style_xml_color" />

3.通过旋转图片实现
定义res/drawable/dialog_style_xml_icon.xml 

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <rotate
            android:drawable="@drawable/ic_launcher"
            android:fromDegrees="0.0"
            android:pivotX="50.0%"
            android:pivotY="50.0%"
            android:toDegrees="360.0" />
    </item>
</layer-list>

在layout中引用 
<ProgressBar 
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:indeterminate="false"
	android:indeterminateDrawable="@drawable/dialog_style_xml_icon"/>

转载一篇圆形进度条实际运用

// UI线程里初始化 

[java] view plain copy print ?
  1. mProgressBar = new ProgressBar(AppConfig.getContext());  
  2.   
  3. FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(  
  4.         LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);  
  5. // 居中   
  6. params.gravity = Gravity.CENTER;  
  7.   
  8. AppConfig.getMainActivity().addContentView(mProgressBar, params);  
  9. mProgressBar.setVisibility(View.INVISIBLE);  
		mProgressBar = new ProgressBar(AppConfig.getContext());
		
		FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(
				LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
		// 居中
		params.gravity = Gravity.CENTER;
		
		AppConfig.getMainActivity().addContentView(mProgressBar, params);
		mProgressBar.setVisibility(View.INVISIBLE);


// handler里回调 显示 | 隐藏

[java] view plain copy print ?
  1. case MSG_PROGRESSBAR_SHOW:  
  2.     mProgressBar.setVisibility(View.VISIBLE);  
  3.     break;  
  4.       
  5. case MSG_PROGRESSBAR_HIDE:  
  6.     // 多次请求时，只响应第一个HIDE消息   
  7.     mHandler.removeMessages(MSG_PROGRESSBAR_SHOW);  
  8.     mProgressBar.setVisibility(View.INVISIBLE);  
  9.     break;  
			case MSG_PROGRESSBAR_SHOW:
				mProgressBar.setVisibility(View.VISIBLE);
				break;
				
			case MSG_PROGRESSBAR_HIDE:
				// 多次请求时，只响应第一个HIDE消息
				mHandler.removeMessages(MSG_PROGRESSBAR_SHOW);
				mProgressBar.setVisibility(View.INVISIBLE);
				break;


// 重画Progressbar的进度

1.indeterminate mode | 没有具体进度的进度条
1.1 定制动画文件

<ProgressBar
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:indeterminateDrawable="@drawable/progress_my_style"
  style="?android:attr/progressBarStyle"
/>

注：style="?android:attr/progressBarStyle" 这是默认样式 ,可换改

step2: 在drawable文件夹下建立progress_my_style.xml文件：内容可如下：

<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
  android:drawable="@drawable/spinner_color"
  android:pivotX="50%"
  android:pivotY="50%"
  />

注意：
1. android:drawable="@drawable/spinner_color" 这里，你需要在drawable下建立spinner_color.png图片（自己画成你所想到的效果（渐变））

2. progress_my_style.xml文件内容参考至D:\andrirod\android-sdk-windows\platforms\android-7\data\res\drawable\ progress_medium_white.xml文件内容,(android:framesCount与android:frameDuratiion是frameworks内部的属性,无法直接使用，所以省略)

以上是在XML中直接定义，下面是我在代码里直接定义的：
[java] view plain copy print ?
  1. mProgressBar.setIndeterminateDrawable(AppConfig.getResources().getDrawable(R.drawable.style_common_processbar));  
mProgressBar.setIndeterminateDrawable(AppConfig.getResources().getDrawable(R.drawable.style_common_processbar));


style_common_processbar.xml还是需要定义在xml里的
[html] view plain copy print ?
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <animated-rotate   
  3.     android:drawable="@drawable/icon"  
  4.     android:pivotX="50.0%"   
  5.     android:pivotY="50.0%"   
  6.     xmlns:android="http://schemas.android.com/apk/res/android">      
  7. </animated-rotate>  
<?xml version="1.0" encoding="UTF-8"?>
<animated-rotate 
	android:drawable="@drawable/icon"
	android:pivotX="50.0%" 
	android:pivotY="50.0%" 
	xmlns:android="http://schemas.android.com/apk/res/android">    
</animated-rotate>

结果是就是用图片icon旋转来表示进度，图片制作参考 android的 drawable_hdpi 下的 spinner_black_48.png

1.2 定制颜色和形状
利用shape来定制颜色和形状
[java] view plain copy print ?
  1. // 定制模式   
  2. mProgressBar.setIndeterminateDrawable(AppConfig.getResources().getDrawable(R.drawable.style_common_processbar));  
// 定制模式
mProgressBar.setIndeterminateDrawable(AppConfig.getResources().getDrawable(R.drawable.style_common_processbar));

style_common_processbar.xml
[html] view plain copy print ?
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <rotate   
  3.     xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:duration="30"   
  5.     android:fromDegrees="0.0"   
  6.     android:toDegrees="360.0"   
  7.     android:pivotX="50.0%"   
  8.     android:pivotY="50.0%"   
  9.     android:repeatCount="infinite">  
  10.     <shape   
  11.         android:shape="ring"   
  12.         android:innerRadiusRatio="3.2"   
  13.         android:thicknessRatio="5.333"   
  14.         android:useLevel="false">  
  15.         <size   
  16.             android:height="16.0dip"   
  17.             android:width="16.0dip" />  
  18.         <gradient   
  19.             android:startColor="#4cffffff"   
  20.             android:endColor="#ffff0000"   
  21.             android:useLevel="false"   
  22.             android:type="sweep"   
  23.             android:centerY="0.5"   
  24.             android:centerColor="#4cffffff" />  
  25.     </shape>  
  26. </rotate>  
<?xml version="1.0" encoding="UTF-8"?>
<rotate 
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:duration="30" 
	android:fromDegrees="0.0" 
	android:toDegrees="360.0" 
	android:pivotX="50.0%" 
	android:pivotY="50.0%" 
	android:repeatCount="infinite">
    <shape 
    	android:shape="ring" 
    	android:innerRadiusRatio="3.2" 
    	android:thicknessRatio="5.333" 
    	android:useLevel="false">
        <size 
        	android:height="16.0dip" 
        	android:width="16.0dip" />
        <gradient 
        	android:startColor="#4cffffff" 
        	android:endColor="#ffff0000" 
        	android:useLevel="false" 
        	android:type="sweep" 
        	android:centerY="0.5" 
        	android:centerColor="#4cffffff" />
    </shape>
</rotate>

通过修改
android:shape=["rectangle" | "oval" | "line" | "ring"] 来修改形状
gradient来修改颜色属性 

2.progress mode | 有百分比进度的进度条

代码调用：
mProgressBar.setProgressDrawable(AppConfig.getResources().getDrawable(R.drawable.color));

color.xml
[html] view plain copy print ?
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
  3.         <item android:id="@android:id/background" android:drawable="@drawable/bg" />  
  4.         <item android:id="@android:id/secondaryProgress" android:drawable="@drawable/secondary" />  
  5.         <item android:id="@android:id/progress" android:drawable="@drawable/progress" />  
  6. </layer-list>  
<?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" />
        <item android:id="@android:id/secondaryProgress" android:drawable="@drawable/secondary" />
        <item android:id="@android:id/progress" android:drawable="@drawable/progress" />
</layer-list>



maximer
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
progressBar进度条
04-12
在Windows应用程序开发中，进度条（ProgressBar）是一个非常常见的组件，用于向用户显示某个操作的进度，例如文件复制、解压或下载等。在C#的Winform环境中，我们可以使用ProgressBar控件来实现这一功能。这个组件...
progressBar
04-30
在IT领域，"progressBar"通常指的是进度条控件，这是一种常见的用户界面元素，用于显示任务或过程的完成状态。进度条可以是线性的，显示一个从左到右逐渐填满的条形，也可以是环形、饼状或其他形状，以直观地表示...
winform progressbar颜色
12-31
在Windows Forms（Winform）应用程序开发中，ProgressBar控件是一个常用元素，用于向用户展示某个操作的进度。默认情况下，它的颜色通常是系统定义的，但根据设计需求，开发者可能希望自定义其颜色来提高界面的视觉...
[毕业设计]VB环境下电脑销售与财务管理系统开发(ACCESS+源代码+论文).zip
08-05
[毕业设计]VB环境下电脑销售与财务管理系统开发(ACCESS+源代码+论文)
PPO（Proximal Policy Optimization，近端策略优化）算法
08-05
在解答2024年华数杯全国大学生数学建模竞赛的C题“老外游中国”时，虽然PPO（Proximal Policy Optimization，近端策略优化）算法主要是应用于强化学习领域，特别是在解决连续动作空间的策略优化问题上，但在此数学建模竞赛中，它并不直接适用于数据处理、综合评价或路径规划等任务。不过，我们可以从数据处理和决策优化的角度，类比强化学习中的一些思想来构思解题策略。 然而，对于本题而言，我们可以更侧重于数据分析、综合评价模型（如层次分析法AHP、TOPSIS、模糊综合评价等）和路径规划算法（如Dijkstra、A*、遗传算法等）来解决问题。以下是对各个问题的进一步建模思路： 一、问题1建模思路 1.1 数据处理与分析 数据收集与清洗：首先，需要加载所有352个城市的CSV文件，对每个城市的100个景点信息进行数据清洗，去除无效或缺失的关键信息（如评分缺失的景点）。 最高分查找：遍历所有景点，找到最高评分（BS），并统计获评该评分的景点数量。 城市排名：统计每个城市获评BS的景点数量，并根据数量多少进行排序，列出前10个城市。 二、问题2建模思路 2.1 综合评价体系构建
中国城市统计年鉴（1985-2023）
08-05
《中国城市统计年鉴》是全面反映中国城市社会经济发展情况的资料性年刊。《中国城市统计年鉴—2023》收录了2022年全国各级城市社会经济发展等方面的主要统计数据。 本年鉴内容共分四个部分: 第一部分是全国城市行政区划,列有不同区域、不同级别的城市分布情况; 第二、三部分分别是地级以上城市统计资料和县级城市统计资料,具体包括人口、资源环境、经济发展、科技创新、人民生活、公共服务、等方面的数据; 第四部分是附录,为主要统计指标解释。 需要说明的是,从1997年开始,地级以上城市和县级城市分别采用不同的统计制度,有些指标在两类城市之间不具有可比性,故本年鉴将地级以上城市和县级城市统计资料分为独立的两部分。本年鉴所涉及的全国或全部城市统计资料,均未包括香港特别行政区、澳门特别行政区和台湾省。
振中TP900 驱动工具2.2
08-05
振中TP900 驱动工具2.2
大学信息安全试题精选12
08-05
大学信息安全试题精选 【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。
mutiple_pie (8).zip
08-05
mutiple_pie (8).zip
基于pytorch实现的ResUnet对BRATS脑肿瘤多模态分割项目（数据集、源码、训练结果）
最新发布
08-06
基于pytorch实现的ResUnet对BRATS脑肿瘤多模态分割项目（数据集、源码、训练结果） 本项目对BRATS脑肿瘤的四种模态FLAIR、T1w、t1gd、T2w进行融合分割 实现思路，将四种模态进行融合，并且将原始的nii.gz数据转换成npy数据。然后将四种模态的npy数据输入resUnet网络，总共训练了30个epoch，训练集的iou达到了0.84左右 如果想更换数据集进行多模态的训练，更换数据集按照readme文件操作即可
[毕业设计]JAVA大文件分块传输与合并机制(源代码+论文).zip
08-05
[毕业设计]JAVA大文件分块传输与合并机制(源代码+论文)
销售总数据统计表.xlsx
08-05
销售管理表，财务报表，占比分析，消费能力分析，日程安排，提成表，考核表 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
毕业设计:基于Springboot的智慧校园管理微信小程序论文
08-05
互联网发展至今，其理论与技术均已趋于成熟，并广泛渗透于社会的各个领域。它使得信息能够通过网络迅速传播，结合信息管理工具，可有效地服务于大众。针对高校教师成果信息管理存在的混乱、高错误率、信息安全性不足、劳动强度大及耗时费力等问题，智慧校园管理系统的应用能够实现更为科学和规范的信息管理。 该系统采用Java语言进行开发，利用MySQL数据库构建数据表以存储系统生成的数据。它不仅能够提供信息的展示与相应服务，还涵盖了智慧校园管理系统信息的全面管理功能，包括信息的查看与管理。 总而言之，智慧校园管理系统实现了信息的集中化管理，具有高度的保密性、高效率、大存储空间及低成本等多重优势。它有助于降低信息管理成本，推动信息管理的计算机化进程。
[毕业设计]VB.NET+Access班主任班级事务自动化管理系统(源代码+毕业设计论文+任务书+中文摘要+封面).zip
08-05
[毕业设计]VB.NET+Access班主任班级事务自动化管理系统(源代码+毕业设计论文+任务书+中文摘要+封面)
linux安全、Web安全、java web等安全思维脑图
08-05
linux安全 Web安全 java web 人工智能 区块链安全 移动安全 运维安全 等安全思维脑图
基于C#开发的城市景点推荐系统+源码+项目文档+软件截图（毕业设计&课程设计&项目开发）
08-05
基于C#开发的城市景点推荐系统+源码+项目文档+软件截图，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用，详情见md文档~ 基于C#开发的城市景点推荐系统+源码+项目文档+软件截图，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用，详情见md文档~ 基于C#开发的城市景点推荐系统+源码+项目文档+软件截图，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用，详情见md文档~ 基于C#开发的城市景点推荐系统+源码+项目文档+软件截图，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用，详情见md文档~ 基于C#开发的城市景点推荐系统+源码+项目文档+软件截图，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用，详情见md文档~
数模数学建模数学模型小二乘法拟合数模数学建模数学模型小二乘法拟合
08-05
数模数学建模数学模型小二乘法拟合数模数学建模数学模型小二乘法拟合
2021华为杯数学建模竞赛F题（国二）
08-05
华数杯 【项目资源】：包含前端、后端、移动开发、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源，毕业设计等各种技术项目的源码。包括C++、Java、python、web、C#、EDA等项目的源码。 【适用人群】：适用于希望学习不同技术领域的初学者或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值