All Projects → clarkIsMe → scrollRulerView

clarkIsMe / scrollRulerView

Licence: MIT license
请使用 CYRuler (Please use CYRuler)

Programming Languages

objective c
16641 projects - #2 most used programming language
ruby
36898 projects - #4 most used programming language

Projects that are alternatives of or similar to scrollRulerView

EasyScrollDots
Single page scroll JavaScript plugin that allows for vertical navigation of page sections
Stars: ✭ 38 (+22.58%)
Mutual labels:  scroll, scroller
Vue Scroll
Scroll directive on vue
Stars: ✭ 238 (+667.74%)
Mutual labels:  scroll
Infinitescroll
Infinite Scroll (Endless Scrolling) for RecyclerView in Android
Stars: ✭ 183 (+490.32%)
Mutual labels:  scroll
V Bar
The virtual responsive crossbrowser scrollbar component for VueJS 2x
Stars: ✭ 216 (+596.77%)
Mutual labels:  scroll
React Indiana Drag Scroll
React component which implements scrolling via holding the mouse button or touch
Stars: ✭ 190 (+512.9%)
Mutual labels:  scroll
React Native Swiper Flatlist
👆 Swiper component implemented with FlatList using Hooks & Typescript + strict automation tests with Detox
Stars: ✭ 217 (+600%)
Mutual labels:  scroll
React Focus On
🎯 Solution for WAI ARIA compatible modal dialogs or full-screen tasks, you were looking for
Stars: ✭ 180 (+480.65%)
Mutual labels:  scroll
react-is-scrolling
Simply detect if users are scrolling in your components in a declarative API
Stars: ✭ 17 (-45.16%)
Mutual labels:  scroll
Vegascroll
↕️ VegaScroll is a lightweight animation flowlayout for UICollectionView completely written in Swift 4, compatible with iOS 11 and Xcode 9.
Stars: ✭ 2,647 (+8438.71%)
Mutual labels:  scroll
React Native Text Ticker
React Native Text Ticker/Marquee Component
Stars: ✭ 212 (+583.87%)
Mutual labels:  scroll
Scroll
Static publishing software with a newspaper feel built on Tree Notation. Scroll is public domain software.
Stars: ✭ 206 (+564.52%)
Mutual labels:  scroll
Vue Wxchat
❗❗ vue.js仿微信聊天界面展示组件(可滚动加载)。A WeChat chat display component.
Stars: ✭ 192 (+519.35%)
Mutual labels:  scroll
React World
✨🌌 A different web experience in 8 bit React.js World
Stars: ✭ 230 (+641.94%)
Mutual labels:  scroll
Scroll Snap
↯ Snap page when user stops scrolling, with a customizable configuration and a consistent cross browser behaviour
Stars: ✭ 187 (+503.23%)
Mutual labels:  scroll
React Scroll Sync
Synced scroll position across multiple scrollable elements
Stars: ✭ 252 (+712.9%)
Mutual labels:  scroll
React Remove Scroll
Removes and disables 📜in a "React" way
Stars: ✭ 182 (+487.1%)
Mutual labels:  scroll
Stickyfill
Polyfill for CSS `position: sticky`
Stars: ✭ 2,252 (+7164.52%)
Mutual labels:  scroll
React Native Stretchy
🤸‍♀️A ReactNative scrollable stretchy header component
Stars: ✭ 216 (+596.77%)
Mutual labels:  scroll
QuickTraceiOSLogger
A real time iOS log trace tool, view iOS log with pc web browser under local area network, which will automatically scroll like xcode. 一个实时的iOS日志跟踪工具,在局域网中使用 PC Web 浏览器查看 iOS 日志,它将像xcode一样自动滚动。
Stars: ✭ 16 (-48.39%)
Mutual labels:  scroll
Moveto
A lightweight scroll animation javascript library without any dependency
Stars: ✭ 2,746 (+8758.06%)
Mutual labels:  scroll

scrollRulerView


说明

可滑动,自定义标尺,支持惯性滑动,重绘,以及超多自定义参数设定,随心所欲的使用。欢迎提出批评。

效果图参考,更多自定义请下载demo查看

图片名称

经典标尺 样式

TTScrollRulerView *rulerClassic = [[TTScrollRulerView alloc] initWithFrame:CGRectMake(50, 50+100*0, cy_ScreenW-100, 100)];
[self.view addSubview:rulerClassic];
rulerClassic.rulerDelegate = self;
//在执行此方法前,可先设定参数:最小值,最大值,横向,纵向等等  ------若不设定,则按照默认值绘制
[rulerClassic classicRuler];
自定义标尺 样式

TTScrollRulerView *rulerCustom = [[TTScrollRulerView alloc] initWithFrame:CGRectMake(50, 50+100*1, cy_ScreenW-100, 100)];
[self.view addSubview:rulerCustom];
rulerCustom.rulerDelegate = self;
//在执行此方法前,可先设定参数:最小值,最大值,横向,纵向等等   ------若不设定,则按照默认值绘制
[rulerCustom customRulerWithLineColor:customColorMake(0, 0, 0) NumColor:[UIColor redColor] scrollEnable:YES];
横向滚动,刻度位于上方

TTScrollRulerView *rulerHUP = [[TTScrollRulerView alloc] initWithFrame:CGRectMake(50, 50+100*2, cy_ScreenW-100, 100)];
[self.view addSubview:rulerHUP];
rulerHUP.rulerDelegate = self;
//设置滚动方向,默认横向滚动
rulerHUP.rulerDirection = RulerDirectionHorizontal;
//设置刻度位置,默认在上方
rulerHUP.rulerFace = RulerFace_up_left;
[rulerHUP classicRuler];
横向滚动,刻度位于下方

TTScrollRulerView *rulerHDOWN = [[TTScrollRulerView alloc] initWithFrame:CGRectMake(50, 50+100*3, cy_ScreenW-100, 100)];
[self.view addSubview:rulerHDOWN];
rulerHDOWN.rulerDelegate = self;
//设置滚动方向,默认横向滚动
rulerHDOWN.rulerDirection = RulerDirectionHorizontal;
//设置刻度位置,下方
rulerHDOWN.rulerFace = RulerFace_down_right;
[rulerHDOWN classicRuler];
纵向滚动,刻度位于左边

TTScrollRulerView *rulerVUP = [[TTScrollRulerView alloc] initWithFrame:CGRectMake(50, 50+100*4, 100, 250)];
[self.view addSubview:rulerVUP];
rulerVUP.rulerDelegate = self;
//设置滚动方向,默认横向滚动
rulerVUP.rulerDirection = RulerDirectionVertical;
//设置刻度位置,下方
rulerVUP.rulerFace = RulerFace_up_left;
[rulerVUP classicRuler];
纵向滚动,刻度位于右边

TTScrollRulerView *rulerVDOWN = [[TTScrollRulerView alloc] initWithFrame:CGRectMake(50+100, 50+100*4, 100, 250)];
[self.view addSubview:rulerVDOWN];
rulerVDOWN.rulerDelegate = self;
//设置滚动方向,默认横向滚动
rulerVDOWN.rulerDirection = RulerDirectionVertical;
//设置刻度位置,下方
rulerVDOWN.rulerFace = RulerFace_down_right;
[rulerVDOWN classicRuler];
参数改变后,重新绘制标尺

rulerVDOWN.lockMin = 50;
[rulerVDOWN reDrawerRuler];
让标尺滚动到某一个数值

[rulerVDOWN scrollToValue:50 animation:NO];
完全自定义标尺

/**
 *  自定义标尺
 *  注意事项:
 *  1、标尺视图的frame需要足够标尺显示出来,自己摸索
 *  2、最小值、最大值、单位刻度值,最好一起设定,只设定部分会和默认值产生冲突
 *  3、默认值的意思是标尺创建之后,刻度所在的位置,若不设定,会默认在最小值的位置
 *  4、自定义指针的frame是相对于标尺视图的

 *  如果遇到其它问题,无法解决,请联系QQ:943051580
 **/
TTScrollRulerView *rulerView = [[TTScrollRulerView alloc] initWithFrame:CGRectMake(50+100*2+50, 50+100*4, 150, 250)];
[self.view addSubview:rulerView];
rulerView.rulerDelegate = self;
//纵向滚动
rulerView.rulerDirection = RulerDirectionVertical;
//最小值
rulerView.lockMin = 1000;
//最大值
rulerView.lockMax = 50000;
//一个刻度代表的数值
rulerView.unitValue = 100;
//默认值
rulerView.lockDefault = 2000;
//不显示刻度数值
rulerView.isShowRulerValue = NO;
//背景颜色
rulerView.rulerBackgroundColor = [UIColor whiteColor];
//自定义指针位置
rulerView.pointerFrame = CGRectMake(rulerView.bounds.size.width/2.0-cy_fit(80), cy_fit(65), cy_fit(80), cy_fit(1));
//自定义指针图片
rulerView.pointerImage = nil; //可自定义
rulerView.pointerBackgroundColor = [UIColor blueColor];

[rulerView classicRuler];

导入方法

pod 'TTScrollRuler'

#import <TTScrollRulerView.h> 即可使用

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].