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.Containerの代わりにExt.Panelを使用しましたが、機能しません。

Ext.navigation.Viewでも機能しますが、ウェルカムページの場合、画面の上部にナビゲーションヘッダーを配置しないでください。

私は何を間違えますか?ああ、そして悪い英語でごめんなさい。

4

2 に答える 2

0

Sencha Touchで開発する際のよくある間違いは、ビューのレイアウトを設定するのを忘れることです。レイアウトは、内部コンポーネントをビューに配置する方法を定義します。あなたはここでもっと見つけることができます

画面全体を表示したい1つのコンポーネントを含むビューの場合、次のようにレイアウトを調整する必要があります。

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 に答える
0

必要なものは、ビューではなくスプラッシュ画面のように聞こえます...インストールされたアプリでは、アプリの起動から最初のビューが読み込まれるまでの間にスプラッシュ画面が自動的に表示されます...アプリで起動画面のプロパティを構成できます.jsファイルLINKお 役に立てば幸いです...

于 2012-11-17T08:18:30.067 に答える