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’re accessing parts of this content for free, with some sections shown as text.
Heads up... You’re accessing parts of this content for free, with some sections shown as text.
Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.
Unlock now
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()
}