应用公园app制作如何进行浏览器控件制作
如何进行浏览器控件制作,在应用中加入您的网站,情况下面教程:
浏览器控件应用制作步骤
- 01
在自由模式下新建一个App,填好名称,图标和启动页,创建进入制作界面。
- 02
在左侧点击“新建页面”添加一个页面命名为“菜单”,在右侧页面属性栏中设置页面背景,这里用的就是系统背景素材,大家做时可以自己上传个性背景哦~(PS:步骤2~5是为了美观和添加多个网页链接而制作菜单,那直接进行步骤6即可。)
- 03
切换到控件栏,拖拽一个图片控件到模拟器中,大小为100×100。然后将这个图片控件复制3个(点击控件下方的复制按钮),摆放成如下所示,它就是我们的菜单了。
- 04
接着我们点击第一个图片控件,在滑出的右侧控件属性栏中点击图片框,进入素材库上传——选用图片。一个图片控件就填好了。
- 05
将4个图片控件都设置好图片之后,我们再拖拽一个单行文本到图片的下方,同样复制3份,摆放好,并点击每个文本控件,在右侧属性栏将文字都输入好。效果如图所示,这个页面就做好了,保存一下。
- 06
新建4个页面,命名对应刚才菜单页的4个控件(如图所示)。点击第一个“三星手机”页面,从控件栏拖入一个浏览器控件到模拟器中,控件宽度设置为320,高度设置为 高度自适应。这步很重要哦,如果不铺满,用户浏览页面时就不是全屏的了。
- 07
然后点击这个浏览器控件,在右侧属性栏输入你要使用的网站链接,这里使用的就是三星note 2的商品链接。
- 08
接下来的3个页面,重复步骤6和7:添加浏览器控件,拉伸铺满,输入网站链接,每做完一个页面都要记得保存哦。
- 09
返回菜单页,点击第一个图片“三星手机”,在右侧属性栏中,设定链接至页面:“三星手机”,这样在手机中点击这个图片时,便会打开你设定的网络页面了。余下3个图片也同样一一对应链接到同名页面。
- 10
保存,点击右上角的“生成”将这个应用打包,就可以获取支持android和ios手机系统的文件包以及该应用客户端的二维码了!