进度条

public class LightSeekBar extends View { //资源图片 private Bitmap bitmap; //画笔 private Paint mPaint; //上次手指离开屏幕时的位置 private float xLast = 0.0f; //每个单元的宽度 private int width = 0; //单元内的文字 private List<String> points; //结束时监听回调 private OnLightSeekBarChangeListener onLightSeekBarChangeListener; /** * 构造方法 * * @param context */ public LightSeekBar(Context context) { super(context); init(context); } public LightSeekBar(Context context, AttributeSet attrs) { super(context, attrs); init(context); } private void init(Context context) { bitmap = BitmapUtil.readBitMap(context, R.drawable.mycar_setting_light

Android开发中在处理耗时工作的时候 例如：列表加载，大多数会有一个精度条加载的框，里面有一个像gif的图片在旋转一样。 效果图： <!-- 根标签为animation-list，其中oneshot代表着是否只展示一遍，设置为false会不停的循环播放动画 true展示一遍 根标签下，通过item标签对动画中的每一个图片进行声明 android:duration 表示展示该图片的时间长度 --> 源码点击下载： https://github.com/DickyQie/android-animation-effect 来源： oschina 链接： https://my.oschina.net/u/2945455/blog/782759

android 进度条的样式 例1：（默认样式(中等圆形)） Xml代码 <ProgressBar android:id="@+id/progressBar1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> 例2：（超大圆形） Xml代码 <ProgressBar android:id="@+id/progressBar2" android:layout_width="wrap_content" android:layout_height="wrap_content" style="?android:attr/progressBarStyleLarge" /> 例3：（小号圆形） Xml代码 <ProgressBar android:id="@+id/progressBar3" android:layout_width="wrap_content" android:layout_height="wrap_content" style="?android:attr/progressBarStyleSmall" /> 例4：（标题小号圆形） Xml代码 <ProgressBar android:id="@+id/progressBar4" android:layout_width=

现在作flash网站的是越来越少了，但flash的效果很多都是独一无二的，用其他方法很难实现，今天跟大家分享个由jquery制作的网站引导页面加载特效，加载完页面后跳转到指定的页面。 jquery仿flash引导页面进度条加载特效使用说明 1.加入进度条CSS样式 #pageLoad{background:#0f1923;position:fixed;_position:absolute;left:0;right:0;top:0;bottom:0;z-index:999;} #pageLoad div{text-align:center;height:150px;width:350px;padding-left:30px;position:absolute;} #pageLoad a,#pageLoad samp{display:block;background:url(images/loadbf.jpg) no-repeat center 0;height:60px;width:350px;position:absolute;z-index:0;left:0;top:0;} #pageLoad p{background:#0f1923;width:2px;position:absolute;left:0;top:0;height:60px;z-index:5;}

1· SeekBar的主要属性 进度条最大值：max 当前进度：progress 次要进度的值：SecondaryProgress 特点：用户能够来回拖拽。 适用于： 常用在播放器上面，当前进度代表播放进度；次要进度表示缓冲进度。 下面这是一个 最大进度100，当前进度30，次要进度50的SeekBar： <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <SeekBar android:id="@+id/seekBar_1" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="50dp" android:max="100" android:progress="30" android:secondaryProgress="50"/> </RelativeLayout> 2· SeekBar的监听器 接口

后台运行程序有一种需求，比如查看当前进度，想在终端看到某个值的变化情况： 先提供一种很土的办法，把进度落地文件为 例如 process，采用创建写的方式。然后可以使用watch -n 1 cat process来查看进度。 这里提供两种方式，python和shell shell版本，如下（附带一个进度条的例子） #! /bin/bash for ((i=0; $i<=100; i+=1)) do printf "progress: [%-100s] %d%%\r" "xxxxxxxxxx xxx xxx" $i sleep 1 done function sleepPrograss(){ [ $# -eq 0 ] && echo "sleepPrograss Usage: sleepPrograss 10 " [ $# -eq 0 ] && return 1 allTime=$1 strDone='' stepTime=$(echo "scale=1; $allTime/100" | bc) for ((i=0; $i<=100; i+=1)) do printf "progress: [%-100s] %d%%\r" $strDone $i sleep $stepTime strDone+='#' done echo } python版本，如下(附一个多线程输出进度的例子)

进度条和一般的print区别在哪里呢？ 答案就是print会输出一个\n，也就是换行符，这样光标移动到了下一行行首，接着输出，之前已经通过stdout输出的东西依旧保留，而且保证我们在下面看到最新的输出结果。 进度条不然，我们必须再原地输出才能保证他是一个进度条，否则换行了怎么还叫进度条？ 最简单的办法就是，再输出完毕后，把光标移动到行首，继续在那里输出更长的进度条即可实现，新的更长的进度条把旧的短覆盖，就形成了动画效果。 可以想到那个转义符了吧，那就是 \r。 转义符\r就可以把光标移动到行首而不换行，转义符\n就把光标移动到行首并且换行。 在python中，输出stdout(标准输出)可以使用 sys . stdout . write 例如： #!/usr/bin/env python # -*- coding=utf-8 -*- #Using GPL v2 #Author: ihipop@gmail.com ##2010-10-27 22:07 """ Usage: Just A Template """ from __future__ import division import sys,time j = '#' if __name__ == '__main__': for i in range(1,61): j += '#' sys.stdout.write(str

Bootstrap响应式前端框架笔记十三——警告框与进度条 在Bootstrap中，使用alert相关类可以实现简洁的警告框控件，示例如下： <p>alert相关类可以实现简洁的警告框样式</p> <div class="alert alert-success">成功风格的警告框</div> <div class="alert alert-info">详情风格的警告框</div> <div class="alert alert-warning">警告风格的警告框</div> <div class="alert alert-danger">危险风格的警告框</div> 效果如下图所示： 警告框上面也可以添加有一个关闭按钮，示例如下： <p>带关闭按钮的警告框</p> <div class="alert alert-warning alert-dismissible">可关闭的警告框 <button type="button" class="close"> <span aria-hidden="true">×</span> </button> </div> 效果如下： 警告框中也可以添加跳转链接，示例如下： <p>带链接的警告框</p> <div class="alert alert-danger"> 您输入的用户名或密码有误 <a class="alert-link" href="#

Html5终于解决了上传文件的同时显示文件上传进度的老问题。现在大部分的网站用Flash去实现这一功能，还有一些网站继续采用Html <form>with enctype=multipart/form-data，但是需要修改服务器端可用才能显示给用户文件上传的进度。本质上你需要做的工作是在服务器端接收一个文件时，你发送给它一个字节流，所以你需要知道你已经接收到多少字节并以某种方式传达这些信息给客户端浏览器，在这个过程一直在不断的进行文件的上传。这种方式运行的非常好，不像Flash上传那这样充满了问题(特别是处理大文件上传的时候)，然而这种方法是相当复杂的并且听起来不容易理解，因为你本质上是接管了整个服务器端的处理（获取字节流的时候）同时包括了在服务器端实现multipart/form-data协议，伴随一系列的其他事情。 使用Html5 上传文件 XMLHttpRequest 在Html5 规范中已经有全新的变化，规定了 XMLHttpRequest Level 2 规范（目前最新版本）包含下列新的特性： 处理字节流，例如作为上传或者下载的File，Blob，FormData对象 上传或者下载中的进度事件 跨站点请求 允许创建匿名请求 可以设置请求超时 在这篇文章中我们将能够更清楚的看到#1和#2两个特性。通常，上传文件用XMLHttpRequest并且提供上传进度信息给最终的用户

在HTML中，在文件上传的过程中，很多情况都是没有任何的提示，这在体验上很不好，用户都不知道到时有没有在上传、上传成功了没有，所以今天给大家介绍的内容是通过 HT for Web 矢量来实现HTML5文件上传进度条，矢量在《 矢量Chart图表嵌入HTML5网络拓扑图的应用 》一文中已经讲述了关于setCompType()方法的应用，今天我们用setImage()方法充分利用系统中定义好的矢量资源来实现文件上传进度条，我们先来看下效果图： 从效果图可以看到，向服务器上传了一个mp4文件，并在最下方显示当前上传进度。 那么接下来我们就来探讨下具体实现： 首先，我们来分析下进度条的结构： 1. 需要一个背景，background 2. 需要一个当前进度值，value 3. 需要一个前景，foreground，根据当前进度值，绘制前景，盖过背景 结构就这么简单，那么接下来就是具体的实现了，看码： ht.Default.setImage('progress', { width : 150, height : 12, comps : [ // 绘制背景 { type : 'rect', rect : {x : 0, y : 0, width : 115, height : 12}, background : {func : function(data) {return data.a(