当前位置：
正文微信扫一扫分享到朋友圈
前段时间有不少用户表示想做一个餐馆订餐的App，这里小编就来教大家做一个吧，虽然实现不了数据库记录自动下单这种牛逼的大型客户端效果（那需要很长时间去专业定制哈），但可以让客户通过手机浏览你所有的菜单、菜式介绍以及价格等，并可直接拨打你的电话订餐哦~而且只需半小时左右即可完成，建议所有的快餐店都普及制作一下，哈哈~另外，这里面使用了宫格控件、列表控件，图片控件排版以及画廊控件进行演示，大家顺便学学这些控件的用法，大胆去举一反三的创作吧~先看看App客户端的效果：再附上下载链接，大家可以下载安装试试~http://www.apppark.cn/app/12445.html开始制作：1、 新建App，上传图标、启动页，不赘述，自己搞定哈~2、 进入操作界面，先在左边新建一个页面“主菜单”，归入默认组，作为总的菜单页。（图2-1）（图2-1）3、 建好之后点击它，在右边控件栏中拖拽一个宫格控件到模拟器中，拉伸铺满整个屏幕。然后在右侧控件属性栏中，添加4个宫格，设置参数（列数2，列间距20，行间距50，外边距20），并勾选“高度自适应”选项。如图3-1所示；然后分别点击已添加的每个宫格，分别为它们上传图标，这里我们不填写宫格名称，直接在图片上展示即可。最后设置宫格的总背景，此时效果就如图3-2所示了；（图3-1）（图3-2）4、 菜单页搞定，一定记得要保存哦！接下来就开始做菜单中包含的四大块内容了~在左边新建4个组，分别命名为这四大板块的名字，方便管理。（图4-1）（图4-1）5、 建好之后，进入第一个组“精品点菜”，新建页面“精品点菜”，归入该组；点击这个页面，先拖一个历史导航控件到模拟器，在属性栏设置“左边导航按钮”链接至“主菜单”页面。（如图5-1）这样，浏览到本页时，便可点击返回按钮回到主菜单。这个历史导航再配置所有下级页面都会用到哦~如果不配置历史导航条，将无法返回，只能直接退出（尤其是iphone）。（图5-1）6、 然后拖动宫格控件到模拟器，添加9个宫格，3*3布局，拉伸铺满模拟器，在最下方留出一条位置，然后为每个宫格上传图片，编辑名字，在留出位置使用一个按钮控件，在属性栏中命名为“点菜”，设置点击后“调用功能—打电话”，并在下方输入订餐的电话这样，客户点击即可直接拨打电话订餐了~（图6-1）。保存后，效果如图6-2所示。（图6-1）（图6-2）7、 接着在本组再新建9个页面，作为这9个宫格的下一页，分别介绍这些精品菜式和价格~（图7-1）（图7-1）8、 点击第一个页面，同样先使用一个历史导航控件，注意，这里设置左侧按钮是链接到上一页，即刚做好的“精品炒菜”宫格页（图8-1）。然后如图所示，使用一个图片控件上传一张菜式的图片。往下使用一个富文本页面，输入菜式的价格和介绍排版好（名称和价格加粗标红），并在旁边添加一个按钮控件，同样命名为“点菜”，和设置“调用功能—打电话”。（图8-2）（图8-1）（图8-2） 9、 余下的页面也一一照此配置好，接着，回到“精品点菜”页面，分别点击9个宫格，在属性栏中设置链接到对应的下一页。如第一个宫格“招牌东坡肉”设置链接到“招牌东坡肉”页面（图9-1）。（图9-1）10、第一大块就做好了，继续第二块。在“快餐系列”组内新建页面，同样先使用历史导航，左侧按钮链接到“主菜单”，然后拖拽一个列表控件到模拟器，按需添加列表栏，这里添加了7个。然后设置标题文字为“加粗，绿色”，内容文字属性默认即可，接着逐栏编辑列表的标题、内容，左侧图片框中编辑该快餐的图片（50*50大小），右侧图片框使用一个小的圆形订餐图标做装饰（PNG格式，25*25），并设置每栏的链接都为调用电话功能，这样，用户点击每一栏都可直接拨号订餐。（图10-1）（图10-1）11、此时列表栏已做好，还可以继续对列表的行高、间隔、行背景等作出编辑调整，获得更美观的效果。（图11-1）（图11-1）12、在第三大块“可口点心”组新建页面，先使用历史导航，设置链接到主菜单。然后拖动几个图片控件和单行文本控件到模拟器排列成如图所示，然后分别上传点心的图片，在文本属性中输入点心名字；最后，再添加一个按钮，命名“点餐”，设置链接到调用电话功能，让用户可在本页订餐。（图12-1）13、接着，我们来为这些点心图片设置一个点击放大的效果：在每个图片控件属性中，选择“点击事件—显示大图”，并上传一张该点心的大图片，保存。这样，用户在手机中点击该图片时，将会弹出一张大图，并可缩放和拖动，看得更加清晰。（图13-1）（图13-1）14、最后的“沁爽饮品”组，新建页面，历史导航链接到“主菜单”。拖拽一个画廊控件到模拟器，拉伸铺满。在属性栏中点击“上传图片”，上传一组图片，将出现在下面的框中，可自由调整播放顺序。然后设置是否自动播放和播放速度（此处设置自动播放，速度为5000毫秒，即5秒播完一轮），最后在底部添加一个按钮控件，命名“点餐”，设置调用电话功能，保存搞定~点击时就将在手机中自动播放饮品图片，直接拨号订餐。（图14-1）。（图14-1 ）15、所有页面都做完了，不过还差最后一步哦~返回到主菜单页面，将4个宫格对应链接至4大系列的菜单页，如精品点菜宫格，链接至“精品点菜”页面~这样，整个点餐App就完整串联起来啦~记得保存哦（15-1）（图15-1）16、点击右上方的生成按钮，就得到一个精美实用的点菜App了，你也来试试做一个吧~
分享给好友分享到微信朋友圈：第一步 打开微信底部扫一扫第二步 扫下面的文章二维码第三步 右上角点击转发下一篇：
相关文章Relevant
<li class="w first">从历史的角度来看，2017年有可能会为一些重大变化的“起头”，但不要期待很快就会有结果。文 | 韩福东来源：<li class="w first">习声回响，原声放送！<li class="w first">雾霾严重时你所在的省市公交车免费吗？<li class="w first">人的正常寿命是多少岁?按照密宗讲,是120岁.近代的虚云长老活到了一百二十岁.上次我去漳州佛光寺,妙智老和尚成就肉身菩萨...<li class="w first">前天,有微友发微信向“律师来了”咨询:我今年27岁,是一个全职妈妈,家在杭州.老公比我大5岁,也是杭州人,但他被公司外派...<li class="w first">不要去骗一个对你好的人,因为他不是对人人都好;一辈子碰到一个这样的人不容易.错过一辆车,可以等,错过一个人,也许就是一...<li class="w first">迪士尼新作《奇幻森林》今天跟大家见面了评分相当不错!老规矩,探片小分队提前试深浅总体上,这部电影还是很值进影院观看的单...<li class="w first">一中国女士从英国回来探亲,顺便带着她的洋老公和洋婆婆到中国旅游.这位女士有两个孩子,一个5岁,一个3岁,都是由她自己当全...<li class="w first">昨天,杭州的陈大姐接到前几天请假的保姆张阿姨从老家建德打来的电话,说自己的儿媳妇生了个儿子. 陈大姐连忙道喜祝贺,可是电...<li class="w first">就是他!他在三鹿奶粉事件中被记过处分,罚酒三杯后不降反升,当上了国家食药监局副局长、药品安全总监.而三聚氰胺案爆料人蒋...由于近年来移动互联网用户的爆发式增长,手机APP的开发和制作成了许多企业迫在眉睫的需求。使用自助制作工具建设APP,不失为一种方便快捷的途径。如果不需要程序员和设计师就可以简单快速地完成手机APP制作工作,对于某些非技术型的运营者来说,这是一种快速扩展市场渠道的好方法。像“应用公园”这样的自助制作APP平台,便成了广大中小型企业的迫切需求。“应用公园”是作为行业的开拓者，,主要为个人、组织与企业提供APP制作服务,满足自媒体、微商、电商、企业咨询、同城服务、品牌展示等需求。自助式搭建APP的好处打破将传统外包式开发模式，创新型平台化运作。2）让APP制作小百化，降低行业门槛，打造人人可参与的移动互联；3）大幅度降低APP开发成本，让创业成本降低；4）年度服务模式，让APP开发可以随市场不断跟新换代；5）功能强大，满足多个行业不同需求；6）共享模式，让用户经验成为行业积淀；7）一键生成苹果、安卓双系统，节省二次开发成本。总之,手机APP自助制作就是通过类似“应用公园”这样的一套完善、智能的系统平台,让不懂技术的小白，也可以通过一些非常简单的积木式搭建操作，就能轻松建立自己的手机app。0添加评论分享收藏应用公园手机客户端下载|应用公园app开发平台下载v3.0 安卓版_ IT猫扑网「推荐」一个靠谱的APP在线制作平台·应用公园（APP Park）「推荐」一个靠谱的APP在线制作平台·应用公园（APP Park）掌上微科技百家号前段时间要做一个简单的APP，但是我只有ios的开发环境，做也只能做ios版，而且现在swift变化太大，已经不大会用了，捡起来得看很久的文档，总之为这么点事不愿意费力气去折腾。所以就找找有没有傻瓜工具可以在线生成跨平台的APP，发现这种在线平台还真不少，研究了三五款，只有应用公园合我的意，其它的要么只能套模版，要么自定义模式非常辣鸡，又丑又难用。总之感觉除了应用公园一家之外，其余的都不及格。用了一段时间，确实不错，诚意推荐一波……另外一个非常非常重要的点，让我决定只能选择应用公园的原因是，这几家平台中教程的完整性和质量的对比。搞开发没有文档，那还搞个铲铲，所以我对这个是比较看重的。应用公园的教程非常完整，而且每一篇都讲得肥肠清楚，可能这种平台面向的不是程序员，受众对制作APP没什么概念，所以只能讲细致才能让非开发人员也理解。自由模式下的制作界面跟IDE非常相似，轻车熟路。所以制作过程中几乎没有遇到什么障碍。应用公园还有个非常贴心的地方就是不光有个APP的模板，还有页面的模板，也就是说，如果你要做的APP是一个相对通用的APP，那可以直接从一个APP模版上开始制作。如果不想从APP模板开始制作的话，即便是选择了自由模式，在制作一个页面的时候还是可以选择一个页面模版，肥肠爽快。在查资料的时候，还发现这家平台被收录在信息技术教科书里了，教科书里有一段讲制作APP的，就是拿应用公园做的教学演示。本文仅代表作者观点，不代表百度立场。系作者授权百家号发表，未经许可不得转载。掌上微科技百家号最近更新：简介:让你从手机小白到手机高玩的头条号。作者最新文章相关文章}