RamWire / Ninaselectionview
Licence: mit
Way to select your buttons.
Stars: ✭ 87
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
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
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
Validate
This package provides a framework for writing validations for Go applications.
Stars: ✭ 57 (-34.48%)
Mutual labels: pop
🇨🇳中文文档说明
- 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
Drag Feature
LongScrollState
Installation
Drop in the Classes folder to your Xcode project.
You can also use cocoapods.
CocoaPods
UsingAdd 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].