[翻译] ValueTrackingSlider
![](http://images.cnitblog.com/i/607542/201404/042011179844271.gif)
A UISlider Subclass that displays live values in a popUpView. It’s inspired by the implementation found here. This version is built using CALayers, it offers a few more features and its easy to customize the appearance.
一个继承自UISlider的子类,通过弹出一个View动态实时显示值的改变,灵感来自于这里(here)。这个呢实际上使用了许多CALayer,能提供一些特性供你定制,当然呢,自定义也是很简单的事情。
Set your own NSNumberFormatter to control the displayed values Wholesome springy animation 实时更新UISlider的值 可以改变的一些属性(字体颜色,字体,弹出View的颜色,弹出的View随着动画而改变的颜色) 设置你自己的NSNumberFormatter来控制显示的值 健全并附有弹性的动画效果
Which files are needed?
For CocoaPods users, simply add pod ASValueTrackingSlider to your podfile. If youd like to test the included demo project before including it in your own work, then type $ pod try ASValueTrackingSlider in your terminal. CocoaPods will download the demo project into a temp folder and open it in Xcode. Magic.
If you dont use CocoaPods, just include these files in your project:
添加以下两个文件到你的工程项目中即可:
ASValueTrackingSlider (.h .m) ASValuePopUpView (.h .m)How to use it
It’s very simple. Drag a UISlider into your Storyboard/nib and set its class to ASValueTrackingSlider – thats it. The examples below demonstrate how to customize the appearance and value displayed.
使用非常简单。拖一个UISlider的空间到Storyboard或者nib文件,设置class为ASValueTrackingSlider ,这就完了。下面的例子列举了如何定制样式以及值的改变范围。
self.slider.maximumValue = 255.0; [self.slider setMaxFractionDigitsDisplayed:0]; self.slider.popUpViewColor = [UIColor colorWithHue:0.55 saturation:0.8 brightness:0.9 alpha:0.7]; self.slider.font = [UIFont fontWithName:@"Menlo-Bold" size:22]; self.slider.textColor = [UIColor colorWithHue:0.55 saturation:1.0 brightness:0.5 alpha:1];
NSNumberFormatter *formatter = [[NSNumberFormatter alloc] init]; [formatter setNumberStyle:NSNumberFormatterPercentStyle]; [self.slider setNumberFormatter:formatter]; self.slider.popUpViewAnimatedColors = @[[UIColor purpleColor], [UIColor redColor], [UIColor orangeColor]]; self.slider.font = [UIFont fontWithName:@"Futura-CondensedExtraBold" size:26];
相关文章
- 如何将中文翻译成英文?中英文一键翻译用手机便签
- [翻译] PPDragDropBadgeView
- [翻译] DoActionSheet
- 【原创】rabbitmq-plugins用户手册(翻译)
- WebSettings 文档 API 翻译 常用设置
- TBS 手册 --phpv 翻译
- LVS调度算法权威讲解——官方文档翻译
- 「简要翻译」Apple :UI Design Dos and Don'ts
- 【第18篇】Bert论文翻译
- 【翻译自mos文章】在Oracle单机数据库中定义database service
- Python3.2官方文档翻译--标准库概览(一)
- 推荐一个文献翻译软件--Deja Vu X
- Emacs进阶之使用Google翻译单词及句子(九)
- 内存级别/栅栏 ( Memory Barriers / Fences ) – 翻译
- 第一篇 AlexNet——论文翻译
- ZYNQ之路--Xilinx AXI-Full-Master实例代码翻译