使用三星手机的过程中发现三星手机系统自带的滑动条有一个特效,比如调节亮度的滑动条,在滑动滑块的过程中,滑块会变大,功能很小但是体验却很好,于是决定做一个这样的效果出来,好了废话不多说了,下面开始实现
我们知道在SeekBar控件中有两个很重要的属性,一个是进度条(即android:progressDrawable属性),一个是滑块(即android:thumb属性),我们主要用到的是滑块的特效,...
分类:
移动开发 时间:
2015-03-20 10:58:59
阅读次数:
148
1、HTML5/CSS3超酷焦点图特效 带前后翻页按钮今天要分享的这款HTML5/CSS3焦点图插件切换效果比较简单,但是外观和功能却十分强大。该CSS3焦点图在切换图片时,图片以淡入淡出的方式缩小消失并显示下一张图片。焦点图插件还拥有一套非常大气的前后翻页按钮,是一款非常实用HTML5/CSS3焦...
分类:
Web程序 时间:
2015-03-11 10:30:44
阅读次数:
131
这是一款jQuery响应式移动优先的图片比较滑块插件。该插件将两幅图片堆叠在一起,通过拖动滑块可以显示出下面的图片,非常适合用于两幅相似的图片做比较。该图片滑块插件最大的特点是响应式和对移动手机设备的支持。
在线演示:http://www.htmleaf.com/Demo/201503091489.html
下载地址:http://www.htmleaf.com/jQuery/Imag...
分类:
移动开发 时间:
2015-03-10 14:03:21
阅读次数:
148
上次在《【JavaScript】兼容IE6可调可控的图片滑块》(点击打开链接)的算法写得很不好,如果你要做N个图片的图片滑块,每次显示X张图片,则要一次性地多加载X-1张图片,还要用一种显示框移动的方法去实现。更可怕的是,还要理所当然地认为就是这样的。虽然这个违背常人思维方式在网上广泛流传,而且好像还是公式一样,就只有一种实现方法,其实不是的,明显可以利用文件碎片DocumentFragment去...
分类:
编程语言 时间:
2015-03-06 10:05:27
阅读次数:
147
跟滑块对应的时Stepper微调控件,有时候我们需要精确地变动,那么就不能用滑块来做,Stepper每次以一个固定的值来增加或者减少,它的设置跟滑块比就比较相似了:
也有最大值最小值和当前值,不同的是有Step这个值,也就是我们加减时的固定值,叫做步进值。它的行为有三种:
Autorepeat是按住自动重复
Continuous是连续触发值变更事件
Wrap是达到极值后反转...
分类:
编程语言 时间:
2015-03-02 13:08:43
阅读次数:
145
滑块是用一种渐进柔和的方式来展示一种设置或者一个进度。滑块的基类是UISlider,属性比较简单
主要是最小值最大值和当前值。
设定如下:
可以看到下面有两个选项,最小值图像和最大值图像,我们导入两张图片(不好意思没有太合适的图片。。。):
它最主要的事件就是值变更,跟我们之前遇到的控件差不多,现在我们让label显示滑动的当前值,最小是0,最大是10,我们上面设置...
分类:
编程语言 时间:
2015-03-02 09:33:09
阅读次数:
296
控件和视图一样,都是与用户交互的,什么是控件呢?我们常用的滑块、开关等都是控件。控件的基类都是UIControl。控件的内容如下:
主要有选中、可以使用和高亮。我们用一个按钮来展示:
未选中状态:
白底蓝字,现在我们勾选Selected:
选中之后变成了蓝底白字,翻转了,这也符合我们日常的使用习惯。
如果选中了高亮的话,颜色会变浅发灰:
空间支持各种交互...
分类:
编程语言 时间:
2015-03-01 13:19:09
阅读次数:
237
进度条的基类是UIProgressView。参数包括样式、进度、进度颜色、滑块颜色。如图:
比如我们做如下修改:
现在我们的进度条变成了如下的样子:
它的方法很简单,只有一个setProgress,设定进度就好了。...
分类:
编程语言 时间:
2015-02-27 17:07:32
阅读次数:
301
这是一款可以在线生成CSS3渐变背景颜色代码的可视化插件。你可以通过调节界面上给出的颜色、色相、饱和度和亮度滑块,以及渐变方向滑块来生成各种线性渐变,屏幕上会给出相应的CSS3线性渐变代码。
在线演示:http://www.htmleaf.com/Demo/201502221407.html
下载地址:http://www.htmleaf.com/css3/css3donghua/20...
分类:
Web程序 时间:
2015-02-23 15:30:28
阅读次数:
180
可以拖动的开关,开关滑块随着手指拖动而变化。 使用 int 值来区分状态,相比使用boolean值区分状态使代码更加容易理解、更容易些代码。有三种状态: 白天、黑夜、滚动状态。 canvas画布在滚动状态时,如何画开、关两种状态。 供用户回调的监听器在哪设置? 点击事件、滑块没有滑满...
分类:
其他好文 时间:
2015-02-22 13:26:01
阅读次数:
362