[APP]移动端交互

编辑
  • 文档创建者:印然
  • 浏览次数:7607次
  • 编辑次数:25次
  • 最近更新:Kevin-s 于 2019-06-06
  • 1. 报表滚动

    cpt 表格过宽或者过高的时候(设置不自适应的情况下),通过上下左右滑动进行查看。

    上下滑动效果如下图:



    2. 下拉刷新

    移动端在设备顶部向下拖拽会提示可以刷新,手指释放后实现刷新,具体包括:目录树刷新、报表刷新、决策报表刷新等。

    目录树下拉刷新效果如下图:

    3. 手势缩放

    cpt 和 frm 中,支持双指和双击缩放,如下图:

     

    4. 左侧右滑动退出

    移动端增加手势退出,手指贴着左侧边,向右滑动的话做退出操作。  

    注:现左右滑动不支持翻页操作。 

    目前支持左滑退出的地方有:报表界面(不包括参数界面)、决策报表界面、二级目录界面、设置界面。



    5. 组件激活

    只有决策报表 重布局 下才有组件激活,打开财务分析主题-phone(深色).frm,控件选中body>移动端勾选手机重布局,如下图:



    5.1 组件激活

    手机点击该组件,即实现组件激活,激活以后组件像两边延伸,组件有阴影效果,(重布局横屏下组件默认处于激活状态),如下图:




    5.2 组件内部操作

    激活以后才可以内部操作,例如组件内部有滑动操作如报表块内部滑动、缩放、图表滑动等,如下图:


    5.3 组件内有超链

    详细点击9.1

    5.4 组件激活取消

    1)在组件外部点击;

    2)在组件外部滑动;

    3)组件内部滑动到边缘以后,在滑动会取消激活

    6. 横屏切换

    6.1 重布局

    • 重布局 下横屏切换,效果如下图:



    • 重布局下横屏只显示单个组件;

    • 重布局横屏下无返回按钮,支持左右切换组件;

    6.2 保留布局

    保留布局 下横屏切换,效果如下图:


    保留布局手机上横竖屏切换逻辑不变,横屏后保留布局显示,无返回按钮;

    Pad 横竖屏逻辑不变,都有返回按钮;

    注:目前的 10.0 H5 暂不支持横屏效果

    7. 组件放大

    组件放大需要设置 全屏按钮,设置后,移动端查看模板,按钮悬浮在组件右上角,如下图:



    动态效果如下图:




    重布局横屏下不支持放大,重布局竖屏、保留布局横竖屏都支持放大(不包括 Pad);

    放大状态下不支持横竖屏切换,横竖屏切换时,关闭放大状态,再进行横竖屏切换。

    8. 翻页

    1)普通报表翻页

    手机上 cpt 翻页,点击下方的翻页按钮,如下图:




    动态效果如下图:

    2)决策报表翻页

    手机决策报表的报表块只有在 放大状态 下才支持翻页(重布局竖屏放大、重布局横屏——等同于重布局横屏放大效果、保留布局竖屏放大、保留布局横屏放大),如下图:

    动态效果如下图:

    注:Pad 上翻页交互不变

    9. 跳转/联动/地图钻取/其他

    只有决策报表 重布局 下,跳转/联动/钻取交互统一。

      超级链接效果  
      图表超链-联动单元格  联动
      当前决策报表对象  联动
      网络报表  跳转
      网页链接    跳转
      动态参数  跳转
      JavaScript  其他
      邮件  其他
      钻取地图  钻取


    9.1 表格/图表跳转

    1)报表块的跳转,当没有多种选择(多个跳转地址或者同时具有联动、钻取、其他功能)时,点击具有跳转功能的字段,则直接跳转到目标网页或报表,如下图:


    动态效果如下图:


    2)图表块的跳转,当没有多种选择(多个跳转地址或者同时具有联动、钻取、其他功能)时,点击具有跳转功能的维度,弹出提示框,然后点击跳转到目标网页或报表,如下图:



    动态效果如下图:



    3)如果有多个选择时,无论是报表块的跳转还是图表块的跳转,都弹出提示框,可选择跳转目的或别的功能(这里的示例是多个跳转,下面 9.2 有同时有跳转和联动的示例),如下图:

    动态效果如下图:


    9.2 联动

    1)决策报表中的报表块里的联动,如果字段没有多种选择(多个联动或者同时具有跳转、其他等功能),则点击该字段直接触发联动效果。

    2)决策报表中的图表块里的联动,如果字段没有多种选择(多个联动或者同时具有跳转、钻取、其他等功能),则弹出提示框,选择联动触发,可以取消,如下图:


    动态效果如下图:



    3)如果有多种选择,无论是决策报表里的图表块或是报表块,都弹出提示框,选择联动或别的功能,也可以取消,如下图:


    动态效果如下图:


    9.3 地图钻取

    1)下钻:钻取地图,点击后弹出数据点提示,点击钻取后实现钻取 ,如下图:



    注:钻取和联动不能同时点击

    动态效果如下:


    2)上钻

    钻取到下一层地图后,点击上一层目录,即可实现上钻,如下图:

    动态效果如下图:

    9.4 其他

    1)决策报表中的报表块里的其他,如果字段没有多种选择(多个其他或者同时具有跳转、联动功能) ,则点击该字段直接触发其他效果。

    2)决策报表中的图表块里的其他,如果字段没有多种选择(多个其他或者同时具有跳转、联动、钻取功能),则弹出提示框,选择其他触发,可以取消。

    3)如果有多种选择,无论是决策报表里的图表块或是报表块,则弹出提示框,选择其他或别的功能,也可以取消。

    这里跟钻取和联动的效果是一样的,就不全部介绍了,下面做个多种选择的演示。

    这里演示的 JS 为:

    FR.Msg.toast("其他测试")

    具体效果如下图:

    动态效果如下图:


    10. 决策报表图表数据点提示

    决策报表中的图表,开启数据点提示会显示在顶部或底部,手指按住在图表中拖动时,可以实时查看对应的数据点提示,动态效果如下图所示:



    附件列表


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

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

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