【移动端】玩转徽标控件——新增文本显示方式

变更记录:
| 产品版本 | 更新内容 | 更新日期 |
| V6.0.4 | 优化了块状菜单支持徽标的能力,满足了业务块状菜单控件需要展示徽标的需求 | 2023-12-28 |
用户场景:
在移动商城里面, 底部导航需要在右上角显示 '上新' 或者 'NEW' 等文本信息, 表示有新品上市。而现有的徽标(小圆点和数字)还未支持这种显示方式, 所以需要支持该功能
功能介绍:
1. 新增: 徽标显示方式, 在基于原先小圆点和数字的前提下, 支持文本的显示方式. 后端对应的方法是: setBadgeText, 具体代码请移'实现代码'
2. 优化: 对接原先的color参数——支持设置徽标的背景色
视觉展示:

其他常见效果:

实现代码:
public class Test2Plugin extends AbstractFormPlugin {
@Override
public void afterCreateNewData(EventObject e) {
Button button = this.getView().getControl("kdtest_buttonap");
button.setBadgeInfo(getBadgeInfo());
}
private BadgeInfo getBadgeInfo() {
BadgeInfo badgeInfo = new BadgeInfo();
badgeInfo.setBadgeText("NEW");
return badgeInfo;
}
}注意事项:
为了使徽标文本生效, 我们需要将 参数 dot置为false, count置为-1, showZero置为false, 最后再设置bad
【移动端】玩转徽标控件——新增文本显示方式
变更记录:产品版本更新内容更新日期V6.0.4优化了块状菜单支持徽标的能力,满足了业务块状菜单控件需要展示徽标的需求2023-12-28用户场景:...
点击下载文档文档为doc格式
声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
上一篇
已经是第一篇



