coco
83 lines
1.6 KiB
Markdown
83 lines
1.6 KiB
Markdown
# Tiles
|
|
|
|
<img src="https://i.imgur.com/N8rEPrJ.gif" width="200">
|
|
|
|
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
|
|
|
|
```kotlin
|
|
enum class State {
|
|
CREATED, STANDARD, SELECTED, DESTROYED
|
|
}
|
|
```
|
|
|
|
## Default on screen resolution
|
|
|
|
```kotlin
|
|
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`.
|