开始制作
首页>教程>教程详情

[图文教程] 浏览器控件制作教程,在应用中加入您的网站

2013-06-23 12:00 来自于应用公园

今天开始,自由模式和主题模式全面支持网页的链接了!



浏览器控件应用制作步骤:



1、  在自由模式下新建一个App,填好名称,图标和启动页,创建进入制作界面。



2、  在左侧点击“新建页面”添加一个页面命名为“菜单”,在右侧页面属性栏中设置页面背景,这里用的就是系统背景素材,大家做时可以自己上传个性背景哦~(PS:步骤2~5是为了美观和添加多个网页链接而制作菜单,那直接进行步骤6即可。)
001.jpg




3、  切换到控件栏,拖拽一个图片控件到模拟器中,大小为100×100。然后将这个图片控件复制3个(点击控件下方的复制按钮),摆放成如下所示,它就是我们的菜单了。
003.jpg




4、  接着我们点击第一个图片控件,在滑出的右侧控件属性栏中点击图片框,进入素材库上传——选用图片。一个图片控件就填好了。
004-1.jpg



5、  将4个图片控件都设置好图片之后,我们再拖拽一个单行文本到图片的下方,同样复制3份,摆放好,并点击每个文本控件,在右侧属性栏将文字都输入好。效果如图所示,这个页面就做好了,保存一下。
005.jpg



6、  新建4个页面,命名对应刚才菜单页的4个控件(如图所示)。点击第一个“三星手机”页面,从控件栏拖入一个浏览器控件到模拟器中,控件宽度设置为320,高度设置为 高度自适应。这步很重要哦,如果不铺满,用户浏览页面时就不是全屏的了
006.jpg



7、  然后点击这个浏览器控件,在右侧属性栏输入你要使用的网站链接,这里使用的就是三星note 2的商品链接。
007.jpg



8、  接下来的3个页面,重复步骤6和7:添加浏览器控件,拉伸铺满,输入网站链接,每做完一个页面都要记得保存哦。


9、  返回菜单页,点击第一个图片“三星手机”,在右侧属性栏中,设定链接至页面:“三星手机”,这样在手机中点击这个图片时,便会打开你设定的网络页面了。余下3个图片也同样一一对应链接到同名页面。
008.jpg



10、保存,点击右上角的“生成”将这个应用打包,就可以获取支持android和ios手机系统的文件包以及该应用客户端的二维码了!
360截图20130620181751766.jpg




下面来看看用户在手机中使用浏览器控件应用的效果~



1、  通过你的推广展示,用户下载安装或扫描应用二维码直接安装,便可打开上面我们演示制作的这个应用。效果是这样滴~
1234.png



2、  点击第一个“三星手机”图片,就会打开我们设定好的网络商品页面,浏览商品。
客户端2.jpg



3、  用户点击购买,确认订单信息,提交订单。
客户端3.jpg



4、 直接在手机中支付,OK,你就可以等着拿佣金啦~
客户端4.jpg


应用公园,专业级app制作开发公司,10年app软件开发经验,主营APP开发、软件定制开发、小程序制作等服务,支持SaaS云、独立部署、app源码交付。

在线咨询

立即咨询

售前咨询热线

0755-27805158

[关闭]
应用公园微信

官方微信自助客服

[关闭]