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

如何使用Axure中继器制作饭店菜谱?现在网络科技发展迅速，去饭店吃饭都可以在网上点菜了。那么，网上的菜谱该怎么制作呢?可以使用Axure中继器进行制作。下面就是使用Axure中继器制作饭店菜谱的具体教程，一起来看看吧! 1、首先创建一个空白页面，在工作区域中拖入一个中继器，如下图所示。

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

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

文章插图

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

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

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

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

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

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

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

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

文章插图
上面就是使用Axure中继器制作饭店菜谱的具体教程，大家学会了吗?更多相关教程，请继续关注我们。