androidprogressbar横向进度条动画效果

author author     2023-04-25     239

关键词:

这篇文章主要为大家展示了“Android如何实现横向进度条演示效果”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Android如何实现横向进度条演示效果”这篇文章吧。

1.效果图:



2.布局说明:

1.textview显示进度条
2.ProgressBar进度条
3.进度条配置:

<ProgressBar
android:id="@+id/pb"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:max="100" />
其中:max可以手动设置,也就是你下载的内容大小,style也是

3.实例源码:

package com.zengtao.classwork;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.ActionBarActivity;
import android.widget.ProgressBar;

public class MainActivity extends ActionBarActivity
private ProgressBar pb; // 进度条
private int[] randData = new int[100]; // 数组
private int index = 0; // 索引
private int mProgressStaus = 0; // 设置进度条的长度
private Handler mHandler;

@Override
protected void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

pb = (ProgressBar) findViewById(R.id.pb);
参考技术A 默认横向的ProgressBar不是一个黄色的进度条根据setProgress的值进行变化嘛,现在不想要那个黄色的进度条,而是想要一个有动画效果的进度条,依旧能根据setProgress变换长短。 参考技术B 横向那个进度条,大家会drawLine()和drawText()吧,那么通过getWidth()拿到控件的宽度,再通过getProgress()拿到进度,按比例控制绘制线的长短,字的位置还不是分分钟的事

如何在 Android 中自定义进度条

...应用程序,我想在其中显示ProgressBar,但我想替换默认的AndroidProgressBar。那么如何自定义ProgressBar?我需要一些图形和动画吗?我阅读了以下帖子,但无法正常工作:CustomProgressbarAndro 查看详情

横向时间进度条

  [javascript] viewplain copy function ready(){          if(${benefit==0}){       &nb 查看详情

动画 jQuery 进度条

】动画jQuery进度条【英文标题】:AnimatingjQueryprogressbar【发布时间】:2015-06-1918:51:22【问题描述】:我发现了这个不错的动画进度条教程:http://www.cssflow.com/snippets/animated-progress-bar/demo但是进度条不使用jquery并且教程没有告诉您如... 查看详情

QT进度条动画问题

】QT进度条动画问题【英文标题】:ProbleminanimationofprogressbarinQT【发布时间】:2010-02-2613:40:52【问题描述】:我在QT中做了进度条,我在模拟器和移动设备中都使用过..无限进度条出现但没有动画..(无限进度不会到来)这是我写... 查看详情

纯css3实现圆形进度条动画

悄悄地,GIF格式的进度条已经越来越少,CSS进度条如雨后春笋般涌现。今天要介绍的这个CSS3进度条,效果和FlymeOS4上的加载动画一样。首先,来看下最终的效果:  查看详情

动画进度条以显示网页的进度

】动画进度条以显示网页的进度【英文标题】:animatingprogressbartoshowtheprogressofwebpage【发布时间】:2013-08-1202:20:56【问题描述】:我的页面顶部有一个进度条,我希望该条显示网页加载的进度。当整个页面加载时,我希望栏显示10... 查看详情

为啥自定义进度条在android中没有动画?

】为啥自定义进度条在android中没有动画?【英文标题】:WhyCustomprogressbarisnotanimatinginandroid?为什么自定义进度条在android中没有动画?【发布时间】:2017-07-2100:57:20【问题描述】:在可能的应用程序中,我实现了自定义进度条,... 查看详情

QML 中的动画进度条

】QML中的动画进度条【英文标题】:AnimatedprogressbarinQML【发布时间】:2017-11-0510:10:50【问题描述】:我需要使用QMLControls2创建如下进度条:ProgressBarid:progressBarwidth:parent.width*0.80height:parent.height*0.05anchors.bottom:parent.bottomanchors.bottomMa... 查看详情

添加视图时进度条没有动画

】添加视图时进度条没有动画【英文标题】:progressbarnotanimatedwhenviewsareadded【发布时间】:2018-04-2311:51:21【问题描述】:当我将动态图像视图添加到我的表行时,我的进度条没有动画我的xml如下所示:<RelativeLayoutxmlns:android="htt... 查看详情

与 NSTimer 一起使用时显示刻度动画而不是平滑动画的进度条

】与NSTimer一起使用时显示刻度动画而不是平滑动画的进度条【英文标题】:progressbarshowingtickanimationinsteadofsmoothanimationwhenusedwithNSTimer【发布时间】:2014-05-1108:02:33【问题描述】:我正在使用NSTimer和循环进度条作为倒数计时器,... 查看详情

bootstrap动画进度条

创建一个动画的进度条的步骤如下:添加一个带有class .progress 和 .progress-striped 的<div>。同时添加class .active。接着,在上面的<div>内,添加一个带有class .progress-bar 的空的<div>。添加一个带... 查看详情

使用 CSS 动画进度条

】使用CSS动画进度条【英文标题】:AnimatingprogressbarswithCSS【发布时间】:2013-04-0310:36:17【问题描述】:所以,我在这个页面上有几个不同的进度条-http://kaye.at/play/goals这是我的HTML和CSS:<divclass="meter"><spanstyle="width:100%;">&... 查看详情

css3彩色进度条加载动画带进度百分比

在线演示       本地下载 查看详情

持续时间长于更新时的 Qt 进度条动画

】持续时间长于更新时的Qt进度条动画【英文标题】:QtProgressBarAnimationWhenDurationisLongerThanUpdate【发布时间】:2020-08-1018:59:02【问题描述】:我正在定制一个Qt5Quick2QML进度条。当进度更新很少且很大时,进度条会以块状方式跳跃。... 查看详情

如何使用逆时针动画显示自定义圆形进度条?

】如何使用逆时针动画显示自定义圆形进度条?【英文标题】:HowtodisplaycustomcircularprogressbarwithAnti-Clockwiseanimation?【发布时间】:2014-07-0313:54:48【问题描述】:我正在使用与测验相关的应用程序。此处将显示自定义圆形进度条,... 查看详情

Flexbox 进度条动画 - 宽度不正确

】Flexbox进度条动画-宽度不正确【英文标题】:FlexboxProgressBarAnimation-IncorrectWidth【发布时间】:2017-02-2219:37:14【问题描述】:我正在尝试创建一个带有动画的进度条。如果我没有内部文本,它会起作用,但是一旦我添加内部文本... 查看详情

如何使用 jquery 和百分比单位为进度条设置一次动画?

】如何使用jquery和百分比单位为进度条设置一次动画?【英文标题】:Howtoanimateaprogressbarwithjqueryandpercentunitjustonce?【发布时间】:2021-07-3104:00:58【问题描述】:我正在尝试为我的“HTML级别”进度条设置动画。当我悬停父div时,... 查看详情

获取 jquery ui 进度条以进行动画处理

】获取jqueryui进度条以进行动画处理【英文标题】:Gettingajqueryuiprogressbartoanimate【发布时间】:2012-08-0214:34:53【问题描述】:这些是用于表示进度条的两个&lt;div&gt;s的代码(jqueryui进度条):<divstyle="margin-left:10px;margin-righ... 查看详情