Skip to content

M
Material
Commit 63694ee6 by danieldahan
Options

MenuView animations working in all directions

parent 7b474f52
Showing with 191 additions and 15 deletions
Examples/Programmatic/MenuView/MenuView/ViewController.swift
...@@ -63,29 +63,36 @@ class ViewController: UIViewController { ...@@ -63,29 +63,36 @@ class ViewController: UIViewController {
private func prepareMenuViewExample() { private func prepareMenuViewExample() {
let image: UIImage? = UIImage(named: "ic_add_white") let image: UIImage? = UIImage(named: "ic_add_white")
let btn1: FabButton = FabButton() let btn1: FabButton = FabButton()
btn1.depth = .None
btn1.setImage(image, forState: .Normal) btn1.setImage(image, forState: .Normal)
btn1.setImage(image, forState: .Highlighted) btn1.setImage(image, forState: .Highlighted)
btn1.addTarget(self, action: "handleOpenMenuView", forControlEvents: .TouchUpInside) btn1.addTarget(self, action: "handleOpenMenuView", forControlEvents: .TouchUpInside)
let btn2: FabButton = FabButton() let btn2: FabButton = FabButton()
btn2.depth = .None
btn2.backgroundColor = MaterialColor.blue.base btn2.backgroundColor = MaterialColor.blue.base
btn2.setImage(image, forState: .Normal) btn2.setImage(image, forState: .Normal)
btn2.setImage(image, forState: .Highlighted) btn2.setImage(image, forState: .Highlighted)
let btn3: FabButton = FabButton() let btn3: FabButton = FabButton()
btn3.depth = .None
btn3.backgroundColor = MaterialColor.green.base btn3.backgroundColor = MaterialColor.green.base
btn3.setImage(image, forState: .Normal) btn3.setImage(image, forState: .Normal)
btn3.setImage(image, forState: .Highlighted) btn3.setImage(image, forState: .Highlighted)
let btn4: FabButton = FabButton() let btn4: FabButton = FabButton()
btn4.depth = .None
btn4.backgroundColor = MaterialColor.yellow.base btn4.backgroundColor = MaterialColor.yellow.base
btn4.setImage(image, forState: .Normal) btn4.setImage(image, forState: .Normal)
btn4.setImage(image, forState: .Highlighted) btn4.setImage(image, forState: .Highlighted)
menuView = MenuView(frame: view.bounds) menuView = MenuView(frame: view.bounds)
menuView.direction = .Right
menuView.baseSize = CGSizeMake(36, 36)
menuView.itemSize = CGSizeMake(36, 36)
view.addSubview(menuView) view.addSubview(menuView)
menuView.menuItems = [ menuView.items = [
MenuViewItem(button: btn1), MenuViewItem(button: btn1),
MenuViewItem(button: btn2), MenuViewItem(button: btn2),
MenuViewItem(button: btn3), MenuViewItem(button: btn3),
......
Sources/MenuView.swift
...@@ -30,6 +30,13 @@ ...@@ -30,6 +30,13 @@
import UIKit import UIKit
public enum MenuViewDirection {
case Up
case Down
case Left
case Right
}
public struct MenuViewItem { public struct MenuViewItem {
/// UIButton. /// UIButton.
public var button: UIButton public var button: UIButton
...@@ -44,9 +51,14 @@ public struct MenuViewItem { ...@@ -44,9 +51,14 @@ public struct MenuViewItem {
} }
public class MenuView : MaterialView { public class MenuView : MaterialView {
/// A Boolean that indicates if the menu is open or not.
public private(set) var opened: Bool = false public private(set) var opened: Bool = false
public var menuItems: Array<MenuViewItem>? { /// The direction in which the animation opens the menu.
public var direction: MenuViewDirection = .Up
/// An Array of MenuViewItems.
public var items: Array<MenuViewItem>? {
didSet { didSet {
reloadView() reloadView()
} }
...@@ -54,7 +66,7 @@ public class MenuView : MaterialView { ...@@ -54,7 +66,7 @@ public class MenuView : MaterialView {
public var itemSize: CGSize = CGSizeMake(48, 48) public var itemSize: CGSize = CGSizeMake(48, 48)
public var baseItemSize: CGSize = CGSizeMake(56, 56) public var baseSize: CGSize = CGSizeMake(56, 56)
public func reloadView() { public func reloadView() {
// Clear the subviews. // Clear the subviews.
...@@ -62,20 +74,28 @@ public class MenuView : MaterialView { ...@@ -62,20 +74,28 @@ public class MenuView : MaterialView {
v.removeFromSuperview() v.removeFromSuperview()
} }
if let v: Array<MenuViewItem> = menuItems { if let v: Array<MenuViewItem> = items {
for var i: Int = 0, l: Int = v.count; i < l; ++i { for var i: Int = 0, l: Int = v.count; i < l; ++i {
let item: MenuViewItem = v[i] let item: MenuViewItem = v[i]
if 0 == i { if 0 == i {
item.button.frame.size = baseItemSize item.button.frame.size = baseSize
item.button.frame.origin.x = width - baseItemSize.width - 16 // bottom right
item.button.frame.origin.y = height - baseItemSize.height - 16 // item.button.frame.origin.x = width - baseItemSize.width - 16
// item.button.frame.origin.y = height - baseItemSize.height - 16
// top left
item.button.frame.origin.x = 16
item.button.frame.origin.y = 16
addSubview(item.button) addSubview(item.button)
} else { } else {
item.button.hidden = true item.button.alpha = 0
item.button.frame.size = itemSize item.button.frame.size = itemSize
item.button.frame.origin.x = width - (baseItemSize.width + itemSize.width) / 2 - 16 // bottom right
item.button.frame.origin.y = height - itemSize.height - 16 // item.button.frame.origin.x = width - (baseItemSize.width + itemSize.width) / 2 - 16
// item.button.frame.origin.y = height - (baseItemSize.height + itemSize.height) / 2 - 16
// top left
item.button.frame.origin.x = (baseSize.width - itemSize.width) / 2 + 16
item.button.frame.origin.y = (baseSize.height - itemSize.height) / 2 + 16
insertSubview(item.button, belowSubview: v[i - 1].button) insertSubview(item.button, belowSubview: v[i - 1].button)
} }
} }
...@@ -83,17 +103,44 @@ public class MenuView : MaterialView { ...@@ -83,17 +103,44 @@ public class MenuView : MaterialView {
} }
public func open(completion: ((MenuViewItem) -> Void)? = nil) { public func open(completion: ((MenuViewItem) -> Void)? = nil) {
if let v: Array<MenuViewItem> = menuItems { switch direction {
case .Up:
openUpAnimation(completion)
case .Down:
openDownAnimation(completion)
case .Left:
openLeftAnimation(completion)
case .Right:
openRightAnimation(completion)
}
}
public func close(completion: ((MenuViewItem) -> Void)? = nil) {
switch direction {
case .Up:
closeUpAnimation(completion)
case .Down:
closeDownAnimation(completion)
case .Left:
closeLeftAnimation(completion)
case .Right:
closeRightAnimation(completion)
}
}
private func openUpAnimation(completion: ((MenuViewItem) -> Void)? = nil) {
if let v: Array<MenuViewItem> = items {
var base: MenuViewItem? var base: MenuViewItem?
for var i: Int = 1, l: Int = v.count; i < l; ++i { for var i: Int = 1, l: Int = v.count; i < l; ++i {
if nil == base { if nil == base {
base = v[0] base = v[0]
} }
let item: MenuViewItem = v[i] let item: MenuViewItem = v[i]
item.button.hidden = false
UIView.animateWithDuration(Double(i) * 0.15, UIView.animateWithDuration(Double(i) * 0.15,
animations: { [unowned self] in animations: { [unowned self] in
item.button.hidden = false item.button.alpha = 1
item.button.frame.origin.y = base!.button.frame.origin.y - CGFloat(i) * (self.itemSize.height) - CGFloat(i) * 16 item.button.frame.origin.y = base!.button.frame.origin.y - CGFloat(i) * self.itemSize.height - CGFloat(i) * 16
}, },
completion: { _ in completion: { _ in
completion?(item) completion?(item)
...@@ -103,12 +150,13 @@ public class MenuView : MaterialView { ...@@ -103,12 +150,13 @@ public class MenuView : MaterialView {
} }
} }
public func close(completion: ((MenuViewItem) -> Void)? = nil) { public func closeUpAnimation(completion: ((MenuViewItem) -> Void)? = nil) {
if let v: Array<MenuViewItem> = menuItems { if let v: Array<MenuViewItem> = items {
for var i: Int = 1, l: Int = v.count; i < l; ++i { for var i: Int = 1, l: Int = v.count; i < l; ++i {
let item: MenuViewItem = v[i] let item: MenuViewItem = v[i]
UIView.animateWithDuration(0.15, UIView.animateWithDuration(0.15,
animations: { [unowned self] in animations: { [unowned self] in
item.button.alpha = 0
item.button.frame.origin.y = self.height - item.button.bounds.height - 16 item.button.frame.origin.y = self.height - item.button.bounds.height - 16
}, },
completion: { _ in completion: { _ in
...@@ -119,4 +167,124 @@ public class MenuView : MaterialView { ...@@ -119,4 +167,124 @@ public class MenuView : MaterialView {
opened = false opened = false
} }
} }
private func openDownAnimation(completion: ((MenuViewItem) -> Void)? = nil) {
if let v: Array<MenuViewItem> = items {
var base: MenuViewItem?
for var i: Int = 1, l: Int = v.count; i < l; ++i {
if nil == base {
base = v[0]
}
let item: MenuViewItem = v[i]
item.button.hidden = false
UIView.animateWithDuration(Double(i) * 0.15,
animations: { [unowned self] in
item.button.alpha = 1
item.button.frame.origin.y = base!.button.frame.origin.y + self.baseSize.height + CGFloat(i - 1) * self.itemSize.height + CGFloat(i) * 16
},
completion: { _ in
completion?(item)
})
}
opened = true
}
}
public func closeDownAnimation(completion: ((MenuViewItem) -> Void)? = nil) {
if let v: Array<MenuViewItem> = items {
for var i: Int = 1, l: Int = v.count; i < l; ++i {
let item: MenuViewItem = v[i]
UIView.animateWithDuration(0.15,
animations: {
item.button.alpha = 0
item.button.frame.origin.y = 16
},
completion: { _ in
item.button.hidden = true
completion?(item)
})
}
opened = false
}
}
private func openLeftAnimation(completion: ((MenuViewItem) -> Void)? = nil) {
if let v: Array<MenuViewItem> = items {
var base: MenuViewItem?
for var i: Int = 1, l: Int = v.count; i < l; ++i {
if nil == base {
base = v[0]
}
let item: MenuViewItem = v[i]
item.button.hidden = false
UIView.animateWithDuration(Double(i) * 0.15,
animations: { [unowned self] in
item.button.alpha = 1
item.button.frame.origin.x = base!.button.frame.origin.x - CGFloat(i) * self.itemSize.width - CGFloat(i) * 16
},
completion: { _ in
completion?(item)
})
}
opened = true
}
}
public func closeLeftAnimation(completion: ((MenuViewItem) -> Void)? = nil) {
if let v: Array<MenuViewItem> = items {
for var i: Int = 1, l: Int = v.count; i < l; ++i {
let item: MenuViewItem = v[i]
UIView.animateWithDuration(0.15,
animations: { [unowned self] in
item.button.alpha = 0
item.button.frame.origin.x = self.width - item.button.bounds.width - 16
},
completion: { _ in
item.button.hidden = true
completion?(item)
})
}
opened = false
}
}
private func openRightAnimation(completion: ((MenuViewItem) -> Void)? = nil) {
if let v: Array<MenuViewItem> = items {
var base: MenuViewItem?
for var i: Int = 1, l: Int = v.count; i < l; ++i {
if nil == base {
base = v[0]
}
let item: MenuViewItem = v[i]
item.button.hidden = false
UIView.animateWithDuration(Double(i) * 0.15,
animations: { [unowned self] in
item.button.alpha = 1
item.button.frame.origin.x = base!.button.frame.origin.x + self.baseSize.width + CGFloat(i - 1) * self.itemSize.width + CGFloat(i) * 16
},
completion: { _ in
completion?(item)
})
}
opened = true
}
}
public func closeRightAnimation(completion: ((MenuViewItem) -> Void)? = nil) {
if let v: Array<MenuViewItem> = items {
for var i: Int = 1, l: Int = v.count; i < l; ++i {
let item: MenuViewItem = v[i]
UIView.animateWithDuration(0.15,
animations: {
item.button.alpha = 0
item.button.frame.origin.x = 16
},
completion: { _ in
item.button.hidden = true
completion?(item)
})
}
opened = false
}
}
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment