動態(tài)切換器乘综,令人驚嘆的文本字段憎账,不同的動畫視圖等等!
1.TKSwitcherCollection
今天卡辰,我們將從TKSwitcherCollection開始鼠哥,這是動畫開關控件的集合。
它真的很容易使用-您只需要下載并拖放到TKSwitcherCollection
項目中看政,就可以了朴恳!
目前,有四種不同的開關可用:
- TKSimpleSwitch→傳統(tǒng)開關可在iOS上使用允蚣,也可以在垂直上使用于颖。
- TKExchangeSwitch→更改觸摸形式的開關。
- TKSmileSwitch→具有兩個值的開關:悲傷和快樂嚷兔。
- TKLiquidSwitch→具有液體樣式動畫的開關森渐。
TBXark / TKSwitcherCollection
動畫開關集合CocoaPods您可以使用CocoaPods將TKSwitcherCollection添加到您的…來安裝它。
2.CocoaTextField
CocoaTextField是一個高度可定制的小型文本字段庫冒晰,可以以編程方式和情節(jié)提要一起使用同衣。
當然,您可以自定義一些內容壶运,例如非活動提示顏色耐齐,活動提示顏色,默認/重點背景顏色蒋情,邊框顏色和錯誤顏色埠况。
如果要以編程方式使用它,請參見以下用法示例:
let v = CocoaTextField()
v.inactiveHintColor = UIColor(red: 145/255, green: 222/255, blue: 233/255, alpha: 1)
v.activeHintColor = UIColor(red: 777/255, green: 122/255, blue: 187/255, alpha: 1)
v.focusedBackgroundColor = UIColor(red: 200/255, green: 230/255, blue: 250/255, alpha: 1)
v.defaultBackgroundColor = UIColor(red: 250/255, green: 250/255, blue: 250/255, alpha: 1)
v.borderColor = UIColor(red: 239/255, green: 239/255, blue: 239/255, alpha: 1)
v.errorColor = UIColor(red: 231/255, green: 76/255, blue: 60/255, alpha: 0.7)
v.borderWidth = 3
v.cornerRadius = 14
edgar-zigis / CocoaTextField 根據Material.IO準則創(chuàng)建的高度可定制的文本字段棵癣。
3.擴展集合
EXPANDING COLLECTION是Swift制作的庫辕翰,用于創(chuàng)建動畫材質設計UI卡窺視/彈出控制器。
為了使用此庫狈谊,您必須導入expanding_collection
喜命,然后創(chuàng)建一個繼承自的UICollectionViewCell BasePageCollectionCell
。然后河劝,添加一個FrontView和一個BackView壁榕。
現在,您可以創(chuàng)建一個繼承自UIViewController的UIViewController ExpandingViewController
丧裁,注冊第一步中創(chuàng)建的單元格护桦,然后添加UICollectionViewDataSource。
有關實現的更多信息煎娇,請參見下面的官方Github存儲庫二庵。
EXPANDING COLLECTION是一個動畫的材質設計UI卡窺視/彈出控制器贪染。@Ramotion制作的iOS庫…
4.AnimatedCollectionViewLayout
UICollectionView
在項目之間滾動時,沒有默認的過渡效果動畫催享。
AnimatedCollectionViewLayout是一個UICollectionViewLayout子類杭隙,可在不影響您現有代碼的情況下向您的UICollectionView添加自定義過渡和動畫!
要使用它因妙,您需要將庫導入到您的項目中痰憎。然后,您必須創(chuàng)建一個AnimatedCollectionViewLayout
對象攀涵,對其進行設置animator
铣耘,然后將其分配給UICollectionView
。
KelvinJin/AnimatedCollectionViewLayout 通常以故,當您從一項滾動到另一項時蜗细,UICollectionView沒有過渡效果。有很多方法...
5.CollectionViewSlantedLayout
最后怒详,CollectionViewSlantedLayout是的另一亞類UICollectionViewLayout允許傾斜單元的顯示在一個UICollectionView炉媒。
該庫可用于每個UICollectionView,水平和垂直具有動態(tài)單元格高度昆烁。
在可配置的項目中吊骤,我們發(fā)現:傾斜大小,傾斜方向静尼,傾斜角度白粉,滾動方向,行距茅郎,項目大小以及排除第一個或最后一個單元傾斜的可能性蜗元。
yacir/CollectionViewSlantedLayoutCollectionViewSlantedLayout是UICollectionViewLayout的子類或渤,允許在一個窗口中顯示傾斜的單元格系冗。
翻譯自:https://medium.com/better-programming/5-ios-libraries-to-make-your-app-s-ui-really-pop-7037998772af