XDOC图片报表设计指南

1. 第一个

1.1. 注册账号

在浏览器中打开:http://www.xdocin.com/xdoc?_func=resource,如下图:
点击【去注册】,注册一个账号:
输入邮箱地址,点击【注册】, 系统会将账号口令发送到你的邮箱中,如下图:

1.2. 上传图片

注册成功后,点击【上传】按钮,上传你的图片文件,如下图:

1.3. 编辑图片

点击文件名称后面的【编辑】按钮,打开图片报表编辑器,如下图:
左边为【元件选择区】,中间为【图片编辑区】,右边为【属性编辑区】
在图片上按下鼠标拖拽出元件,在【属性编辑区】中修改【名称】和【内容】如下图:

1.4. 保存运行

点击【保存】按钮保存编辑,保存成功后,点击【运行】按钮,打开运行窗口,如下图:
输入参数值,点击【运行】按钮,查看运行结果,如下图:

1.5. 生成调用代码

可以点击运行窗口的【生成代码】生成各种语言的调用代码,如下图:

2. 图片元件

选择【图片】元件,在图片编辑区可以拖拽出图片元件,如下图:

3. 大文本元件

选择【大文本】元件,在图片编辑区可以拖拽出大文本元件,如下图:
【自动高度】设置为否,内容超出部分会被截断,如下图:
【自动高度】设置为是,内容区会垂直拉伸,保证内容全部显示,如下图:

4. 列表元件

选择【列表】元件,在图片编辑区可以拖拽出列表元件,如下图:
被列表元件覆盖的区域,会根据传入的JSON数组的数量,重复显示,如下图: