电脑桌面
添加蚂蚁七词文库到电脑桌面
安装后可以在桌面快捷访问

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

来源:金蝶云社区作者:金蝶2024-09-234

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

变更记录:

产品版本
更新内容更新日期
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;        
    }
}


注意事项:

  1.  为了使徽标文本生效, 我们需要将 参数 dot置为false, count置为-1, showZero置为false, 最后再设置bad

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

变更记录:产品版本更新内容更新日期V6.0.4优化了块状菜单支持徽标的能力,满足了业务块状菜单控件需要展示徽标的需求2023-12-28用户场景:...
点击下载文档文档为doc格式

声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。如若本站内容侵犯了原著者的合法权益,可联系本站删除。

确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息
QQ群
  • 答案:my7c点击这里加入QQ群
支持邮箱
微信
  • 微信