All Projects → shevakuilin → SKChoosePopView

shevakuilin / SKChoosePopView

Licence: MIT license
SKChoosePopView是一个HUD风格的可定制化选项弹窗的快速解决方案,集成了上、下、左、右、中5个进场方向的6种动画效果,如果不能满足你对酷炫效果的需要,SKChoosePopView同样支持自定义动画,以及选择记录、动画的开闭、点击特效、行列数量控制等

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 SKChoosePopView

Selectmenu
Simple, easily and diversity menu solution
Stars: ✭ 284 (+305.71%)
Mutual labels:  popup, selector
Customalertviewdialogue
Custom AlertView Dialogue is the world's most advanced alert view library. Custom AlertView Dialogue includes simple message popups, confirmation alerts, selector popups, action sheet bottom menus, and input/feedback contact forms.
Stars: ✭ 100 (+42.86%)
Mutual labels:  popup, selector
Toastui
A simple way to show toast in SwiftUI.
Stars: ✭ 138 (+97.14%)
Mutual labels:  popup, hud
restoration-mod
This repository is the home of Restoration Mod for Payday 2
Stars: ✭ 30 (-57.14%)
Mutual labels:  hud
vue-modal
A customizable, stackable, and lightweight modal component for Vue.
Stars: ✭ 96 (+37.14%)
Mutual labels:  popup
UIFramework
A powerful UI framework for the game Onset (https://playonset.com/)
Stars: ✭ 13 (-81.43%)
Mutual labels:  hud
Ambar-Xamarin
A macOS Menu Bar app built with Xamarin and C#
Stars: ✭ 63 (-10%)
Mutual labels:  popup
react-native-modal-loader
Customizable animated modal progress hud for react apps.
Stars: ✭ 36 (-48.57%)
Mutual labels:  hud
eins-modal
Simple to use modal / alert / dialog / popup. Created with pure JS. No javascript knowledge required! Works on every browser and device! IE9
Stars: ✭ 30 (-57.14%)
Mutual labels:  popup
nativescript-menu
A plugin that adds a pop-up menu to NativeScript
Stars: ✭ 17 (-75.71%)
Mutual labels:  popup
ToolTipPopupWordTV
ToolTipopupWordTV is an Open Source Android library that allows developers to easily open a popup with details by select a word from a textview.
Stars: ✭ 41 (-41.43%)
Mutual labels:  popup
prophetjs
Vanilla JS library to display toast messages.
Stars: ✭ 31 (-55.71%)
Mutual labels:  popup
gnome-hud
Unity like HUD menu for the GNOME Desktop Environment using rofi menu.
Stars: ✭ 111 (+58.57%)
Mutual labels:  hud
PopItUp
a Popup system for iOS
Stars: ✭ 26 (-62.86%)
Mutual labels:  popup
descent
Elegant now playing display for Last.fm showing song metadata and local weather.
Stars: ✭ 97 (+38.57%)
Mutual labels:  hud
react-spring-bottom-sheet
Accessible ♿️, Delightful ✨, & Fast 🚀
Stars: ✭ 604 (+762.86%)
Mutual labels:  popup
CoinHive
A nice friendly simple and easly customizable GUI for coinhives javascript miner to embed onto websites so users of your site can interact with features of the miner on every single page this javascript miner is to help those who have problems with advertisements/advertising/ads popups banners mobile redirects malvertising/malware etc and provid…
Stars: ✭ 58 (-17.14%)
Mutual labels:  popup
vue-dialog
A drag-able dialog for Vue.js
Stars: ✭ 21 (-70%)
Mutual labels:  popup
Swipe3DRotateView
No description or website provided.
Stars: ✭ 43 (-38.57%)
Mutual labels:  animation-effects
react-dom-inject
Binds an HTML element by selector to a ReactElement and renders to a DOM tree (with redux injection)
Stars: ✭ 18 (-74.29%)
Mutual labels:  selector

简述

SKChoosePopView是一个HUD风格的可定制化选项弹窗的快速解决方案,集成了上、下、左、右、中5个进场方向的6种动画效果,如果不能满足你对酷炫效果的需要,SKChoosePopView同样支持自定义动画,以及选择记录、动画的开闭、点击特效、行列数量控制等。如果你觉得还不错,star支持一下吧!

效果图

如何开始

1.从GitHub上Clone-->SKChoosePopView, 然后查看Demo (由于使用cocoaPods管理,请打开xcworkspace工程进行查看)

2.请仔细阅读下方特别指出的部分和需要注意问题

3.在项目中使用SKChoosePopView,直接将目录下的SKChoosePopView文件夹拷贝到工程中,或在podfile文件中添加pod 'SKChoosePopView'

4.SKChoosePopView基于Masonry布局,请确保你的工程里已存在Masonry,下载地址

使用方法

头文件导入

#import "SKPopView.h"

初始化

SKPopView * popView = [[SKPopView alloc] initWithOptionsTitle:kDate.title OptionsIconNormal:kDate.normalIcons  OptionsIconSelected:kDate.selectedIcons selectedTitleColor:[UIColor orangeColor] delegate:self completion:^{
// TODO: 如果这里不需要就nil
}];

显示

[popView show];

消失

[popView dismiss];

设置动画类型

popView.animationType = SK_TYPE_SPRING;

设置动画方向

popView.animationDirection = SK_SUBTYPE_FROMBOTTOM;

动画时间

popView.animationDuration = 0.5;

开启/关闭选择记录

popView.enableRecord = YES;

开启/关闭动画效果

popView.enableAnimation = YES;

行数设置

popView.optionsLine = 2;

列数设置

popView.optionsRow = 3;

最小行间距

popView.minLineSpacing = 10;

最小列间距

popView.minRowSpacing = 10;

注意事项

1.optionsLine和optionsRow属性是必须设置的, 且遵循垂直布局原则,请确保optionsLine * optionsRow于选项数量相等

2.最小行、列间距如不需要可以不设置,默认为0

3.如果开启动画,请确保animationType、animationDirection和animationDuration属性已经设置

4.如果遇到其它问题,欢迎提交issues,我会及时回复

感谢你花时间阅读以上内容, 如果这个项目能够帮助到你,记得告诉我

Email: [email protected]

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