Creating Tiles for Wear OS
Notes: 06. Handle Click Events
Try adding two buttons that increment and decrement the glass count by 0.5 respectively. These buttons can be smaller in size and located below the existing buttons. You can improve the UI by making the “-1” button visible only if the glass count is greater than zero.
Heads up... You've reached locked video content where the transcript will be shown as text.
On Wear OS, a click listener to also a modifier. To add click listeners on the buttons, first open the WaterService and add the following modifier in the imageButton method:
.setClickable(
ModifiersBuilders.Clickable.builder()
.setId(id)
.setOnClick(ActionBuilders.LoadAction.builder())
)
.setModifiers(
ModifiersBuilders.Modifiers.builder()
.setBackground(
ModifiersBuilders.Background.builder()
.setColor(
ColorBuilders.argb(ContextCompat.getColor(this, R.color.colorPrimary))
)
.setCorner(ModifiersBuilders.Corner.builder().setRadius(BUTTON_RADIUS).build())
.build()
)
.setPadding(
ModifiersBuilders.Padding.builder()
.setAll(dp(4f))
.build()
)
.setClickable(
ModifiersBuilders.Clickable.builder()
.setId(id)
.setOnClick(ActionBuilders.LoadAction.builder())
)
)
when(requestParams.state.lastClickableId) {
ID_IMAGE_PLUS_ONE -> waterRepository.incrementFullGlass()
ID_IMAGE_MINUS_ONE -> waterRepository.decrementFullGlass()
}