Skip to content

selected

选中状态, 支持添加 过渡效果

Box / Group 可通过设置 button 属性,使子元素自动同步交互状态。

注意事项

需安装 交互状态插件 才能使用。

关键属性

selected: boolean

是否选中。

selectedStyle: IUIInputData

元素 selected 设为 true 时的选中样式, selected 设为 false 后自动还原。

归属

UI

示例

ts
import { Leafer, Rect } from 'leafer-ui'
import '@leafer-in/state'

const leafer = new Leafer({ view: window })

const rect = new Rect({
    width: 100,
    height: 100,
    fill: 'rgba(50,205,121, 0.7)',
    cornerRadius: 30,
    selectedStyle: {
        fill: 'rgba(50,205,121, 1)'
    }
})

leafer.add(rect)

setTimeout(() => {

    rect.selected = true

    setTimeout(() => { rect.selected = false }, 2000)

}, 1000)

Released under the MIT License.