All Projects → RamWire → Ninaselectionview

RamWire / Ninaselectionview

Licence: mit
Way to select your buttons.

Projects that are alternatives of or similar to Ninaselectionview

Selectable
Touch enabled selectable plugin inspired by the jQuery UI widget.
Stars: ✭ 131 (+50.57%)
Mutual labels:  select, drag, selection
Selection
✨ Selection - A simple and lightweight library to add a visual way of selecting elements, just like on your Desktop. Zero dependencies. Full mobile and scroll support.
Stars: ✭ 1,371 (+1475.86%)
Mutual labels:  select, selection
React Ds
🔥 React Drag To Select component (tiny, touch friendly, and no dependencies!)
Stars: ✭ 153 (+75.86%)
Mutual labels:  drag, select
Tail.select
Create beautiful, functional and extensive (Multi) Select Fields with pure, vanilla JavaScript.
Stars: ✭ 235 (+170.11%)
Mutual labels:  select, selection
Dragselectrecyclerview
TouchListener that can be attached to any RecyclerView and handles multi selection for you
Stars: ✭ 371 (+326.44%)
Mutual labels:  drag, selection
flutter-package-selection menu
A flutter widget, highly customizable, to select an item from a list of items.
Stars: ✭ 32 (-63.22%)
Mutual labels:  select, selection
React Multi Select
A Multi Select component built with and for React
Stars: ✭ 111 (+27.59%)
Mutual labels:  select, selection
vue-drag-select
基于Vue的仿原生操作系统鼠标拖拽选择
Stars: ✭ 63 (-27.59%)
Mutual labels:  select, drag
Ngx Drag To Select
A lightweight, fast, configurable and reactive drag-to-select component for Angular 6 and beyond
Stars: ✭ 262 (+201.15%)
Mutual labels:  drag, select
Selecto
Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.
Stars: ✭ 822 (+844.83%)
Mutual labels:  select, selection
Ngx Tree Select
Angular select component with tree items
Stars: ✭ 59 (-32.18%)
Mutual labels:  select
Ember Select Box
🔠 A faux select box for Ember apps
Stars: ✭ 60 (-31.03%)
Mutual labels:  select
Stickerview
[No more support] A view which can add sticker and zoom,drag,delete it
Stars: ✭ 1,155 (+1227.59%)
Mutual labels:  drag
React Native Picker Select
🔽 A Picker component for React Native which emulates the native <select> interfaces for iOS and Android
Stars: ✭ 1,229 (+1312.64%)
Mutual labels:  select
React Native Modal Dropdown
A react-native dropdown/picker/selector component for both Android & iOS.
Stars: ✭ 1,103 (+1167.82%)
Mutual labels:  select
Laravel Schematics
A Laravel package making a diagram of your models, relations and the ability to build them with it
Stars: ✭ 1,137 (+1206.9%)
Mutual labels:  drag
Better Onetab
📑 A better OneTab for Chrome 📝 Temporarily removed from firefox ⚠️ without maintaining in a period & any cooperative purpose are welcome
Stars: ✭ 1,097 (+1160.92%)
Mutual labels:  drag
Gknavigationcontroller
iOS自定义导航栏-导航条联动(仿网易新闻、网易云音乐等导航栏滑动效果)
Stars: ✭ 57 (-34.48%)
Mutual labels:  pop
Validate
This package provides a framework for writing validations for Go applications.
Stars: ✭ 57 (-34.48%)
Mutual labels:  pop
V Dragged
Vue directive plugin for drag event detection.
Stars: ✭ 84 (-3.45%)
Mutual labels:  drag

image Language Pod Version Pod Platform Pod License Build Status
🇨🇳中文文档说明

  • A fantastic way to select your buttons by NinaSelectionView.

Features

  • [x] Low coupling to pop NinaSelectionView,just with one-line code methods to use it.
  • [x] Like AliPay pop style,and you can use it more flexible.
  • [x] Supports 12 pop styles,you can pop from above,below,left and right.
  • [x] Pop to anywhere as you wish.
  • [x] Support scroll when NinaSelection's height or width is longer than screen's.
  • [x] NinaSelectionView buttons can drag and exchange as you wish.
  • [x] Support Spring animation and normal animation.

Preview

Pop Styles

image image image image

Drag Feature

image

LongScrollState

image image image

Installation

Drop in the Classes folder to your Xcode project.
You can also use cocoapods.

Using CocoaPods

Add pod 'NinaSelectionView' to your Podfile and run pod install.

pod 'NinaSelectionView'

Usage

You need add 'NinaSelectionView.h'(CocoaPods) to your project.Then load the codes:

NinaSelectionView *ninaSelectionView = [[NinaSelectionView alloc] initWithTitles:[self titlesArray] PopDirection:NinaPopFromAboveToTop];
[self.view addSubview:ninaSelectionView];

Then when you wanna show or dismiss NinaSelectionView,you need use:

[self.ninaSelectionView showOrDismissNinaViewWithDuration:0.5 usingNinaSpringWithDamping:0.8 initialNinaSpringVelocity:0.3];

or

[self.ninaSelectionView showOrDismissNinaViewWithDuration:0.5];

Yeah,that's all!

Other Settings and Tips

  • You can set necessary Array by following codes(please read the Example notes if you wanna to know more).
NSArray *titleArray = @[
                        @"Curry",
                        @"Thompson",
                        @"Green",
                        @"Iguodala",
                        @"Durant"
                        ];
  • To complete button actions,you need write NinaSelectionDelegate in your codes:
- (void)selectNinaAction:(UIButton *)button {
    NSLog(@"Choose %li button",(long)button.tag);
}
  • You can also set defaultSelected button,start from 1.
_ninaSelectionView.defaultSelected = 1;
  • Meanwhile,shadow background also can be set.(You must set shadowEffect to YES first,then you can set shadowalpha)
_ninaSelectionView.shadowEffect = YES;
_ninaSelectionView.shadowAlpha = 0.4;
  • If you wanna change buttons' parameters(column,width,height),you can go to UIParameter.h to change them.Meanwhile,you can change view' Y by using nina_popY in NinaSelectionView.

Change Log

v0.1.0

First Release.

FeedBack

  • If you find bugs in this project or any suggestions,hope you can give me feedback by issues or Email me to [email protected].

Licence

This project uses MIT License.

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