All Projects → HuyangJake → Yjsliderview

HuyangJake / Yjsliderview

Licence: mit
方便快捷轻量级的SlideView接入,模仿UITableView的API实现接口。使用Frame和约束布局都很方便。所有需要的就两个文件YJSliderView的头文件和实现文件。

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
Simple Slider
🎠 The 1kb JavaScript Carousel
Stars: ✭ 583 (+1255.81%)
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 Splide
The Splide component for React.
Stars: ✭ 32 (-25.58%)
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 (属于外部控制器)

示例

gif

新版样式(功能更加强大版本):

gif

使用方法(就像使用UITableView)

  1. YJSliderViewDotCountLabel的头文件和实现文件拷贝进自己的项目。

  2. 在控制器中创建 YJSliderView的实例, 可以通过StoryBoard或者Frame。

  3. 控制器遵守协议,按需实现代理方法

@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].