NumberSeekBar 可任意拖动和自动

  1 package com.example.numberseekbar;
  2
  3 import android.content.Context;
  4 import android.content.res.Resources;
  5 import android.graphics.Bitmap;
  6 import android.graphics.BitmapFactory;
  7 import android.graphics.Canvas;
  8 import android.graphics.Paint;
  9 import android.graphics.Paint.FontMetrics;
 10 import android.graphics.Rect;
 11 import android.graphics.Typeface;
 12 import android.util.AttributeSet;
 13 import android.view.MotionEvent;
 14 import android.widget.SeekBar;
 15
 16 /**
 17  * @类名: NumberSeekBar
 18  * @描述: TODO(带有数字的水平拖动条)
 19  */
 20 public class NumberSeekBar extends SeekBar {
 21
 22     private int oldPaddingTop;
 23
 24     private int oldPaddingLeft;
 25
 26     private int oldPaddingRight;
 27
 28     private int oldPaddingBottom;
 29
 30     private boolean isMysetPadding = true;
 31
 32     private String mText;
 33
 34     private float mTextWidth;
 35
 36     private float mImgWidth;
 37
 38     private float mImgHei;
 39
 40     private Paint mPaint;
 41
 42     private Resources res;
 43
 44     private Bitmap bm;
 45
 46     private int textsize = 13;
 47
 48     private int textpaddingleft;
 49
 50     private int textpaddingtop;
 51
 52     private int imagepaddingleft;
 53
 54     private int imagepaddingtop;
 55
 56     public NumberSeekBar(Context context) {
 57         super(context);
 58         init();
 59     }
 60
 61     public NumberSeekBar(Context context, AttributeSet attrs) {
 62         super(context, attrs);
 63         init();
 64     }
 65
 66     public NumberSeekBar(Context context, AttributeSet attrs, int defStyle) {
 67         super(context, attrs, defStyle);
 68         init();
 69     }
 70
 71     // 屏蔽滑动
 72     // @Override
 73     // public boolean onTouchEvent(MotionEvent event) {
 74     // return false;
 75     // }
 76     /**
 77      * (非 Javadoc)
 78      *
 79      * @方法名: onTouchEvent
 80      * @描述: 不屏蔽屏蔽滑动
 81      * @日期: 2014-8-11 下午2:03:15
 82      * @param event
 83      * @return
 84      * @see android.widget.AbsSeekBar#onTouchEvent(android.view.MotionEvent)
 85      */
 86     @Override
 87     public boolean onTouchEvent(MotionEvent event) {
 88         return super.onTouchEvent(event);
 89     }
 90
 91     // 修改setpadding 使其在外部调用的时候无效
 92     @Override
 93     public void setPadding(int left, int top, int right, int bottom) {
 94         if (isMysetPadding) {
 95             super.setPadding(left, top, right, bottom);
 96         }
 97     }
 98
 99     // 初始化
100     private void init() {
101         res = getResources();
102         initBitmap();
103         initDraw();
104         setPadding();
105     }
106
107     private void initDraw() {
108         mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
109         mPaint.setTypeface(Typeface.DEFAULT);
110         mPaint.setTextSize(textsize);
111         mPaint.setColor(0xff23fc4f);
112     }
113
114     private void initBitmap() {
115         bm = BitmapFactory.decodeResource(res, R.drawable.popwindow_bg1);
116         if (bm != null) {
117             mImgWidth = bm.getWidth();
118             mImgHei = bm.getHeight();
119         } else {
120             mImgWidth = 0;
121             mImgHei = 0;
122         }
123     }
124
125     protected synchronized void onDraw(Canvas canvas) {
126         try {
127             super.onDraw(canvas);
128             mText = (getProgress() * 100 / getMax()) + "%";
129             mTextWidth = mPaint.measureText(mText);
130             Rect bounds = this.getProgressDrawable().getBounds();
131             float xImg = bounds.width() * getProgress() / getMax()
132                     + imagepaddingleft + oldPaddingLeft;
133             float yImg = imagepaddingtop + oldPaddingTop;
134             float xText = bounds.width() * getProgress() / getMax() + mImgWidth
135                     / 2 - mTextWidth / 2 + textpaddingleft + oldPaddingLeft;
136             float yText = yImg + textpaddingtop + mImgHei / 2 + getTextHei()
137                     / 4;
138             canvas.drawBitmap(bm, xImg, yImg, mPaint);
139             canvas.drawText(mText, xText, yText, mPaint);
140         } catch (Exception e) {
141             e.printStackTrace();
142         }
143     }
144
145     // 初始化padding 使其左右上 留下位置用于展示进度图片
146     private void setPadding() {
147         int top = getBitmapHeigh() + oldPaddingTop;
148         int left = getBitmapWidth() / 2 + oldPaddingLeft;
149         int right = getBitmapWidth() / 2 + oldPaddingRight;
150         int bottom = oldPaddingBottom;
151         isMysetPadding = true;
152         setPadding(left, top, right, bottom);
153         isMysetPadding = false;
154     }
155
156     /**
157      * 设置展示进度背景图片
158      *
159      * @param resid
160      */
161     public void setBitmap(int resid) {
162         bm = BitmapFactory.decodeResource(res, resid);
163         if (bm != null) {
164             mImgWidth = bm.getWidth();
165             mImgHei = bm.getHeight();
166         } else {
167             mImgWidth = 0;
168             mImgHei = 0;
169         }
170         setPadding();
171     }
172
173     /**
174      * 替代setpadding
175      *
176      * @param left
177      * @param top
178      * @param right
179      * @param bottom
180      */
181     public void setMyPadding(int left, int top, int right, int bottom) {
182         oldPaddingTop = top;
183         oldPaddingLeft = left;
184         oldPaddingRight = right;
185         oldPaddingBottom = bottom;
186         isMysetPadding = true;
187         setPadding(left + getBitmapWidth() / 2, top + getBitmapHeigh(), right
188                 + getBitmapWidth() / 2, bottom);
189         isMysetPadding = false;
190     }
191
192     /**
193      * 设置进度字体大小
194      *
195      * @param textsize
196      */
197     public void setTextSize(int textsize) {
198         this.textsize = textsize;
199         mPaint.setTextSize(textsize);
200     }
201
202     /**
203      * 设置进度字体颜色
204      *
205      * @param color
206      */
207     public void setTextColor(int color) {
208         mPaint.setColor(color);
209     }
210
211     /**
212      * 调整进度字体的位置 初始位置为图片的正中央
213      *
214      * @param top
215      * @param left
216      */
217     public void setTextPadding(int top, int left) {
218         this.textpaddingleft = left;
219         this.textpaddingtop = top;
220     }
221
222     /**
223      * 调整进图背景图的位置 初始位置为进度条正上方、偏左一半
224      *
225      * @param top
226      * @param left
227      */
228     public void setImagePadding(int top, int left) {
229         this.imagepaddingleft = left;
230         this.imagepaddingtop = top;
231     }
232
233     private int getBitmapWidth() {
234         return (int) Math.ceil(mImgWidth);
235     }
236
237     private int getBitmapHeigh() {
238         return (int) Math.ceil(mImgHei);
239     }
240
241     private float getTextHei() {
242         FontMetrics fm = mPaint.getFontMetrics();
243         return (float) Math.ceil(fm.descent - fm.top) + 2;
244     }
245
246     public int getTextpaddingleft() {
247         return textpaddingleft;
248     }
249
250     public int getTextpaddingtop() {
251         return textpaddingtop;
252     }
253
254     public int getImagepaddingleft() {
255         return imagepaddingleft;
256     }
257
258     public int getImagepaddingtop() {
259         return imagepaddingtop;
260     }
261
262     public int getTextsize() {
263         return textsize;
264     }
265
266 }
 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="fill_parent"
 4     android:layout_height="fill_parent"
 5     android:orientation="vertical" >
 6
 7     <com.example.numberseekbar.NumberSeekBar
 8         android:id="@+id/bar0"
 9         style="@style/NumberProgressBar_Default"
10         android:layout_width="fill_parent"
11         android:layout_height="wrap_content"
12         android:focusable="false"
13         android:max="100"
14         android:progressDrawable="@drawable/numberseekbar_background"
15         android:thumb="@drawable/thumb_bar" />
16     <!-- padding设置无效需要在代码中设置 -->
17
18     <com.example.numberseekbar.NumberSeekBar
19         android:id="@+id/bar1"
20         style="@style/NumberProgressBar_Default"
21         android:layout_width="fill_parent"
22         android:layout_height="wrap_content"
23         android:focusable="false"
24         android:max="200"
25         android:progressDrawable="@drawable/numberseekbar_background"
26         android:thumb="@drawable/thumb_bar" />
27
28     <com.example.numberseekbar.NumberSeekBar
29         android:id="@+id/bar2"
30         style="@style/NumberProgressBar_Default"
31         android:layout_width="fill_parent"
32         android:layout_height="wrap_content"
33         android:focusable="false"
34         android:max="300"
35         android:progressDrawable="@drawable/numberseekbar_background"
36         android:thumb="@drawable/thumb_bar" />
37
38 </LinearLayout>

style="@style/NumberProgressBar_Default"

 1 <!-- NumberProgressBar进度条相关style -->
 2     <style name="NumberProgressBar_Default">
 3         <item name="android:layout_height">wrap_content</item>
 4         <item name="android:layout_width">match_parent</item>
 5         <item name="max">100</item>
 6         <item name="progress">0</item>
 7         <item name="progress_unreached_color">#CCCCCC</item>
 8         <item name="progress_reached_color">#3498DB</item>
 9         <item name="progress_text_size">10sp</item>
10         <item name="progress_text_color">#3498DB</item>
11         <item name="progress_reached_bar_height">1.5dp</item>
12         <item name="progress_unreached_bar_height">0.75dp</item>
13     </style>

android:progressDrawable="@drawable/numberseekbar_background"         res\drawable\numberseekbar_background.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
 3
 4     <!-- 背景图 -->
 5     <item
 6         android:id="@+android:id/background"
 7         android:drawable="@drawable/bar_dn"/>
 8     <!-- 第二进度图 -->
 9     <item
10         android:id="@+id/SecondaryProgress"
11         android:drawable="@drawable/bar_up"/>
12     <!-- 进度度 -->
13     <item
14         android:id="@+android:id/progress"
15         android:drawable="@drawable/bar_dn"/>
16
17 </layer-list>

android:thumb="@drawable/thumb_bar"             res\drawable\thumb_bar.xml

 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <selector xmlns:android="http://schemas.android.com/apk/res/android">
 3
 4     <!-- 按下状态 -->
 5     <item android:drawable="@drawable/thumb_dn" android:state_pressed="true"/>
 6
 7     <!-- 焦点状态 -->
 8     <item android:drawable="@drawable/thumb_up" android:state_focused="true"/>
 9
10     <!-- 默认状态 -->
11     <item android:drawable="@drawable/thumb_up"/>
12
13 </selector>
 1 package com.example.numberseekbar;
 2
 3 import java.util.Timer;
 4 import java.util.TimerTask;
 5 import android.annotation.SuppressLint;
 6 import android.app.Activity;
 7 import android.graphics.Color;
 8 import android.os.Bundle;
 9 import android.os.Handler;
10 import android.os.Message;
11
12 public class MainActivity extends Activity {
13     private NumberSeekBar pb, pb1, pb2;
14
15     @SuppressLint("HandlerLeak")
16     Handler handler = new Handler() {
17         @Override
18         public void handleMessage(Message msg) {
19             switch (msg.what) {
20             case 1:
21                 pb.setProgress(pb.getProgress() + 5);
22                 pb1.setProgress(pb1.getProgress() + 5);
23                 pb2.setProgress(pb2.getProgress() + 10);
24                 break;
25             }
26         }
27     };
28
29     @Override
30     protected void onCreate(Bundle savedInstanceState) {
31         super.onCreate(savedInstanceState);
32         setContentView(R.layout.activity_numberseekbar);
33         pb = (NumberSeekBar) findViewById(R.id.bar0);
34         pb1 = (NumberSeekBar) findViewById(R.id.bar1);
35         pb2 = (NumberSeekBar) findViewById(R.id.bar2);
36         init();
37         start();
38     }
39
40     private void init() {
41         pb.setTextSize(20);// 设置字体大小
42         pb.setTextColor(Color.WHITE);// 颜色
43         pb.setMyPadding(10, 10, 10, 10);// 设置padding 调用setpadding会无效
44         pb.setImagePadding(0, 1);// 可以不设置
45         pb.setTextPadding(0, 0);// 可以不设置
46
47         pb1.setTextSize(20);// 设置字体大小
48         pb1.setTextColor(Color.WHITE);// 颜色
49         pb1.setMyPadding(10, 10, 10, 10);// 设置padding 调用setpadding会无效
50         pb1.setImagePadding(0, 1);// 可以不设置
51         pb1.setTextPadding(0, 0);// 可以不设置
52
53         pb2.setTextSize(20);// 设置字体大小
54         pb2.setTextColor(Color.WHITE);// 颜色
55         pb2.setMyPadding(10, 10, 10, 10);// 设置padding 调用setpadding会无效
56         pb2.setImagePadding(0, 1);// 可以不设置
57         pb2.setTextPadding(0, 0);// 可以不设置
58     }
59
60     private void start() {
61         TimerTask tt = new TimerTask() {
62             public void run() {
63                 handler.sendEmptyMessage(1);
64             }
65         };
66         Timer timer = new Timer();
67         timer.schedule(tt, 1000, 2000);
68     }
69
70 }

     bar_dn.png

     bar_up.png

               popwindow_bg1.PNG

                        thumb_dn.png

                       thumb_up.png

时间： 2024-10-04 21:06:40

NumberSeekBar 可任意拖动和自动的相关文章

Android实现动态任意拖动图片

应用场景:小游戏 android要实现动态任意拖放图片,使用imageview实现比较困难,在这里介绍一种使用button的方法: 1. 界面元素有任意个,用户操作选中一个在屏幕上拖动,拖动完成后图片元素停留在actionup的位置: 2. 首先在界面设置任意个button元素,并设置background: <RelativeLayout android:id="@+id/main" android:background="@drawable/bgall" a

window server 2008 r2- Dns 泛解析 --任意二级域名自动解析同一个网站

Dns 泛解析 简介:泛解析,作用于dns 用于域名解析到对应的ip,泛解析只针对dns,iis是无法实现的(dns只有在服务器系统上才有) window server 2008 R2 在右键计算机,管理角色,添加dns 服务器 具体安装教程请看 http://www.jb51.net/os/windows/win2008/218523.html 二.配置解析说明 配置dns 服务器 具体可查看:http://www.chinaz.com/server/2007/0904/15597.shtml

【转】Eclipse如何设置自动补全

http://alorry.blog.163.com/blog/static/6472570820122883822790/ 正文: Eclipse代码自动补全功能默认只包括 点"."  ,即只有输入”."后才出现自动补全的提示框.想要自动补全总是去按 “Alt + / ”也很麻烦. 其实只需简单在Eclipse中进行设置即可实现输入任意及符合自动出现自动补全提示框.    具体设置步骤如下: 选择Eclipse菜单条中的Windows菜单下的Preferences项 在左侧

final，类的自动加载，命名空间

final是干什么的一般是为了防止父类的一个方法被重写如果父类中的方法被声明为 final,则子类无法覆盖该方法.如果一个类被声明为 final,则不能被继承. Note: 属性不能被定义为 final,只有类和方法才能被定义为 final. 类的自动加载类的自动加载是指,在外面的页面中,并不需要去"引入"类文件,但是程序会在需要的时候动态加载需要的类文件. spl_autoload_register() 函数可以注册任意数量的自动加载器,当使用尚未被定义的类(class)和接口(in

[转]用jwplayer+Nginx搭建视频点播服务器，解决拖动加载慢的问题

flv视频可以采用两种方式发布: 一.普通的HTTP下载方式 二.基于Flash Media Server或Red5服务器的rtmp/rtmpt流媒体方式. 多数知名视频网站都采用的是前一种方式. 两种方式对比如下:Http :生成关键帧后可拖动播放. 下载完成后不再消耗服务器资源Rtmp/rtmpt: 任意拖动播放 .无缓存,每次播放都会消耗服务器资源 这里说一下怎么用nginx 搭建http 方式的视频点播服务器,主要分为三步: 一.      nginx安装及配置1.    下载nginx

jQuery Easy UI Draggable(拖动)组件

上文已经提到过了 jQuery EasyUI插件引用一般我们常用的有两种方式(排除easyload加载方式),所以本篇要总结的Draggable组件同样有两种方式加载: (1).使用class加载方式: <div id="box" class="easyui-draggable" style="width:400px;height:200px;background:red;"> 内容部分 </div> (2).JS 加载调

PHP面向对象——Final关键字 类的自动加载

1.Final关键字 含义:最终的,最后的 作用: 1.如果父类中的方法被声明为 final,则子类无法覆盖该方法. 如果一个类被声明为 final,则不能被继承. 2.属性不能被定义为 final,只有类和方法才能被定义为 final. 用法:直接在类或者方法前加final关键字. --------------------------------------------------------------------------- 2.类的自动加载 含义: 1.解决代码重复,把重复的代码写在一

php 类的自动加载

在编写面向对象(OOP) 程序时,很多开发者为每个类新建一个 PHP 文件. 这会带来一个烦恼:每个脚本的开头,都需要包含(include)一个长长的列表(每个类都有个文件). 在 PHP 5 中,已经不再需要这样了. spl_autoload_register() 函数可以注册任意数量的自动加载器,当使用尚未被定义的类(class)和接口(interface)时自动去加载.通过注册自动加载器,脚本引擎在 PHP 出错失败前有了最后一个机会加载所需的类. Tip 尽管 __autoload()

转：Eclipse自动补全功能轻松设置

Eclipse自动补全功能轻松设置 || 不需要修改编辑任何文件 2012-03-08 21:29:02|  分类: Java |  标签:eclipse  自动补全  设置  |举报|字号 订阅 下载LOFTER我的照片书  | 本文介绍如何设置Eclipse代码自动补全功能.轻松实现输入任意字母均可出现代码补全提示框. Eclipse代码自动补全功能默认只包括 点"."  ,即只有输入”."后才出现自动补全的提示框.想要自动补全总是去按 “Alt + / ”也很麻烦. 其