表单样式图表控件

阐述内容

1、 描绘景象

2、 为提升模板视觉效果，FineReport提供多种样式设置功能，帮助用户实现个性化的美观需求。

3、 表单样式设计包含布局、组件及整体框架三个方面的设计。

4、 表单布局与样式设计

5、 表单布局样式指表单内各组件的排列方式，FineReport提供两种布局模式：充满展示区域和自适应原样缩放。

6、 打开位于%FR_HOME%WebReportWEB-INFreportletsdocFrmexamle.frm的表单文件，进入界面后，在右下角组件列表中点击body选项，即可选中整个表单框架。随后在上方属性面板中，找到组件缩放右侧的下拉菜单，点击展开后便可查看当前所设置的布局类型。

7、 充满式布局指表单内所有组件会根据页面大小自动调整尺寸，完整铺满显示区域，不出现滚动条（报表块内部除外），实现动态适配不同屏幕。而原样缩放布局则是组件在设计器中的尺寸被固定，预览时保持原始大小，不随页面变化而调整，若内容超出页面范围，则会出现滚动条，以确保信息完整展示。

8、 组件框架的样式规划与设计

9、 组件样式设计涉及对报表块、图表块、控件及参数面板等元素的外观配置，通过具体设置实现界面优化，以下将逐一说明各类组件样式的调整方式。

10、 报表区域

11、 进入路径 %FR_HOME%WebReport/WEB-INF/reportlets/doc/Frm/example.frm 打开对应表单文件。

12、 选中表单模板中的报表块，右侧属性面板可进行样式设置，具体操作所示。

13、 点击样式后的按钮，将弹出框架设置对话框。例如，可为表单中的报表块设置边框、添加背景颜色及标题内容。完成设置后，点击预览按钮，即可在网页端查看实际显示效果。内边距表示报表主体内容与报表块边缘之间的距离，若已设置边框，则指内容到边框的间距。通过调整内边距数值可控制留白大小，设置完成后再次点击预览，便可看到包含边距效果的实际呈现界面。