当前位置: 首页 > article >正文

Axure PR 9 中继器 01 创建数据表


大家好,我是大明同学。

中继器在Axure中一直是个比较重要也比较难的元件,我大概会分几期来学习。

这期内容,我们来了解一下怎么用Axure中继器创建图表。

预览地址:https://qsyz49.axshare.com

创建数据表

1.打开一个RP 文件

2.在画布设置一个页面名称,也可以用于辅助参考控制图表的大小。

3.参考页面名称,制作一个表头,表头单元格格式,宽值 为 100 高 值 为 45,排版 Arial Black 字号13 向左靠齐,填充颜色 灰色 (#F2F2F2),线宽 0 边距 左侧 30

表头相关字段可结合实际业务输出,里面还有复选框,排序元件,这部分内容后续会展开讲。

4.在元件库中拖入中继器元件。

根据表头设计中继器内部单元格的数量和样式,双击中继器容器,选中中继器内部矩形框,宽值根据实际业务调整 高 设为40,线段颜色为浅白色(#F2F2F2)线宽 值 为1,基于表头宽度调整对齐。

5.双击中继器,给中继器内部单元格命名。

操作单元格中一般是按钮操作项,可以在元件库中拖入文本框,输入相关操作名称,并给操作名称字体添加颜色,蓝色(#0052D9)便于区分

除此之外,还可以在交互窗格中给操作按钮添加鼠标悬停交互效果。

依次设计操作按钮

6.双击中继器,在交互窗格 数据表格中 给中继器赋值。

*数据表格中的表头只能用英文字母或者拼音缩写命名,不支持中文 否则 无法赋值

表格内容可以提前用EXCEL表格准备

复制EXCEL表格中的内容,粘贴到中继器数据表格中。

选中中继器元件,在交互窗格中给中继器命名。

给对应的字段赋值,在交互窗格 点击新建交互,每项加载时 设置文本,目标 中继器 书籍ID 设置为 文本 插入变量或函数,[[Item.bianhao]]

添加目标,中继器 书籍名称 设置为 文本 插入变量或函数,[[Item.name]]

依次给其他字段赋值

做一下局部的微调,就可以预览效果了。

预览地址:https://qsyz49.axshare.com

好的,这期内容到这里就结束了。

跟着做的同学可以将文件保存。

我是大明同学。

下期见。


http://www.kler.cn/a/539878.html

相关文章:

  • ECG分析0210
  • 激活函数篇 04 —— softmax函数
  • 学习笔记:在华为云ModelArts上运行MindSpore扩散模型教程
  • .net一些知识点5
  • 数据库高安全—审计追踪:传统审计统一审计
  • 全国路网矢量shp数据(分不同类型分省份)
  • 如何在 Spring 中注入一个 Java Collection?
  • 企业如何评估云计算的投资回报率(ROI)?
  • Linux 下使用更强的ripgrep来搜索
  • 性能测试中的DB优化
  • 深入学习设计模式
  • 手机向电脑传输文件方法有哪些?
  • Baklib优化数字化内容管理用科技提升商业效率与增值潜力
  • 8.flask+websocket
  • [EAI-033] SFT 记忆,RL 泛化,LLM和VLM的消融研究
  • (原创,可用)SSH实现内外网安全穿透(安全不怕防火墙)
  • 网安加·百家讲坛 | 刘志诚:以业务为中心的网络安全挑战与机遇
  • b s架构 网络安全 网络安全架构分析
  • 【嵌入式 Linux 音视频+ AI 实战项目】瑞芯微 Rockchip 系列 RK3588-基于深度学习的人脸门禁+ IPC 智能安防监控系统
  • CSS Overflow 属性详解:控制内容溢出的利器
  • Docker、Podman 和 Containerd 三者区别
  • Windows 下搭建 googletest 测试框架(C/C++)
  • css:怎么设置图片不变形
  • jupyterLab插件开发
  • iOS AES/CBC/CTR加解密以及AES-CMAC
  • go-elasticsearch创建ik索引并进行查询操作