1

这看起来很基本，但我是 Sencha Touch 的新手，仍然不知道如何实现它。

我想创建一个欢迎页面，它只在屏幕中央显示一个徽标。然后在 5 秒左右后，它会加载主页。

这是我的主视图代码：

Ext.define('Sencha.view.Main', {
extend: 'Ext.Container',
xtype: 'mainpanel',
requires: [
    'Sencha.view.Opening'
],

config: {
    items: [{
        xtype: 'opening'
    }]
}
});

这是Opening.js的代码：

Ext.define('Sencha.view.Opening', {
extend: 'Ext.Panel',
xtype: 'opening',

config: {
    scrollable: false,
    fullscreen: true,
    html: '<div id="opening-logo"><img src="resources/images/logo.png"/></div>'
}
});

它应该在屏幕中央显示一个徽标。但实际上，它什么也没显示。我使用了 Ext.Panel 而不是 Ext.Container，但它不起作用。

虽然它适用于 Ext.navigation.View，但对于欢迎页面，它不应该在屏幕顶部有导航标题。

我做错了什么？哦，对不起英语不好。

4

2 回答 2

0

您需要的听起来更像是启动屏幕而不是视图...在已安装的应用程序上，启动屏幕会在应用程序启动和加载第一个视图之间自动显示...您可以在应用程序中配置启动屏幕属性.js 文件链接 希望对您有所帮助...

于 2012-11-17T08:18:30.067 回答
0

使用 Sencha Touch 开发时的常见错误是忘记设置视图的布局。布局定义了您的内部组件将如何放置在视图上。你可以在这里找到更多

对于一个想要占据整个屏幕的组件的视图，您应该像这样采用适合的布局：

Ext.define('Sencha.view.Main', {
extend: 'Ext.Container',
xtype: 'mainpanel',
requires: [
    'Sencha.view.Opening'
],

config: {
    layout: 'fit',
    items: [{
        xtype: 'opening'
    }]
}
});

希望这有帮助

于 2012-11-05T12:09:17.070 回答