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.