反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

[通用]移动端横向布局插件

  • 文档创建者:Carly
  • 历史版本:3
  • 最近更新:RosieY 于 2021-01-26
  • 1. 概述

    1.1 版本

    报表服务器版本JAR 包版本App 版本HTML5 移动端展现插件移动端横向布局插件功能变动
    10.02020-07-08V10.4.80
    V10.4.80V10.4.80-
    V10.4.975优化拖拽逻辑,现在跟决策报表自适应布局拖拽逻辑保持一致

    1.2 应用场景

    由于移动端保留布局时,组件的大小设置和调整十分复杂,且不支持很多新功能,例如数据点提示、冻结、展开收起等。因此用户在移动端预览决策报表时,常常使用移动端重布局,使得组件排列更加美观。

    但是移动端模板中经常存在组件并列的情况,重布局下必须拖入绝对画布块方可实现该效果。绝对画布块又存在背景不统一、间距调整复杂的问题。

    那么如何在移动端重布局下,方便快捷的制作组件并列的移动端模板呢?如下图所示:

    image.png

    1.3 功能描述

    帆软提供移动端横向布局插件,快速拖拽组件,实现移动端重布局模板中,可自动等距等长并列组件。

    2. 插件介绍

    2.1 安装插件

    插件下载请点击:移动端横向布局插件

    设计器插件安装方法请参见:设计器插件管理

    服务器安装插件方法请参见:服务器插件管理

    2.2 应用范围

    JAR 包在 2020-07-08 及之后,且 App/HTML5 插件版本在 V10.4.80 及之后,可使用横向布局容器插件。

    报表类型预览方式是否支持横向布局容器支持添加的组件
    普通报表-不支持-
    决策报表PC端预览
    移动端预览

    支持

    可将横向布局容器添加在body、绝对画布块、Tab 块

    支持

    可在横向布局容器中添加报表块、图表块、控件组件

    2.3 界面添加横向布局容器

    2.3.1 添加方法

    插件安装完成后,在决策报表中新增一个空白块种类:横向布局容器

    选中横向布局容器,可拖拽插入 body、绝对画布块、Tab 块中。如下图所示:

    image.png

    2.3.2 容器属性

    1)用户可自定义横向布局容器容器的名称、样式和组件大小。具体属性设置如下图所示:

    注:body 自适应布局下:
          如果横向布局容器拖入后,占满一行,容器宽度=画布宽度,宽度无法调整,调整时会进行提示
          如果横向布局容器和其他组件并列,那么容器宽度可以调整,最大为画布宽度

    2020-07-05_13-54-36.png

    2)用户可设置横向布局容器移动端展示时是否使用导航、容器内边距和容器内组件间隔。如下图所示:

    1593928719412744.png

    注1:横向布局容器不支持「选中、全屏」,容器内组件支持。横屏时,整个容器作为整体,一屏显示。

    注2:若在 body 的移动端设置中「冻结」了横向布局容器,则无法「使用导航」。

            若横向布局容器使用了导航,则body移动端冻结设置中无该容器。

            如下图所示:

    2020-07-05_13-32-17.png

    2.4 横向布局容器添加组件

    2.4.1 添加方法

    点击横向布局容器的编辑按钮,可拖拽报表块、图表块、控件组件进入横向布局容器中。

    组件均分横向布局容器的宽度,高度与横向布局容器的高度一致

    如下图所示:

    image.png

    2.4.2 组件属性

    组件类型
    属性
    报表块/图表块

    导航功能请参见:组件自动定位

    自适应属性请参见:移动端自适应

    全屏设置请参见: [App]组件全屏开关控制

    组件选中设置请参见: 组件激活 

    「手机显示限制高度」设置不生效

    控件导航功能请参见:组件自动定位

    自适应属性请参见:控件默认高度

    注:若横向布局容器未勾选导航功能,容器内组件勾选了导航功能,该设置不生效。

    附件列表


    主题: 移动端应用
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526