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)