HuyangJake / Yjsliderview
Licence: mit
方便快捷轻量级的SlideView接入,模仿UITableView的API实现接口。使用Frame和约束布局都很方便。所有需要的就两个文件YJSliderView的头文件和实现文件。
Stars: ✭ 43
Labels
Projects that are alternatives of or similar to Yjsliderview
React Slider
Accessible, CSS agnostic, slider component for React.
Stars: ✭ 627 (+1358.14%)
Mutual labels: slider
Splide
Splide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies.
Stars: ✭ 786 (+1727.91%)
Mutual labels: slider
React Grid Carousel
React responsive carousel component w/ grid layout
Stars: ✭ 29 (-32.56%)
Mutual labels: slider
Swiper
Most modern mobile touch slider with hardware accelerated transitions
Stars: ✭ 29,519 (+68548.84%)
Mutual labels: slider
Slidetoact
A simple 'Slide to Unlock' Material widget for Android, written in Kotlin 📱🎨🦄
Stars: ✭ 783 (+1720.93%)
Mutual labels: slider
M2 Msp owlcarousel2
This module lets you use OwnCarousel2 with Magento 2 throught requirejs
Stars: ✭ 16 (-62.79%)
Mutual labels: slider
Range Slider
The simplest JavaScript custom range slider ever!
Stars: ✭ 41 (-4.65%)
Mutual labels: slider
Gravityslider
🔄 GravitySlider is a beautiful alternative to the standard UICollectionView flow layout.
Stars: ✭ 784 (+1723.26%)
Mutual labels: slider
Hammer Slider
DISCONTINUED - HammerSlider touch is a lightweight infinite carousel plugin.
Stars: ✭ 21 (-51.16%)
Mutual labels: slider
React Zmage
一个基于 React 的可缩放图片控件 | A scalable image wrapper power by react
Stars: ✭ 713 (+1558.14%)
Mutual labels: slider
React Native Circular Slider
React Native component for creating circular slider 🔘
Stars: ✭ 716 (+1565.12%)
Mutual labels: slider
Egjs Flicking
🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.
Stars: ✭ 937 (+2079.07%)
Mutual labels: slider
Slideview
An awesome sliding button library for Android.
Stars: ✭ 683 (+1488.37%)
Mutual labels: slider
React Native Onboarding Swiper
🛳 Delightful onboarding for your React-Native app
Stars: ✭ 596 (+1286.05%)
Mutual labels: slider
Vue Concise Slider
vue-concise-slider,A simple vue sliding component
Stars: ✭ 831 (+1832.56%)
Mutual labels: slider
React Image Comparison Slider
A React component to compare images with a slider.
Stars: ✭ 43 (+0%)
Mutual labels: slider
Slendr
A responsive & lightweight (2KB gzipped) slider for modern browsers. [UNMAINTAINED]
Stars: ✭ 39 (-9.3%)
Mutual labels: slider
React Whirligig
A react carousel/slider like component for sequentially displaying slides or sets of slides
Stars: ✭ 20 (-53.49%)
Mutual labels: slider
YJSliderView
简介
方便快捷轻量级的SlideView接入,模仿UITableView的API实现接口。使用Frame和约束布局都很方便。所有需要的就两个文件YJSliderView
的头文件和实现文件。
结构简介
-
title
UICollectionView
- SliderBar
- UICollectionViewCell
- UIButton
- DotCountLabel
-
content
UICollectionView
- UICollectionViewCell
- UIView (属于外部控制器)
- UICollectionViewCell
示例
新版样式(功能更加强大版本):
使用方法(就像使用UITableView)
-
将
YJSliderView
和DotCountLabel
的头文件和实现文件拷贝进自己的项目。 -
在控制器中创建 YJSliderView的实例, 可以通过StoryBoard或者Frame。
-
控制器遵守协议,按需实现代理方法
@interface IBBasicViewController ()<YJSliderViewDelegate>
@protocol YJSliderViewDelegate <NSObject>
@required
- (NSInteger)numberOfItemsInYJSliderView:(YJSliderView *)sliderView;
- (UIView *)yj_SliderView:(YJSliderView *)sliderView viewForItemAtIndex:(NSInteger)index;
- (NSString *)yj_SliderView:(YJSliderView *)sliderView titleForItemAtIndex:(NSInteger)index;
@optional
/**
初始化的位置
@param sliderView 当前sliderView
@return 初始化显示的位置
*/
- (NSInteger)initialzeIndexForYJSliderView:(YJSliderView *)sliderView;
/**
标题的红点显示的数量
@param sliderView 当前SliderView
@param index 位置
@return 红点显示数量
*/
- (NSInteger)yj_SliderView:(YJSliderView *)sliderView redDotNumForItemAtIndex:(NSInteger)index;
@end
- 具体的代码和注意点详见Demo代码~
不足点(欢迎PR)
更新日志
- 2017.05.23 首次提交
- 2017.06.30 添加IB的展示
- 2017.07.20 更新滚动条和标题样式
- title的宽度可根据内容来自动调整
- 头部的滚动指示条的长度根据标题内容自动调整
- 2017.07.21 添加标题栏未读红点
- 2017.07.27 优化+添加功能
- 添加滚到到指定位置的方法
- 一屏title个数显示优化,可配置
- 优化点击title后页面切换的动画
- 2017.08.08 外部API添加tab切换代理方法
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].