Tiles

Intended only as an illustration, but it should be easy enough to tailor it to your needs if you find it useful.

Where can I find this NavModel?

The Tiles NavModel is not currently published, however you can fork the Appyx repository and try it out yourself! If you feel that this functionality should be part of the main library, please let us know.

States

enum class State {
    CREATED, STANDARD, SELECTED, DESTROYED
}

Default on screen resolution

internal object TilesOnScreenResolver : OnScreenStateResolver<State> {
    override fun isOnScreen(state: State): Boolean =
        when (state) {
            State.CREATED,
            State.STANDARD,
            State.SELECTED -> true
            State.DESTROYED -> false
        }
}

Default transition handler

Selection translates to scaling. Destroying makes elements fly off the screen with rotation and downscaling.

Operations

Add

tiles.add(navTarget)

Adds a new element to the NavModel immediately transitioning from CREATED -> STANDARD.

Destroy

tiles.destroy(navTarget)

Transitions a given element to DESTROYED.

Select

tiles.select(navTarget)

Transitions a given element STANDARD -> SELECTED.

Deselect

tiles.deselect(navTarget)

Transitions a given element SELECTED -> STANDARD.

Deselect all

tiles.deselectAll()

Transitions all elements SELECTED -> STANDARD.

Remove selected

tiles.removeSelected()

Transitions all elements that have SELECTED state to DESTROYED.