AppCan移动平台教你如何实现多个浮动窗口。

本篇文章1713字，读完约4分钟

许多开发人员在基于AppCan移动平台开发应用程序时会遇到多浮动窗口的实现问题。在这里，AppCan移动平台的小编译总结了四种常用的多浮动窗口实现方法，供移动APP开发者参考。

多浮动窗口在AppCan移动平台上的实现：

第一种应用程序框架打开

appcan.frame.open(id、url、左侧、顶部、名称、索引、更改、extraInfo)

打开浮动窗口

注意:重新打包appcan.window.openPopover通用参数(简化版本)。

要由浮动窗口加载的页面的地址。如果url是一个数组，将打开一个多页浮动窗口。

这种方法相对简单，推荐使用。

应用场景:

1.制表符切换，将控件直接插入到IDE中，并用一个键创建制表符。

页面自动加载标签代码，并且主体和脚本标签已经创建了所需的代码。

脚本标签自动加载了appcan.tab和tabview.on方法，主体标签自动加载了它们。

2.tabb+滑动效应

使用appcan.tab(步骤1) +appcan.frame.open方法(有关详细信息，请参见此方法的示例)

模拟器/实时预览效果:有了内容，你可以手动切换窗口

真实的机器效果:有了内容，你可以手动切换窗口和滑动切换窗口。

第二种使用AppCan本地的uexWindow代码。

OpenPolyPover

打开多页浮动窗口

注意:在当前窗口中打开一个多页浮动窗口，在滑动模式下切换页面，并设置是否支持滑动引用设置多页浮动窗口。

(http://newdocx.appcan.cn/newdocx/docx？设置控件是否响应滑动事件)

添加:该方法使用本机uexWindow代码实现多个浮动窗口，而其他三种方法是基于AppCan引擎的本机接口封装。

第三个应用程序窗口

appcan . window . OpenPolyPover(PopName，content，dataType，left，top，width，height，change，fontSize，flag，indexSelected，extraInfo)

打开多页浮动窗口

描述:封装用户界面。

第四种应用程序框架

appcan.frame.openMulti(popName，content，dataType，left，top，width，height，fontSize，flag，indexSelected)

打开多页浮动窗口

注意:重新打包app can . window . open multiplepover公共参数(简化版本)。

差异:不改变参数。

提示:

1.要防止在多个窗口之间滑动:

(1)在上述四种方式的基础上，调用

uexWindow . SetMultipolPooverFlipingBaled .

uexWindow . SetMultipolPoverFlipingBaled(1)；//设置为防止在多个浮动窗口之间滑动。启用参数为1。需要在浮动窗口的子页面中调用该接口，以防止滑动，即多视点。

(2)还有另一种方法可以实现。建议参考集成开发环境中模板index.html主页使用的方法。

2.如果测试期间无法显示内容内容，请注意需要传入dataType参数:0。如果为1，并且内容是路径，则不会显示内容。有关详细信息，请参考dataType参数描述。

窗口加载的数据类型

0: url已加载

1: html内容加载

2.有url和html两种内容方法

3.appcan . window . openmultiplepover方法中的参数dataType为2。如果没有显示内容，原因可能是传入的内容是path url方法，默认值是0。

附件:如需下载，请参考文件:

http://newdocx.appcan.cn/newdocx/docx?类型= 1390 _ 1249 # OpenMultiPopover打开多页浮动窗口

以上是AppCan移动平台应用开发中四种常用的多浮动窗口实现方法。详细的说明和相关的例子都在AppCan官方网站文档中心介绍。AppCan论坛还可以帮助您解决各种开发和应用问题。

来源：罗马观察报