SKChoosePopView 一個HUD風格的可定製化選項彈窗的快速解決方案

さらい屋五葉

原文地址----> MyBloggit

HUD風格的選項彈窗是咱們在平常開發中常常會碰到的一類需求,一般由於項目週期等因素,不多會專門抽出時間來對此類彈窗進行專門的定製開發和維護。常見的狀況就是google相似的效果控件,若是剛好匹配需求,效果上說得過去,那麼即可以節省很多的時間和精力,但更多的狀況是,咱們花費了更多的時間去修改、去填坑,效果缺不見得如意,致使開發者最後不得不吐槽:還不如本身寫。對於注重追求效率的開發者,彷佛什麼輪子均可以上路跑,只要它ok,但對於更注重用戶體驗和效果的開發者而言,就很難將就了,但人的精力總歸有限,抽不開身怎麼辦呢?這個時候就很須要一款效果很贊,使用方便、簡潔、可快速集成的組件了:SKChoosePopView便應運而生了。


簡述

SKChoosePopView是一個HUD風格的可定製化選項彈窗的快速解決方案,集成了上、下、左、右、中5個進場方向的6種動畫效果,若是不能知足你對酷炫效果的須要,SKChoosePopView一樣支持自定義動畫,以及選擇記錄、動畫的開閉、點擊特效、行列數量控制等。若是你以爲還不錯,star支持一下吧!github

效果圖 

如何開始 

1.從GitHub上Clone-->SKChoosePopView, 而後查看Demo佈局

2.請仔細閱讀下方特別指出的部分和須要注意問題動畫

3.在項目中使用SKChoosePopView,直接將SKPopView文件夾拷貝到工程中ui

4.SKChoosePopView基於Masonry佈局,請確保你的工程裏已存在Masonry,下載地址google

使用方法

頭文件導入

#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.optionsLineoptionsRow屬性是必須設置的, 且遵循垂直佈局原則,請確保optionsLine * optionsRow於選項數量相等spa

2.最小行、列間距如不須要能夠不設置,默認爲0code

3.若是開啓動畫,請確保animationTypeanimationDirectionanimationDuration屬性已經設置orm

4.若是遇到其它問題,歡迎提交issues,我會及時回覆ci

感謝你花時間閱讀以上內容, 若是這個項目可以幫助到你,記得告訴我,或者直接在文章下方留言

Email: shevakuilin@gmail.com

相關文章
相關標籤/搜索