水波进度条 WaveProgressView

WaveProgressView的简介

1.    控件自定义属性及格式

    * 圆形背景图片 name="backgroundDrawable" format="reference"
    * 圆形背景颜色 name="backgroundColor" format="color|reference"
    * 外圆环宽度 name="circleRingWidth" format="dimension|reference"
    * 外圆环颜色 name="circleRingColor" format="color|reference"
    * 水波颜色 name="waveColor" format="color|reference"
    * 水波起伏的最大数量 name="waveMaxNum" format="integer"
    * 水波起伏数量的波动幅度 name="waveNumRange" format="integer"
    * 水波波峰的高度 name="waveHeight" format = "dimension|reference"
    * 水波波峰高度落差幅度 name="waveHeightRange" format="dimension|reference"
    * 水波显示的当前进度 name="waveProgress" format="float"
    * 显示的文本内容 name="contentText" format="string|reference"
    * 显示文本内容的字体大小 name="contentTextSize" format="dimension|reference"
    * 显示文本字体颜色 name="contentTextColor" format="color|reference"
    * 显示文本与圆环的间隔 name="contentTextPaddinng" format="dimension|reference"

2. 控件应用示例
    样例中,有关颜色的调整,只做了RGB其中一个通道修改的演示。
           

3. 使用指南
     WaveProgressView的属性修改和获取的格式为:
      * setmXXX()
      * getmXXX()
      * 提供播放进度动画时,进度改变回调接口 setonAnimatorProgressListener

4. 引用指南
       本项目为示例源码,其中引入了waveprogressLib(核心包括WaveProgressView.java和WaveProgressView.xml),如果需要在Eclipse使用只需要拷贝这两个文件到src目录和values目录。

5. github项目地址

    https://github.com/1004145468/WaveProgressView

如果对WaveProgressView比较满意,求点亮一颗星。

  

时间: 2024-10-10 12:12:18

水波进度条 WaveProgressView的相关文章

wpf 水波进度条 用户控件

之前看公司web前端做了个 圆形的水波纹 进度条,就想用wpf 做一个,奈何自己太菜 一直做不出来,在看过 “普通的地球人” 的 “ WPF实现三星手机充电界面 博客之后 我也来照葫芦画个瓢. 废话不多说 先贴一下效果图 虽然样子 low 了些 但是基本满足我的需求了,下面是代码 前端 <UserControl x:Class="WaveProgress.UserControl.WaveProgressControl" xmlns="http://schemas.mic

(四十六)c#Winform自定义控件-水波进度条

前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章. GitHub:https://github.com/kwwwvagaa/NetWinformControl 码云:https://gitee.com/kwwwvagaa/net_winform_custom_control.git 如果觉得写的还行,请点个 star 支持一下吧 欢迎前来交流探讨: 企鹅群568015492  麻烦博客下方点个[推荐],谢谢 NuGet Install-Package HZH_Con

iOS 进度条、加载、安装动画 —— HERO博客

iOS 进度条.加载.安装动画简单实现. 首先看一下效果图: 下面贴上代码: 控制器ViewController: #import <UIKit/UIKit.h> @interface ViewController : UIViewController @end /*** ---------------分割线--------------- ***/ #import "ViewController.h" #import "HWWaveView.h" #im

Android 从无到有打造一个炫酷的进度条效果

从无到有打造一个炫酷的进度条效果

每周进度条(第十五周)

第十五周进度条   第十五周 所花时间 1h 代码量(行)  100 博客量(篇)  1 学到的知识 对图片的处理 在Android程序中加入图片

Bootstrap进度条

Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果.Internet Explorer 9 及之前的版本和旧版的 Firefox 不支持该特性, Opera 12 不支持动画. 默认的进度条 创建一个基本的进度条的步骤如下: 添加一个带有 class .progress 的 <div>. 接着,在上面的 <div> 内,添加一个带有 class .progress-bar 的空的 <div>. 添加一个带有百分比表示的宽度的 style 属性,例如 sty

HTML5/CSS3超酷进度条 不同进度多种颜色

下面我们来看看实现这款进度条的过程和源码,代码主要由HTML.CSS以及jQuery组成,实现过程也相对比较简单.HTML代码: <div id="wrapper">     <div class="loader-container">           <div class="meter">0</div>           <span class="runner"&g

基于HT for Web矢量实现HTML5文件上传进度条

在HTML中,在文件上传的过程中,很多情况都是没有任何的提示,这在体验上很不好,用户都不知道到时有没有在上传.上传成功了没有,所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件上传进度条,矢量在<矢量Chart图表嵌入HTML5网络拓扑图的应用>一文中已经讲述了关于setCompType()方法的应用,今天我们用setImage()方法充分利用系统中定义好的矢量资源来实现文件上传进度条,我们先来看下效果图: 从效果图可以看到,向服务器上传了一个mp4文件,并在最下方显示

Android的下拉刷新带进度条效果

首先看一下运行效果图,程序的下拉刷新参考了视频,在视频页面也提供了源码下载, http://www.imooc.com/learn/135 本篇主要说在此基础上增加了进度条的快速旋转和递增递减处理,在文章最后也会给出源码,这里主要描述一下所用的一个类 RoundProgressBar package com.cayden.listview; import android.content.Context; import android.content.res.TypedArray; import