Slide 1
Slide 1 text
Android։ൃ͋Δ͋ΔTips
2019/01/22
Slide 2
Slide 2 text
No content
Slide 3
Slide 3 text
Android Databinding + MVVM͋Δ͋Δ
Slide 4
Slide 4 text
ಡΈࠐΈதɺ௨৴Τϥʔը໘Λ
(CustomViewͱdatabindingΛ͔ͭͬͯʣڞ௨Խ͍ͨ͠
Slide 5
Slide 5 text
https://speakerdeck.com/konifar/loading-loaded-error-dokonihe-wobiao-shi-suruka
Slide 6
Slide 6 text
https://speakerdeck.com/konifar/loading-loaded-error-dokonihe-wobiao-shi-suruka
Slide 7
Slide 7 text
class LoadingAndErrorView @JvmOverloads constructor(
context: Context,
attrs: AttributeSet? = null,
defStyleAttr: Int = 0
) : ConstraintLayout(context, attrs, defStyleAttr) {
private var binding: LoadingAndErrorBinding =
DataBindingUtil.inflate(LayoutInflater.from(context), R.layout.loading_and_error, this, true)
fun setState(uiState: UIState) {
binding.uiState = uiState
}
fun setOnClickRetryListener(onClick: () -> Unit) {
binding.onClick = View.OnClickListener {
onClick.invoke()
}
}
}
sealed class UIState {
object Loading : UIState()
object Loaded : UIState()
object Retry : UIState()
}
Slide 8
Slide 8 text
class LoadingAndErrorView @JvmOverloads constructor(
context: Context,
attrs: AttributeSet? = null,
defStyleAttr: Int = 0
) : ConstraintLayout(context, attrs, defStyleAttr) {
private var binding: LoadingAndErrorBinding =
DataBindingUtil.inflate(LayoutInflater.from(context), R.layout.loading_and_error, this, true)
fun setState(uiState: UIState) {
binding.uiState = uiState
}
fun setOnClickRetryListener(onClick: () -> Unit) {
binding.onClick = View.OnClickListener {
onClick.invoke()
}
}
}
sealed class UIState {
object Loading : UIState()
object Loaded : UIState()
object Retry : UIState()
}
Slide 9
Slide 9 text
Slide 10
Slide 10 text
seald class ͷ databindingͰͭ·ͮ͘
Slide 11
Slide 11 text
Slide 12
Slide 12 text
Slide 13
Slide 13 text
Slide 14
Slide 14 text
Slide 15
Slide 15 text
Slide 16
Slide 16 text
<${packageName}.view.LoadingAndErrorView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:onRetry="@{viewModel ::retry}"
app:uiState="@{viewModel.uiState}" />
Slide 17
Slide 17 text
<${packageName}.view.LoadingAndErrorView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:onRetry="@{viewModel ::retry}"
app:uiState="@{viewModel.uiState}" />
Slide 18
Slide 18 text
object LoadingStateViewBindings {
@BindingAdapter("app:uiState")
@JvmStatic fun setState(loadingAndErrorView: LoadingAndErrorView, uiState: UIState?) {
loadingState ?.let {
loadingAndErrorView.setState(it)
}
}
@BindingAdapter("app:onRetry")
@JvmStatic fun setRetry(loadingAndErrorView: LoadingAndErrorView, onClick: () -> Unit) {
loadingAndErrorView.setOnClickRetryListener {
onClick.invoke()
}
}
}
Slide 19
Slide 19 text
object LoadingStateViewBindings {
@BindingAdapter("app:uiState")
@JvmStatic fun setState(loadingAndErrorView: LoadingAndErrorView, uiState: UIState?) {
loadingState ?.let {
loadingAndErrorView.setState(it)
}
}
@BindingAdapter("app:onRetry")
@JvmStatic fun setRetry(loadingAndErrorView: LoadingAndErrorView, onClick: () -> Unit) {
loadingAndErrorView.setOnClickRetryListener {
onClick.invoke()
}
}
}
Slide 20
Slide 20 text
<${packageName}.view.LoadingAndErrorView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:onRetry="@{viewModel ::retry}"
app:uiState="@{viewModel.uiState}" />
Slide 21
Slide 21 text
class DemoViewModel @Inject constructor() : ViewModel(), LifecycleObserver {
val uiState: MutableLiveData = MutableLiveData()
val message: MutableLiveData = MutableLiveData()
private val disposables = CompositeDisposable()
@OnLifecycleEvent(Lifecycle.Event.ON_RESUME)
fun onResume() {
Completable.timer(3, TimeUnit.SECONDS)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSubscribe {
uiState.value = UIState.Loading
}
.doFinally {
uiState.value = UIState.Retry
}
.subscribeBy(
onComplete = {
Timber.d("onComplete")
}
)
.addTo(disposables)
}
@OnLifecycleEvent(Lifecycle.Event.ON_PAUSE)
fun onPause() {
disposables.clear()
}
fun retry() {
message.value = "onClick Retry!"
}
}
Slide 22
Slide 22 text
class DemoViewModel @Inject constructor() : ViewModel(), LifecycleObserver {
val uiState: MutableLiveData = MutableLiveData()
val message: MutableLiveData = MutableLiveData()
private val disposables = CompositeDisposable()
@OnLifecycleEvent(Lifecycle.Event.ON_RESUME)
fun onResume() {
Completable.timer(3, TimeUnit.SECONDS)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSubscribe {
uiState.value = UIState.Loading
}
.doFinally {
uiState.value = UIState.Retry
}
.subscribeBy(
onComplete = {
Timber.d("onComplete")
}
)
.addTo(disposables)
}
@OnLifecycleEvent(Lifecycle.Event.ON_PAUSE)
fun onPause() {
disposables.clear()
}
fun retry() {
message.value = "onClick Retry!"
}
}
Slide 23
Slide 23 text
class DemoViewModel @Inject constructor() : ViewModel(), LifecycleObserver {
val uiState: MutableLiveData = MutableLiveData()
val message: MutableLiveData = MutableLiveData()
private val disposables = CompositeDisposable()
@OnLifecycleEvent(Lifecycle.Event.ON_RESUME)
fun onResume() {
Completable.timer(3, TimeUnit.SECONDS)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSubscribe {
uiState.value = UIState.Loading
}
.doFinally {
uiState.value = UIState.Retry
}
.subscribeBy(
onComplete = {
Timber.d("onComplete")
}
)
.addTo(disposables)
}
@OnLifecycleEvent(Lifecycle.Event.ON_PAUSE)
fun onPause() {
disposables.clear()
}
fun retry() {
message.value = "onClick Retry!"
}
}
Slide 24
Slide 24 text
ϝοηʔδͷදࣔʹLiveDataΛ͔ͭ͏
Slide 25
Slide 25 text
class DemoViewModel @Inject constructor() : ViewModel(), LifecycleObserver {
val uiState: MutableLiveData = MutableLiveData()
val message: MutableLiveData = MutableLiveData()
private val disposables = CompositeDisposable()
@OnLifecycleEvent(Lifecycle.Event.ON_RESUME)
fun onResume() {
Completable.timer(3, TimeUnit.SECONDS)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSubscribe {
uiState.value = UIState.Loading
}
.doFinally {
uiState.value = UIState.Retry
}
.subscribeBy(
onComplete = {
Timber.d("onComplete")
}
)
.addTo(disposables)
}
@OnLifecycleEvent(Lifecycle.Event.ON_PAUSE)
fun onPause() {
disposables.clear()
}
fun retry() {
message.value = "onClick Retry!"
}
}
Slide 26
Slide 26 text
class DemoViewModel @Inject constructor() : ViewModel(), LifecycleObserver {
val uiState: MutableLiveData = MutableLiveData()
val message: MutableLiveData = MutableLiveData()
private val disposables = CompositeDisposable()
@OnLifecycleEvent(Lifecycle.Event.ON_RESUME)
fun onResume() {
Completable.timer(3, TimeUnit.SECONDS)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSubscribe {
uiState.value = UIState.Loading
}
.doFinally {
uiState.value = UIState.Retry
}
.subscribeBy(
onComplete = {
Timber.d("onComplete")
}
)
.addTo(disposables)
}
@OnLifecycleEvent(Lifecycle.Event.ON_PAUSE)
fun onPause() {
disposables.clear()
}
fun retry() {
message.value = "onClick Retry!"
}
}
Slide 27
Slide 27 text
class DemoViewModel @Inject constructor() : ViewModel(), LifecycleObserver {
val uiState: MutableLiveData = MutableLiveData()
val message: SingleLiveEvent = SingleLiveEvent()
private val disposables = CompositeDisposable()
@OnLifecycleEvent(Lifecycle.Event.ON_RESUME)
fun onResume() {
Completable.timer(3, TimeUnit.SECONDS)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSubscribe {
uiState.value = UIState.Loading
}
.doFinally {
uiState.value = UIState.Retry
}
.subscribeBy(
onComplete = {
Timber.d("onComplete")
}
)
.addTo(disposables)
}
@OnLifecycleEvent(Lifecycle.Event.ON_PAUSE)
fun onPause() {
disposables.clear()
}
fun retry() {
message.value = "onClick Retry!"
}
}
Slide 28
Slide 28 text
class DemoViewModel @Inject constructor() : ViewModel(), LifecycleObserver {
val uiState: MutableLiveData = MutableLiveData()
val message: SingleLiveEvent = SingleLiveEvent()
private val disposables = CompositeDisposable()
@OnLifecycleEvent(Lifecycle.Event.ON_RESUME)
fun onResume() {
Completable.timer(3, TimeUnit.SECONDS)
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.doOnSubscribe {
uiState.value = UIState.Loading
}
.doFinally {
uiState.value = UIState.Retry
}
.subscribeBy(
onComplete = {
Timber.d("onComplete")
}
)
.addTo(disposables)
}
@OnLifecycleEvent(Lifecycle.Event.ON_PAUSE)
fun onPause() {
disposables.clear()
}
fun retry() {
message.value = "onClick Retry!"
}
}
Slide 29
Slide 29 text
class DemoFragment : BaseFragment() {
private lateinit var binding: FragmentDemoBinding
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
val view = inflater.inflate(R.layout.fragment_demo, container, false)
binding = FragmentDemoBinding.bind(view).apply {
viewModel = (activity as DemoActivity).obtainViewModel().also {
subscribe(it)
}
}
return view
}
private fun subscribe(viewModel: DemoViewModel) {
lifecycle.addObserver(viewModel)
viewModel.message.observe(this, Observer {
showToast(it)
})
}
companion object {
fun newInstance(): DemoFragment = DemoFragment()
}
}
Slide 30
Slide 30 text
class DemoFragment : BaseFragment() {
private lateinit var binding: FragmentDemoBinding
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
val view = inflater.inflate(R.layout.fragment_demo, container, false)
binding = FragmentDemoBinding.bind(view).apply {
viewModel = (activity as DemoActivity).obtainViewModel().also {
subscribe(it)
}
}
return view
}
private fun subscribe(viewModel: DemoViewModel) {
lifecycle.addObserver(viewModel)
viewModel.message.observe(this, Observer {
showToast(it)
})
}
companion object {
fun newInstance(): DemoFragment = DemoFragment()
}
}
Slide 31
Slide 31 text
LiveData#observeͷୈҰҾʹthisΛ͍Ε͕ͪ
Slide 32
Slide 32 text
class DemoFragment : BaseFragment() {
private lateinit var binding: FragmentDemoBinding
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
val view = inflater.inflate(R.layout.fragment_demo, container, false)
binding = FragmentDemoBinding.bind(view).apply {
viewModel = (activity as DemoActivity).obtainViewModel().also {
subscribe(it)
}
}
return view
}
private fun subscribe(viewModel: DemoViewModel) {
lifecycle.addObserver(viewModel)
viewModel.message.observe(this, Observer {
showToast(it)
})
}
companion object {
fun newInstance(): DemoFragment = DemoFragment()
}
}
Slide 33
Slide 33 text
class DemoFragment : BaseFragment() {
private lateinit var binding: FragmentDemoBinding
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
val view = inflater.inflate(R.layout.fragment_demo, container, false)
binding = FragmentDemoBinding.bind(view).apply {
viewModel = (activity as DemoActivity).obtainViewModel().also {
subscribe(it)
}
}
return view
}
private fun subscribe(viewModel: DemoViewModel) {
lifecycle.addObserver(viewModel)
viewModel.message.observe(viewLifecycleOwner, Observer {
showToast(it)
})
}
companion object {
fun newInstance(): DemoFragment = DemoFragment()
}
}
Slide 34
Slide 34 text
class DemoFragment : BaseFragment() {
private lateinit var binding: FragmentDemoBinding
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
val view = inflater.inflate(R.layout.fragment_demo, container, false)
binding = FragmentDemoBinding.bind(view).apply {
viewModel = (activity as DemoActivity).obtainViewModel().also {
subscribe(it)
}
}
return view
}
private fun subscribe(viewModel: DemoViewModel) {
lifecycle.addObserver(viewModel)
viewModel.message.observe(viewLifecycleOwner, Observer {
showToast(it)
})
}
companion object {
fun newInstance(): DemoFragment = DemoFragment()
}
}
onActivityCreatedͳͲͰobserve͍ͯ͠Δͱ
FragmentΛdetachͯ͠࠶attach͢ΔͱɺόάΔ͜ͱ͕͋Δ
Slide 35
Slide 35 text
class DemoFragment : BaseFragment() {
private lateinit var binding: FragmentDemoBinding
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
val view = inflater.inflate(R.layout.fragment_demo, container, false)
binding = FragmentDemoBinding.bind(view).apply {
viewModel = (activity as DemoActivity).obtainViewModel().also {
subscribe(it)
}
}
return view
}
private fun subscribe(viewModel: DemoViewModel) {
lifecycle.addObserver(viewModel)
viewModel.message.observe(viewLifecycleOwner, Observer {
showToast(it)
})
}
companion object {
fun newInstance(): DemoFragment = DemoFragment()
}
}
Slide 36
Slide 36 text
https://github.com/googlesamples/android-architecture-components/pull/470/
files#diff-7991ecd332880643c94e414441e0268aR61
Slide 37
Slide 37 text
LiveDataΛdatabinding͢Δͱ͖
setLifecycleOwnerΘ͢Ε͕ͪ
Slide 38
Slide 38 text
class DemoFragment : BaseFragment() {
private lateinit var binding: FragmentDemoBinding
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
val view = inflater.inflate(R.layout.fragment_demo, container, false)
binding = FragmentDemoBinding.bind(view).apply {
viewModel = (activity as DemoActivity).obtainViewModel().also {
subscribe(it)
}
}
return view
}
private fun subscribe(viewModel: DemoViewModel) {
lifecycle.addObserver(viewModel)
viewModel.message.observe(this, Observer {
showToast(it)
})
}
companion object {
fun newInstance(): DemoFragment = DemoFragment()
}
}
Slide 39
Slide 39 text
class DemoFragment : BaseFragment() {
private lateinit var binding: FragmentDemoBinding
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
val view = inflater.inflate(R.layout.fragment_demo, container, false)
binding = FragmentDemoBinding.bind(view).apply {
viewModel = (activity as DemoActivity).obtainViewModel().also {
subscribe(it)
}
}
binding.setLifecycleOwner(viewLifecycleOwner)
return view
}
private fun subscribe(viewModel: DemoViewModel) {
lifecycle.addObserver(viewModel)
viewModel.message.observe(this, Observer {
showToast(it)
})
}
companion object {
fun newInstance(): DemoFragment = DemoFragment()
}
}
class DemoFragment : BaseFragment() {
private lateinit var binding: FragmentDemoBinding
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
val view = inflater.inflate(R.layout.fragment_demo, container, false)
binding = FragmentDemoBinding.bind(view).apply {
viewModel = (activity as DemoActivity).obtainViewModel().also {
subscribe(it)
}
}
binding.setLifecycleOwner(viewLifecycleOwner)
return view
}
private fun subscribe(viewModel: DemoViewModel) {
lifecycle.addObserver(viewModel)
viewModel.message.observe(viewLifecyclerOwner, Observer {
showToast(it)
})
}
companion object {
fun newInstance(): DemoFragment = DemoFragment()
}
}
Slide 40
Slide 40 text
͋Δ͋Δ·ͱΊ
• seald classͷdatabindingͰ == ͔ͭͬͯͭ·͖͕ͮͪ
• Πϕϯτ௨ʹँͬͯLiveData͍͕ͪ
• LiveData#observeͷୈҰҾʹthisΛ͍Ε͕ͪ
• setLifecycleOwnerΘ͢Ε͕ͪ
Slide 41
Slide 41 text
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
Slide 42
Slide 42 text
• https://speakerdeck.com/konifar/loading-loaded-error-dokonihe-wobiao-shi-suruka
• https://engineering.udacity.com/simplifying-ui-states-with-kotlin-sealed-classes-and-databinding-2128112d0631
• https://medium.com/androiddevelopers/livedata-with-snackbar-navigation-and-other-events-the-singleliveevent-case-ac2622673150
• https://github.com/googlesamples/android-architecture-components