自适应属性

编辑
  • 文档创建者:印然
  • 浏览次数:14840次
  • 编辑次数:36次
  • 最近更新:susie 于 2019-05-31
  • 1. 版本

      报表服务器版本  JAR包
      10.0  2018-12-27

    注:2018-12-27 之前的 JAR 包需要安装自适应插件

     注:此方法只适用于 PC 端,移动端自适应方法请参见: [通用]移动端自适应

    2. 描述

    应用场景:PC 端,用户预览模板希望能够根据屏幕分辨率自适应。

    功能介绍:提供表格自适应(横向自适应、双向自适应)、字体自适应的设置。

    3. 操作步骤

    3.1 PC 端报表块自适应属性(FRM)

    1)第一次预览效果

    点击模板>表单报表块自适应属性,弹出「浏览器自适应属性」面板,可以选择是否「使用全局配置」,可以根据需要选择字体和表格是否自适应以及如何自适应,如下图:


    报表块自适应逻辑:

      自适应属性效果  注意事项  
      字体-自适应 FRM 里的报表块里的字体大小会根据 body 的高度和浏览器的大小缩放
     需要搭配横向自适应、双向自适应
      字体-不自适应 FRM 里的报表块里的字体大小不会自适应 
      表格-默认 横向充满  设置横向自适应后,单元格多的情况下,单元格只能缩小到一定比例,再缩小出现横向滚动条
      表格-横向自适应 横向充满 同上
      表格-双向自适应 双向充满 设置双向自适应后,单元格多的情况下,单元格只能缩小到一定比例,再缩小出现横向滚掉条、纵向滚动条
      表格-不自适应 原样输出 


    注:一定比例为0.4,浏览器中报表的宽高 / 正文宽高 < 0.4

    2)预览后缩放浏览器窗口缩放,跟 body 布局方式 有关,如下图:


    3.2 PC端自适应属性(CPT)

    点击模板>模板自适应属性,弹出「浏览器自适应属性」面板,可以选择是否「使用全局配置」,可以根据需要选择字体和表格是否自适应以及如何自适应,如下图所示:

    CPT 自适应逻辑:

      自适应属性效果  原则 注意事项  
      字体-自适应 CPT 字体大小会根据浏览器的大小缩放
      需要搭配横向自适应、双向自适应
      字体-不自适应 CPT 字体大小不会自适应  
      表格-横向自适应 横向充满模板宽高保持原比例缩放比例 = (浏览器宽度 - 滚动条宽度) / 正文宽度  设置横向自适应后,单元格多的情况下,单元格只能缩小到一定比例,再缩小横向强制分页
      表格-双向自适应 双向充满
     模板宽度 = 页面宽度, 模板高度 = 页面高度,缩放比例 =( 浏览器宽度 - 滚动条宽度 )/ 正文宽度,高度缩放比例 = 浏览器高度 / 正文高度 设置双向自适应后,单元格多的情况下,单元格只能缩小到一定比例,再缩小横向强制分页,纵向出现滚动条
      表格-不自适应 原样输出  


    4. 移动端 

    这里的模板自适应属性/表单报表块属性在客户端无意义,移动端自适应点击 [通用]移动端自适应

    附件列表


    主题: 报表设计
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

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

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