[通用]TAB 组件多样化

编辑
  • 文档创建者:susie
  • 浏览次数:1017次
  • 编辑次数:7次
  • 最近更新:Kevin-s 于 2019-06-06
  • 1. 版本

    报表服务器版本JARAppHTML5
    10.02019.1.910.16.1


    2. 描述

    • 应用场景:以前的移动端 Tab 组件不够智能、样式也比较单一,标题太长可能会导致显示不全,给大家带来了一些困扰。

    • 功能描述:移动端提供更为丰富的 Tab 效果,推出3类移动端专属 Tab样式:

    • 决策报表,控件设置中选中 tabpane,切换到移动端面板,新增移动端样式栏,可以设置移动端样式模板,分为默认、上菜单式、下菜单式、滑动式,如下图:


    1)上菜单式:Tab 标题太长不会被截断

    1.gif

    2)下菜单式:支持自定义添加图标

    2.gif

    3)滑动式:顶部标题滑动切换,让手势拥有更多的可能

    3.gif

    3. 操作步骤

    打开%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Phone\analytics\sales\公司回款额_TAB.frm,控件设置中选中 tabpane,切换到移动端面板,设置移动端样式模板,如下图:


    3.1 上菜单式

    移动端预览效果如下图:



    3.2 下菜单式


    移动端预览效果 如下图:



    3.3 滑动式



    移动端预览效果如下图:



    3.4 Tab 样式自定义

    除了标准 Tab 样式,也可以自定义,如下图:

    4. 兼容性问题

    • 新 App(10.0)+老设计器(9.0、10):只有默认效果,且默认显示正常  

    • 新 App(10.0)+新设计器(10.0):默认效果及新样式都显示正常  

    • 老 App(10.0)+新设计器(10.0):只有默认效果,新样式设置后也显示老样式

    5. 注意事项

    1)Tab 标题冻结,只在手机重布局且采用上菜单式 &默认样式时生效,仅竖屏生效

    2)手机重布局下绝对画布块中不支持 Tab 标题冻结

    3)非手机重布局下不支持 Tab 标题冻结,包括竖屏和横屏

    附件列表


    主题: 移动端应用
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]