徽标
简介
徽标是一种带有特定短语内容的通用按钮,可以使用它来设置按钮以达到某种样式意图。
属性配置
徽标组件属性由以下部分组成:
分类 | 基础属性 | 示例 | 说明 |
基础属性 | 按钮文字 | 通过按钮文字属性定义,可以设置显示在徽标组件上的文本。按钮文字为静态文字,具体请参见数据。 | |
样式 | 按钮类型 | 详情请参见按钮类型。 | |
按钮尺寸 | 详情请参见按钮尺寸。 | ||
间距、圆角 | 徽标组件间距以及圆角样式属于页面组件通用属性,有关此部分属性的更多信息,请参见样式。 | ||
数据 | 绑定实体字段 | 放置到绑定数据表的DATA数据容器中 | 徽标组件需要配置数据源来展示右上角的数字。通常将其绑定数据实体的一个字段,字段类型需为 integer、long、boolean、text 、char中的一种。有关此部分属性的更多信息,请参见数据。 |
事件 | 点击事件 | 徽标组件配置了点击事件,在被点击时触发。有关此部分属性的更多信息,请参见事件。 | |
可见性 | 条件可见性 | 可见性确定徽标组件是否作为页面的一部分最终显示给用户。 有关此部分属性的更多信息,请参见条件可见性。 |
按钮类型
按钮类型属性将预定义的样式应用于徽标。可选项如下:
按钮类型 | 示例 | 样式 | 说明 |
主要 | |||
次要 | |||
无边框 | |||
自定义:背景颜色 | 默认: 悬浮: 按压: | 通过选择按钮类型为自定义,可以设置徽标三种交互状态的字体颜色; | |
自定义:边框颜色 | 默认: 悬浮: 按压: | 通过选择按钮类型为自定义,可以设置徽标三种交互状态的字体颜色; | |
自定义:字体颜色 | 默认: 悬浮: 按压: | 通过选择按钮类型为自定义,可以设置徽标三种交互状态的字体颜色; |
按钮尺寸
按钮尺寸属性将预定义的尺寸应用于徽标。可选项如下:
小(高度24px)
中(高度32px)
大(高度36px)
自定义
当按钮尺寸设置为“自定义”时,可以自定义设置徽标组件宽高。