本文主要包含hbuilder mui,hbuilder mui视频教程,hbuilder mui教程,hbuilder mui api,hbuilder mui app等相关知识,教程希望在学习及工作中可以帮助到您
从mui v0.7.0版本开始，hello mui示例App的窗体切换性能大幅提升，点击一个链接，不显示雪花等待框，立即打开一个“正在加载...”的页面，之后真实内容快速填充“正在加载...”区域；本文详细讲解如何实现这种窗体切换效果。
整体思路：
1、预加载一个模板父页面（template.html）和共用子页面；
2、点击列表链接时，直接显示模板父页面，并动态修改模板父页面的标题；
3、共用子页面通过loadURL方法加载对应目标页面；
步骤分解：
list.html页面中预加载模板父页面和共用子页面，为了提高效率，共用子页面默认加载了主列表中的第一项（accordion.html），代码如下：
//预加载模板父页面
var template = $.preload({
url:'examples/template.html',
id:'demoTemplate',
styles:{
popGesture:"hide"
}
});
//预加载共用子页面
var subWebview = $.preload({
url:'examples/accordion.html',
id:'template_sub',
styles:{
top: