使用Axure中的继器制作饭店菜谱的具体操作流程

时间:2018-12-03 15:41:06 作者: tjxz
Axure RP Pro
软件大小: 34.9MB
更新时间: 2024-03-04 17:06:23
所属分类: 办公工具
查看详情

 相信很多用户都在使用Axure这款软件,那么你们了解使用Axure中的继器如何制作饭店菜谱吗?下文就带来了使用Axure中的继器制作饭店菜谱的具体操作流程。 

 1、首先创建一个空白页面,在工作区域中拖入一个中继器,如下图所示。 

如何使用Axure中继器制作饭店菜谱 Axure中继器制作饭店菜谱的具体教程

 2、双击进入到中继器中,使用相关元件,搭建一个菜谱样式的模型,包括图片、名称、价格等,如下图所示。 

如何使用Axure中继器制作饭店菜谱 Axure中继器制作饭店菜谱的具体教程

 3、元件拖拽完成后,需要对每一个元件进行命名,后面设置中继器的表格表头时会使用到。 

如何使用Axure中继器制作饭店菜谱 Axure中继器制作饭店菜谱的具体教程
如何使用Axure中继器制作饭店菜谱 Axure中继器制作饭店菜谱的具体教程

 4、返回到工作区域,会发现刚刚拖入的中继器中已经显示几个菜品的模板了。 

 5、下面我们点击右侧属性中的中继器,将中断器的表格表头添加,表头的命名,就是刚刚那几个元件的名称,如下图所示。 

如何使用Axure中继器制作饭店菜谱 Axure中继器制作饭店菜谱的具体教程

 6、表格表头名称设置完成后,开始对每一行的数据进行编辑,就如果编辑Excel表格一样,在下面加菜品,比如土豆丝,10元,酸辣口味等等,有多少菜就加几个菜。 

如何使用Axure中继器制作饭店菜谱 Axure中继器制作饭店菜谱的具体教程

 7、下面开始对中继器的每项加载时赋值,也就是将表格中的数据解析到对应的元件中,如下图所示。 

如何使用Axure中继器制作饭店菜谱 Axure中继器制作饭店菜谱的具体教程

 8、菜品的图片也需要赋值,下面会介绍图片怎么导入到表格中。 

如何使用Axure中继器制作饭店菜谱 Axure中继器制作饭店菜谱的具体教程

 9、回到中继器表格的位置,在需要插入图片的那一单元格右击,上传图片即可。 

如何使用Axure中继器制作饭店菜谱 Axure中继器制作饭店菜谱的具体教程

 10、返回到工作区域,我们会发现,刚刚赋值的数据和导入的图片已经显示了,同样的方式做更的菜品进来,就可以了。 

如何使用Axure中继器制作饭店菜谱 Axure中继器制作饭店菜谱的具体教程

 11、所有工作准备完成后,f5预览一下,看看效果,不满意在对样式调整一下就行了。 

 根据上文讲解的使用Axure中的继器制作饭店菜谱的具体操作流程,你们也赶快去制作吧! 

相关推荐
AI桌面浏览器

热文推荐

  • 48小时热文
  • 每周热文

使用Axure中的继器制作饭店菜谱的具体操作流程

立即下载

Axure RP Pro