CheckBox(复选框)

大约 1 分钟

CheckBox(复选框)

复选框组件,可用作单击选中态/非选中态的切换展示

组件使用示例open in new window

属性

支持所有基础属性,此外还支持:

checked

设置CheckBox是否选中

参数描述类型
value是否选中Boolean

disable

设置CheckBox是否禁用

参数描述类型
value是否禁用Boolean

checkedImageSrc

设置选中状态的图片资源

参数描述类型
imageSrc选中状态的图片资源路径String

defaultImageSrc

设置默认状态的图片资源

参数描述类型
imageSrc默认状态的图片资源路径String

disableImageSrc

设置禁用状态的图片资源

参数描述类型
imageSrc禁用状态的图片资源路径String

checkedViewCreator

设置选中状态的视图创建器

参数描述类型
creator选中状态的视图创建器ViewContainer<*, *>.() -> Unit

defaultViewCreator

设置默认状态的视图创建器

参数描述类型
creator默认状态的视图创建器ViewContainer<*, *>.() -> Unit

disableViewCreator

设置禁用状态的视图创建器

参数描述类型
creator设置禁用状态的视图创建器ViewContainer<*, *>.() -> Unit

事件

支持所有基础事件,此外还支持:

checkedDidChanged

单选框选中状态变化的回调,回调会传入是否选中的状态:

参数描述类型
checked是否选中Boolean
@Page("demo_page")
internal class TestPage : BasePager() {
    override fun body(): ViewBuilder {
        return {
            attr {
                allCenter()
            }
            CheckBox {
                attr {
                    size(30f, 30f)
                    checked(true)
                    defaultImageSrc("https://vfiles.gtimg.cn/wuji_dashboard/xy/componenthub/Efeg39sG.png")
                    checkedImageSrc("https://vfiles.gtimg.cn/wuji_dashboard/xy/componenthub/m5kRYKMt.png")
                }
                event {
                    checkedDidChanged {
                        KLog.i("CheckBox", "checkedDidChanged:" + it.toInt())
                    }
                }
            }
        }
    }
}







 
 
 
 
 
 
 
 
 
 
 
 
 



上次编辑于: