0

このリンクを使用して、Sencha を使い始めました: http://www.sencha.com/learn/getting-started-with-sencha-touch-2/

私の Main.js は次のとおりです。

Ext.define("epiduo_ped.view.Main", 
{
    extend: 'Ext.Carousel',
    requires: 
    [
        'Ext.TitleBar',
        'Ext.Video'
    ],

    config: 
    {
        tabBarPosition: 'bottom',

        items: 
        [
           {
             xtype:   'homepanel'

           },
           {
             xtype:   'page1panel'
           }
        ]
    }
});

Ext.Panel の代わりに Ext.Carousel を拡張するようにページを変更しました。これはスワイプを許可する限りは機能しましたが、ページを切り替えるためのボタンを備えたナビゲーション バーが下部にありません。Sencha に両方を組み込む方法はありますか、それとも下部にナビゲーション バーを追加するために独自の html を追加する必要があるのはこのカスタムですか? いずれにせよ、これを行う方法がわかりません。つまり、ユーザーがそれらの間をスワイプできるように、3 つのページを持つカルーセルが必要であり、同時に、ユーザーがタブバーのボタンを使用してカルーセル内のページを切り替える機能を追加します。

4

2 に答える 2

0

Ext.tab.Panelそのままにして、カルーセルを 内に追加してください:

Ext.define("epiduo_ped.view.Main", 
{
    extend: 'Ext.tab.Panel',
    requires: 
    [
        'Ext.TitleBar',
        'Ext.Video'
    ],

    config: 
    {
        tabBarPosition: 'bottom',
        fullscreen: true,

        items: [{
            title: 'Home',
            iconCls: 'home',
            html: 'Home Screen'
        },{
            title: 'Contact',
            iconCls: 'user',
            xtype:'carousel',
            items: [{
                html : 'Item 1',
            },{
                html : 'Item 2',
            },{
                html : 'Item 3'
            }]
        }]
    }
});

お役に立てれば。

于 2012-07-03T20:35:41.750 に答える
0

わかりました、このタスクに苦労している他の人のために答えを投稿したかったのです。基本的には、下部にツールバーがドッキングされたカルーセルです。

http://www.sencha.com/forum/showthread.php?228733-Control-Carousel-with-Tabbar&s=3e485e109a9b06e351a1429469603273

Sencha の「テーマ」でツールバーとアイコンのスタイルを設定するだけです。

http://docs.sencha.com/touch/2-0/#!/guide/theming

于 2012-07-06T20:26:10.797 に答える