1. 描述
PC上制作好的报表,在手机端查看的时候,报表软件默认的自适应效果不尽人如意。例如,报表比较大,到手机上被缩的非常小,字都看不清等等。为此FineReport增加了选项可以手动控制报表在移动终端上的显示效果。本文将详细演示这一功能如何实现并进行详细的操作演示。
2. 步骤
2.1 安装自适应设置插件
启动设计器,打开服务器>插件管理>全部插件,选择报表自适应插件,然后安装:
注:若全部插件中没有显示插件,请更新jar包,或者安装最新的设计器
安装后,重启设计器,打开模板,点击菜单模板,里面会多出一个模板自适应属性,点击后,就可以手动控制app中报表竖屏及横屏时的自适应规则,如下图:
2.2 自适应规则说明
竖屏及横屏自适应的规则可以分开控制,其中pad上的规则也采用横屏这个设置。
下拉框中我们可以看到有4个选项,分别为默认、横向自适应、纵向自适应、不自适应;
默认为FineReport内置的规则,简单说就是优先横向充满,在此基础上如果报表被缩的很小,则适当放大;
横向自适应及纵向自适应,就是横向充满及纵向充满,如果大则缩小,如果小则放大;
不自适应顾名思义就是展示报表的原始大小.
3. 示例
例如,下面的报表在PC浏览器中显示如下:
表比较宽,这个时候用手机查看,默认效果如下图:
可以看到,默认效果会将报表缩的很小,以至于字都看不清了,这种情况下,可以对这张报表,设置竖屏自适应规则,如改成“纵向自适应”,如下图:
手机上刷新报表,就可以看到,报表纵向充满了,如下图:
注:该功能在ios8.1.4以及android8.1.5版本开始才支持。
相关推荐
百度app产品分析:如何在移动端继续保持流量优势?.pdf
使用vue开发移动端app 持续更新中 开发前准备 Vue 移动端框架 参考资料 vuejs2.0 高级实战 全网稀缺 音乐WebAPP Vue2.0开发企业级移动音乐APP–导学–附github源码 网易云音乐接口+vue全家桶开发一款移动端音乐...
HTML移动端APP注册登录页面模板 HTML移动端APP注册登录页面模板 HTML移动端APP注册登录页面模板 HTML移动端APP注册登录页面模板 HTML移动端APP注册登录页面模板 HTML移动端APP注册登录页面模板 HTML移动端APP注册...
今日头条H5移动端APP页面,开发的H5的移动应用提供便捷的前端,内容为APP页面模板不含后台的Html+Css+js页面,方便直接套用样式,做的非常漂亮
HTML移动端APP注册登录页面模板,全套模板,包括首页、注册、登录、密码修改等多个手机WAP模板页面。
HTML移动端APP注册登录页面模板,全套模板,包括首页、注册、登录、密码修改等多个手机WAP模板页面。
影视APP下载页面自适应html源码
"基于HBuilder快速开发移动端APP的设计与实现" 本文总结了基于HBuilder快速开发移动端APP的设计与实现,介绍了HBuilder的基本使用和uni-app框架的应用,以及基于Vue.js框架的跨平台应用前端和PHP语言开发后端的系统...
酷安首页APP下载页面自适应源码html5.txt
影视APP下载页面自适应源码 html+js+css 记事本修改里面的内容即可,本地鼠标双击index.html即可运行,或者上传到服务器查看效果,喜欢的朋友拿去把
移动端APP设计指南,这本书值得正在或将要学习安卓的同学认真的看
2018全球移动端APP效果营销白皮书
基于vue的今日头条移动端app
首页非常好看,支持自适应,图片轮播,具体效果可以看上面的演示。 安装方法:将源码包下载解压,自己替换一下内容 然后通过FTP上传至网站根目录,建一个“app”的目录,访问就成了(http://你的域名/app) CSDN免积分...
仿今日头条H5移动端APP页面,开发的H5的移动应用提供便捷的前端,内容为APP页面模板不含后台的Html+Css+js页面,方便直接套用样式,做的非常漂亮
自适应多个APP下载页源 单页面 支持pc wap端
移动端app领取优惠券页面模板
报表开发工具finereport普通报表的app自适应方案