Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
M
Material
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Dmitriy Stepanets
Material
Commits
f813e54b
Commit
f813e54b
authored
Sep 25, 2018
by
Orkhan Alikhanov
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Made swipe transition interactive for BottomNavigationController
parent
e7a93e0b
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
116 additions
and
51 deletions
+116
-51
Sources/iOS/BottomNavigationController.swift
+116
-51
No files found.
Sources/iOS/BottomNavigationController.swift
View file @
f813e54b
...
@@ -29,6 +29,7 @@
...
@@ -29,6 +29,7 @@
*/
*/
import
UIKit
import
UIKit
import
Motion
extension
UIViewController
{
extension
UIViewController
{
/**
/**
...
@@ -51,19 +52,31 @@ private class MaterialTabBar: UITabBar {
...
@@ -51,19 +52,31 @@ private class MaterialTabBar: UITabBar {
}
}
open
class
BottomNavigationController
:
UITabBarController
{
open
class
BottomNavigationController
:
UITabBarController
{
/// A Boolean that
indicates if the swipe feature is enabled.
.
/// A Boolean that
controls if the swipe feature is enabled
.
open
var
isSwipeEnabled
=
fals
e
{
open
var
isSwipeEnabled
=
tru
e
{
didSet
{
didSet
{
guard
isSwipeEnabled
else
{
guard
isSwipeEnabled
else
{
removeSwipeGesture
Recognizers
()
removeSwipeGesture
()
return
return
}
}
prepareSwipeGesture
Recognizers
()
prepareSwipeGesture
()
}
}
}
}
/**
/**
A UIPanGestureRecognizer property internally used for the interactive
swipe.
*/
public
private(set)
var
interactiveSwipeGesture
:
UIPanGestureRecognizer
?
/**
A private integer for storing index of current view controller
during interactive transition.
*/
private
var
currentIndex
=
-
1
/**
An initializer that initializes the object with a NSCoder object.
An initializer that initializes the object with a NSCoder object.
- Parameter aDecoder: A NSCoder instance.
- Parameter aDecoder: A NSCoder instance.
*/
*/
...
@@ -151,6 +164,97 @@ open class BottomNavigationController: UITabBarController {
...
@@ -151,6 +164,97 @@ open class BottomNavigationController: UITabBarController {
view
.
contentScaleFactor
=
Screen
.
scale
view
.
contentScaleFactor
=
Screen
.
scale
prepareTabBar
()
prepareTabBar
()
isSwipeEnabled
=
true
isMotionEnabled
=
true
}
}
private
extension
BottomNavigationController
{
/**
A target method contolling interactive swipe transition based on
gesture recognizer.
- Parameter _ gesture: A UIPanGestureRecognizer.
*/
@objc
func
handleTransitionPan
(
_
gesture
:
UIPanGestureRecognizer
)
{
guard
selectedIndex
!=
NSNotFound
else
{
return
}
let
translationX
=
gesture
.
translation
(
in
:
nil
)
.
x
let
velocityX
=
gesture
.
velocity
(
in
:
nil
)
.
x
switch
gesture
.
state
{
case
.
began
,
.
changed
:
let
isSlidingLeft
=
currentIndex
==
-
1
?
velocityX
<
0
:
translationX
<
0
if
currentIndex
==
-
1
{
currentIndex
=
selectedIndex
}
let
nextIndex
=
currentIndex
+
(
isSlidingLeft
?
1
:
-
1
)
if
selectedIndex
!=
nextIndex
{
/// 5 point threshold
guard
abs
(
translationX
)
>
5
else
{
return
}
if
currentIndex
!=
selectedIndex
{
MotionTransition
.
shared
.
cancel
(
isAnimated
:
false
)
}
guard
canSelect
(
at
:
nextIndex
)
else
{
return
}
selectedIndex
=
nextIndex
MotionTransition
.
shared
.
setCompletionCallbackForNextTransition
{
[
weak
self
]
isFinishing
in
guard
let
`
self
`
=
self
,
isFinishing
else
{
return
}
self
.
delegate
?
.
tabBarController
?(
self
,
didSelect
:
self
.
viewControllers
!
[
nextIndex
])
}
}
else
{
let
progress
=
abs
(
translationX
/
view
.
bounds
.
width
)
MotionTransition
.
shared
.
update
(
Double
(
progress
))
}
default
:
let
progress
=
(
translationX
+
velocityX
)
/
view
.
bounds
.
width
let
isUserHandDirectionLeft
=
progress
<
0
let
isTargetHandDirectionLeft
=
selectedIndex
>
currentIndex
if
isUserHandDirectionLeft
==
isTargetHandDirectionLeft
&&
abs
(
progress
)
>
0.5
{
MotionTransition
.
shared
.
finish
()
}
else
{
MotionTransition
.
shared
.
cancel
()
}
currentIndex
=
-
1
}
}
/// Prepares interactiveSwipeGesture.
func
prepareSwipeGesture
()
{
guard
nil
==
interactiveSwipeGesture
else
{
return
}
interactiveSwipeGesture
=
UIPanGestureRecognizer
(
target
:
self
,
action
:
#selector(
handleTransitionPan
)
)
view
.
addGestureRecognizer
(
interactiveSwipeGesture
!
)
}
/// Removes interactiveSwipeGesture.
func
removeSwipeGesture
()
{
guard
let
v
=
interactiveSwipeGesture
else
{
return
}
view
.
removeGestureRecognizer
(
v
)
interactiveSwipeGesture
=
nil
}
}
}
}
...
@@ -167,29 +271,29 @@ private extension BottomNavigationController {
...
@@ -167,29 +271,29 @@ private extension BottomNavigationController {
private
extension
BottomNavigationController
{
private
extension
BottomNavigationController
{
/**
/**
Selects a view controller at a given index
.
Checks if the view controller at a given index can be selected
.
- Parameter at index: An Int.
- Parameter at index: An Int.
*/
*/
func
select
(
at
index
:
Int
)
{
func
canSelect
(
at
index
:
Int
)
->
Bool
{
guard
index
!=
selectedIndex
else
{
guard
index
!=
selectedIndex
else
{
return
return
false
}
}
let
lastTabIndex
=
(
tabBar
.
items
?
.
count
??
1
)
-
1
let
lastTabIndex
=
(
tabBar
.
items
?
.
count
??
1
)
-
1
guard
(
0
...
lastTabIndex
)
.
contains
(
index
)
else
{
guard
(
0
...
lastTabIndex
)
.
contains
(
index
)
else
{
return
return
false
}
}
guard
!
(
index
==
lastTabIndex
&&
tabBar
.
items
?
.
last
==
moreNavigationController
.
tabBarItem
)
else
{
guard
!
(
index
==
lastTabIndex
&&
tabBar
.
items
?
.
last
==
moreNavigationController
.
tabBarItem
)
else
{
return
return
false
}
}
let
vc
=
viewControllers
!
[
index
]
let
vc
=
viewControllers
!
[
index
]
guard
delegate
?
.
tabBarController
?(
self
,
shouldSelect
:
vc
)
!=
false
else
{
guard
delegate
?
.
tabBarController
?(
self
,
shouldSelect
:
vc
)
!=
false
else
{
return
return
false
}
}
selectedIndex
=
index
delegate
?
.
tabBarController
?(
self
,
didSelect
:
vc
)
return
true
}
}
}
}
...
@@ -206,43 +310,4 @@ private extension BottomNavigationController {
...
@@ -206,43 +310,4 @@ private extension BottomNavigationController {
tabBar
.
backgroundImage
=
image
tabBar
.
backgroundImage
=
image
tabBar
.
backgroundColor
=
.
white
tabBar
.
backgroundColor
=
.
white
}
}
/// Prepare the UISwipeGestureRecognizers.
func
prepareSwipeGestureRecognizers
()
{
removeSwipeGestureRecognizers
()
let
right
=
UISwipeGestureRecognizer
(
target
:
self
,
action
:
#selector(
handleSwipeGesture(_:)
)
)
right
.
direction
=
.
right
view
.
addGestureRecognizer
(
right
)
let
left
=
UISwipeGestureRecognizer
(
target
:
self
,
action
:
#selector(
handleSwipeGesture(_:)
)
)
left
.
direction
=
.
left
view
.
addGestureRecognizer
(
left
)
}
/// Remove the UISwipeGestureRecognizers.
func
removeSwipeGestureRecognizers
()
{
view
.
gestureRecognizers
?
.
compactMap
{
$0
as?
UISwipeGestureRecognizer
}
.
filter
{
.
left
==
$0
.
direction
||
.
right
==
$0
.
direction
}
.
forEach
{
view
.
removeGestureRecognizer
(
$0
)
}
}
}
private
extension
BottomNavigationController
{
/**
A UISwipeGestureRecognizer that handles swipes.
- Parameter _ gesture: A UISwipeGestureRecognizer.
*/
@objc
func
handleSwipeGesture
(
_
gesture
:
UISwipeGestureRecognizer
)
{
guard
selectedIndex
!=
NSNotFound
else
{
return
}
select
(
at
:
.
right
==
gesture
.
direction
?
selectedIndex
-
1
:
selectedIndex
+
1
)
}
}
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment