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

9158APP 0

相信很多用户都在使用Axure软件,那么你知道如何使用Axure中的复读机来创建餐厅菜谱吗?以下是使用Axure中的继器制作饭店菜谱的具体操作流程。到

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

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

2、双击进入复读机,使用相关组件搭建菜谱式模型,包括图片、名称、价格等,如下图所示。到

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

3、拖拽完组件后,需要给每个组件命名,后面设置中继器的表头时会用到。到

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

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

4.返回工作区,您会发现刚才拖入的转发器中已经显示了几个菜品模板。

5、接下来我们点击右侧属性中的中继器,添加中断器的表头。 header的名称就是刚才组件的名称,如下图所示。到

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

6. 设置表头名称后,开始编辑每行数据。就像编辑Excel表格一样,在下面添加菜品,比如土豆丝、10元、酸辣口味等,有多少菜品就添加多少。一道菜。到

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

7、接下来在加载时开始给中继器的每一项赋值,即将表中的数据解析到对应的组件中,如下图所示。到

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

8、菜品图片也需要赋值。下面介绍如何将图片导入到表格中。到

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

9. 返回转发器表格,右键单击要插入图片的单元格,然后上传图片。到

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

10、回到工作区,我们会发现刚刚分配的数据和导入的图片都已经显示出来了,更新的菜品也可以用同样的方法录入。到

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

11、所有准备工作完成后,用f5预览一下,看看效果。如果您不满意,只需调整样式即可。到

根据上面的解释使用Axure中的继器制作饭店菜谱的具体操作流程,你要赶快去办吧!