`
bkship
  • 浏览: 47871 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

利用图片的填充属性来制作进度条

 
阅读更多
大概原理就是定义了imageView 然后他的背景是一个bitmap ,这个位图的模式是重复模式,

自动填充的,你img有多宽它就填多宽,最后你在外面动态调整img的宽度,就会自动填充

看起来就是进度条那样一直往前走:

位图:图片自己找一个主要是那个模式要是repeat

<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"  
		android:src="@drawable/progressbaron"   
		android:tileMode="repeat" />  


在布局中的imageview用此位图来填充背景:

<ImageView android:id="@+id/progressbar"
		android:layout_width="0px"
		android:layout_height="wrap_content"
		android:background="@drawable/bitmapdrawable" />


初始状态设置宽度为0,在程序里面在动态调节img 的宽度

主程序里面的控制宽度的代码:

LayoutParams params = (LayoutParams) image.getLayoutParams();
new Thread() {
	public void run() {
		Looper.prepare();
	
		for (int i = 0; i < 10; i++) {
                     //do something
		     handler.sendEmptyMessage(0);
		}
		handler.sendEmptyMessage(1);
	}
}.start();

Handler handler = new Handler() {
	public void handleMessage(Message msg) {
	    switch (msg.what) {
	     case 0:
	         params.width += eachAddLength;
	         image.setLayoutParams(params);
	         break;
	     case 1:
                 //do something
	         break;
	     }
	}
};



上面有好几处没有写明,能看懂就行,eachAddLength是每次要增加的

进度条的长度, handler.sendEmptyMessage(0);前面应该加上你要处理数据的方法:

比如读取一个文件夹,比如加载一个联系人之类的,for循环的次数也是你自己来控制

最后 handler.sendEmptyMessage(1);是来说明数据加载完了,现在该干嘛干嘛!要么

让dialog.dismiss 要么让页面跳转。do everything you want!~




分享到:
评论

相关推荐

    用图片做的进度条(适用于投票栏目)

    例如,我们可以使用CSS的伪类(如`:before`和`:after`)来创建进度条的两端,用`background-image`属性设置图片,用`width`属性控制进度条填充部分的长度,以此达到用图片展示进度的效果。 具体实现时,可能会包含...

    CALayer制作进度条

    本文将深入探讨如何利用Core Animation的CALayer来制作一个动态的进度条,以实现传入百分比参数即能实时更新进度的功能。 首先,我们要了解CALayer的基本概念。CALayer是Core Animation框架的核心组件,它负责在...

    HTML5中的SVG属性实现圆形进度条效果.zip

    在这个“HTML5中的SVG属性实现圆形进度条效果”的示例中,我们将深入探讨如何利用SVG以及相关的CSS3和jQuery技术来创建一个动态的圆形进度条。 首先,SVG在HTML5中的应用主要是通过`&lt;svg&gt;`标签来创建图形。这个标签...

    VB 制作进度条ProgressBar源码.rar

    本资源"VB 制作进度条ProgressBar源码.rar"提供了VB实现类似WEB风格的网页加载条动画效果的源代码,这对于初学者和有经验的VB开发者来说都是一个宝贵的参考资料。 在VB中,ProgressBar控件通常用于指示某个操作的...

    HTML+CSS制作的进度条

    在本案例中,我们探讨的主题是如何利用这两者创建一个美观的进度条。进度条通常被用来展示任务完成的进度,例如视频加载、数据上传或下载过程。在网页交互中,这种视觉元素能够提供用户友好的反馈,提升用户体验。 ...

    PB9水晶进度条

    3. **属性设置**:通过属性编辑器设置进度条的初始值、最大值、颜色、样式等参数。 4. **事件绑定**:关联进度条的事件,如“Changed”或“Moving”,在事件处理函数中更新进度条的值。 5. **测试运行**:运行应用...

    圆圈进度条投资进度条

    - **CSS3动画**:利用`transform`属性和`animation`关键帧来制作动画效果,通过改变stroke-width或background-size来模拟进度。 在实际开发中,开发者可以将这些组件整合到自己的项目中,通过调用API设置进度值、...

    进度条_迪文DGUS_迪文_迪文13bin_dgus软件_DGUS_

    在DGUS系统中,设计师可以利用内置的图形控件创建进度条,并通过编程控制其填充程度来反映实际进程。 首先,我们需要了解DGUS软件的工作流程。该软件提供了一个图形化的设计界面,用户可以通过拖拽控件、设置属性、...

    基于taro微信小程序环形进度条

    为了使环形进度条能够动态显示进度变化,我们可以利用CSS3的`@keyframes`规则创建动画,并通过`animation`属性应用到元素上。通过改变`animation-duration`和`animation-fill-mode`等属性,可以调整动画的时长和...

    ios圆形进度条代码

    在描述中提到的"GoalBar"可能是这个自定义进度条类的名字,它可能包含了一些自定义的属性,如颜色、线条宽度、进度动画等。 自定义圆形进度条的核心在于利用Core Graphics(简称CG)框架进行绘图。CG提供了一系列低...

    Bootstrap制作超酷进度条UI动画.zip

    这个压缩包"Bootstrap制作超酷进度条UI动画.zip"显然包含了利用Bootstrap来创建具有动态效果的进度条界面的相关资源。让我们深入探讨一下如何使用Bootstrap、CSS、JavaScript(包括jQuery)以及HTML5来实现这样的...

    android 各种进度条

    帧动画是通过连续播放一系列图片来达到动画效果的。在Android中,可以通过`AnimationDrawable`类实现帧动画。首先,创建一个包含多个帧的`drawable`文件夹,每帧是一个单独的图片资源。然后,将这些资源引用到一个`...

    flash进度条制作

    制作进度条需要用到AS2或AS3编写代码来追踪和显示加载进度。 3. **Loader类**:在AS3中,`Loader`类用于加载外部资源,如SWF、图片或音频文件。我们可以利用`Loader`类的`contentLoaderInfo`属性来获取加载的进度...

    Android 不同形状的进度条源码.zip

    在布局XML文件中,可以通过设置`android:indeterminateDrawable`和`android:progressDrawable`属性来改变进度条的样式。 2. **自定义形状** 进度条的形状可以通过自定义`Drawable`来实现。在源码中,开发者可能...

    java 圆形进度条实现

    圆形进度条通常是一个圆形图形,其填充部分代表了某个任务或过程的完成度。它不同于传统的线性进度条,后者是在一条直线上显示进度。在Java中,我们可以利用JavaFX或Swing库来创建这样的组件。 对于"两个不同颜色的...

    酷炫的html5进度条加载动画_加载进度条动画特效.zip

    比如,可以利用CSS3的`animation`属性制作动画,或者通过JavaScript定时更新进度条样式,添加过渡效果和自定义图形。 在这个压缩包中,可能包含了一些预定义的CSS类和JavaScript函数,用于实现各种不同的动画效果,...

    安卓进度条loadingprogress相关-分享一个非常常用的进度控件及源代码.zip

    首先,扇形(Sector)进度条通常以圆盘形式展示,通过填充圆的一部分来表示当前的进度。这种设计视觉效果独特,易于理解,常用于各种加载、刷新场景。"SectorProgressView"可能是一个自定义视图,继承自Android的...

    9款极具创意的HTML5&CSS3进度条动画

    通过设置`value`属性和`max`属性,可以动态地改变进度条的填充程度。CSS3则可以通过动画、过渡和伪类来增强进度条的视觉效果,如改变颜色、宽度、透明度等。 2. **渐变背景** CSS3的线性渐变和径向渐变可以用来...

    彩色圆形进度条

    相比于传统的线性进度条,彩色圆形进度条以其独特的设计和更好的空间利用率,能为用户提供更直观、更吸引人的体验。 首先,我们来详细了解一下彩色圆形进度条的基本概念。这种进度条通常由一个圆形轮廓组成,其中一...

Global site tag (gtag.js) - Google Analytics