餐馆点餐App制作实例（自由模式）

1、新建App，上传图标、启动页，不赘述，自己搞定哈

2、进入操作界面，先在左边新建一个页面“主菜单”，归入默认组，作为总的菜单页。

5、建好之后，进入第一个组“精品点菜”，新建页面“精品点菜”，归入该组；点击这个页面，先拖一个历史导航控件到模拟器，在属性栏设置“左边导航按钮”链接至“主菜单”页面。（如图5-1）这样，浏览到本页时，便可点击返回按钮回到主菜单。这个历史导航再配置所有下级页面都会用到哦~如果不配置历史导航条，将无法返回，只能直接退出（尤其是iphone）。

8、点击第一个页面，同样先使用一个历史导航控件，注意，这里设置左侧按钮是链接到上一页，即刚做好的“精品炒菜”宫格页（图8-1）。然后如图所示，使用一个图片控件上传一张菜式的图片。往下使用一个富文本页面，输入菜式的价格和介绍排版好（名称和价格加粗标红），并在旁边添加一个按钮控件，同样命名为“点菜”，和设置“调用功能—打电话”。（图8-2）

9、余下的页面也一一照此配置好，接着，回到“精品点菜”页面，分别点击9个宫格，在属性栏中设置链接到对应的下一页。如第一个宫格“招牌东坡肉”设置链接到“招牌东坡肉”页面

11、此时列表栏已做好，还可以继续对列表的行高、间隔、行背景等作出编辑调整，获得更美观的效果。

13、接着，我们来为这些点心图片设置一个点击放大的效果：在每个图片控件属性中，选择“点击事件—显示大图”，并上传一张该点心的大图片，保存。这样，用户在手机中点击该图片时，将会弹出一张大图，并可缩放和拖动，看得更加清晰。

15、所有页面都做完了，不过还差最后一步哦~返回到主菜单页面，将4个宫格对应链接至4大系列的菜单页，如精品点菜宫格，链接至“精品点菜”页面~这样，整个点餐App就完整串联起来啦~记得保存哦

16、点击右上方的生成按钮，就得到一个精美实用的点菜App了，你也来试试做一个吧