Say bye to Fragments with Conductor & Kotlin

Say bye to Fragments with
Conductor & Kotlin
Miquel Beltran
Android Dev @ nebenan.de
@Miqubel

Activity
Router
Activity
Router

Activity
Router
Controller 1
Controller 2
Controller 3
View

class MainActivity : AppCompatActivity() {
private lateinit var router: Router
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
router = Conductor.attachRouter(this,
controller_container,
savedInstanceState)
}
@Miqubel

<com.bluelinelabs.conductor.ChangeHandlerFrameLayout
android:id="@+id/controller_container"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
@Miqubel

class MainActivity : AppCompatActivity() {
private lateinit var router: Router
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
router = Conductor.attachRouter(this,
controller_container,
savedInstanceState)
if (!router.hasRootController()) {
router.setRoot(RouterTransaction.with(MainController()))
}
}
@Miqubel

class SimpleController : Controller() {
override fun onCreateView(inflater: LayoutInflater,
container: ViewGroup): View {
val view = inflater.inflate(R.layout.controller_simple,
container, false)
// Do something with the view
return view
}
}
@Miqubel

router.pushController(
RouterTransaction.with(
OtherSimpleController()
)
)
@Miqubel

override fun onBackPressed() {
if (!router.handleBack()) {
super.onBackPressed()
}
}
router.popCurrentController()
or
@Miqubel

RouterTransaction.with(DummyController())
.popChangeHandler(HorizontalChangeHandler())
.pushChangeHandler(HorizontalChangeHandler())
)
RouterTransaction.with(DummyController())
.popChangeHandler(FadeChangeHandler())
.pushChangeHandler(FadeChangeHandler())
)
@Miqubel

class CustomChangeHandler : AnimatorChangeHandler() {
override fun getAnimator(
container: ViewGroup,
from: View?,
to: View?,
isPush: Boolean,
toAddedToContainer: Boolean): Animator {
val animator = AnimatorSet()
to?.let {
animator.play(
ObjectAnimator
.ofFloat(to, View.SCALE_X, 0f, 1f)
)
animator.play(
ObjectAnimator
.ofFloat(to, View.SCALE_Y, 0f, 1f)
)
}
return animator
}
}

override fun getAnimator(…): Animator {
val animator = AnimatorSet()
to?.let {
animator.play(…)
// The "to" View has a child with id "image"
animator.play(
ObjectAnimator
.ofFloat(to.image, View.ROTATION, -360f, 1f)
)
}
return animator
}
@Miqubel

New Controller
instance
@Miqubel

onCreateView
Controller is on top
Pushed to
Router
New Controller
instance
@Miqubel

onCreateView
onDestroyView
Pop from
Router
Conﬁg
change.
etc.
New Controller
instance
@Miqubel

onCreateView
onDestroyView
Controller
back on
top
New Controller
instance
@Miqubel

onCreateView
onDestroyView
New Controller
instance
Removed
from Router
@Miqubel
❌

Controller
Class
Properties
@Miqubel

class MyController(val parameter: String) : Controller() {
override fun onCreateView(…): View {
val view = inflater.inflate(…)
view.textView.text = "My favorite city is $parameter"
return view
}
}
❌
DON’T!
@Miqubel

class MyController(bundle: Bundle) : Controller(bundle) {
constructor(parameter: String) : this(Bundle().apply {
putString(EXTRA_PARAMETER, parameter)
})
// Access arguments like class properties
private val parameter by lazy {
args.getString(EXTRA_PARAMETER)
}
//…
view.textView.text = "My favorite city is $parameter"
👍
@Miqubel

fun changeText(text: String) {
// access to views with KAE
view?.run {
textView.text = text
}
}
@Miqubel

class MyController : Controller() {
// Warning! this will leak on onDestroyView
lateinit var textView: TextView
// Store a reference to the textView for later
textView = view.textView
return view
}
❌
DON’T!
@Miqubel

Conductor
&
Arch. Comp.
@Miqubel

model = ViewModelProviders
.of(activity as AppCompatActivity)
.get(MyViewModel::class.java)
model.getLiveData()
.observe(
activity as AppCompatActivity,
Observer<String> {
// Use the LiveData values
}
)
❌
DON’T!
@Miqubel

abstract class BaseViewModelController
: LifecycleController() {
private val viewModelStore = ViewModelStore()
fun viewModelProvider(factory): ViewModelProvider {
return ViewModelProvider(viewModelStore, factory)
}
}
@Miqubel
Ref: https://github.com/bluelinelabs/Conductor/pull/405

class ViewModelController
: BaseViewModelController() {
model = viewModelProvider()
.get(MyViewModel::class.java)
model.getLiveData()
.observe(this, Observer<String> {
//…
})
👍
@Miqubel

Dependency
Injection
(Dagger)
@Miqubel

class MyDaggerController : Controller() {
@Inject
lateinit var value: String
(activity!!.application as App).component.inject(this)
return view
}
}
@Miqubel

@RunWith(AndroidJUnit4::class)
class TestableControllerEspressoTest {
@get:Rule
val activity = ActivityTestRule<TestActivity>(
TestActivity::class.java
)
}
@Miqubel

@get:Rule
val activity = ActivityTestRule…
val controller = TestableController()
@Before
fun setUp() {
activity.runOnUiThread {
activity.activity.router.setRoot(
RouterTransaction.with(controller)
)
}
}
}
@Miqubel

//…
@Test
fun a_click_action() {
// Call to Controller methods directly
activity.runOnUiThread {
controller.onClickDoAction()
}
// Check views
onView(withId(R.id.textView))
.check(matches(withText(“Test is running")))
}
}
@Miqubel

Recap
@Miqubel
View based apps on Android

Recap
@Miqubel

Manage your view stack

Recap
@Miqubel


Nice transition animations

Recap
@Miqubel



Surviving conﬁguration changes

Recap
@Miqubel




Compatible with pres. patterns

Recap
@Miqubel




Compatible with pres. patterns

Easy to test with Espresso

Library:
https://github.com/bluelinelabs/Conductor
Talk sample code:
https://github.com/miquelbeltran/conductor-talk-
demo
Ask Me Anything: @Miqubel
ありがとう!
/ˌɑɹiˈɡɑtoʊ/

Say bye to Fragments with Conductor & Kotlin

Recommended

More Related Content

What's hot (18)

Similar to Say bye to Fragments with Conductor & Kotlin (20)

Recently uploaded (20)

Say bye to Fragments with Conductor & Kotlin