0

いくつかの異なるアイテムが積み重ねられたコンテナがあります。また、コンテナ内に 2 つのタイトル バーを配置したいのですが、高さを 10 ポイントに減らします。より少ない数で setHeight() を使用してサイズを縮小しようとしましたが、それを達成できないようです。明らかな何かが欠けていますか？

Sencha Touch でツールバー/タイトルバーの高さを減らす方法はありますか? ヘルプ！

更新:これがツールバーに使用するコードです...

Ext.define('MyApp.view.CookingSteps', {
    extend: 'Ext.Container',
    alias: 'widget.CookingSteps',

    config: {
        height: '',
        html: '',
        id: 'CookingSteps',
        itemId: 'CookingSteps',
        style: '',
        layout: {
            type: 'vbox'
        },
        items: [
            {
                xtype: 'toolbar',
                docked: 'top',
                height: 50,
                html: '<b><center>AdBanner Goes Here',
                style: 'background: gray;',
                styleHtmlContent: true
            },
            {
                xtype: 'container'
            },
            {
                xtype: 'fieldset',
                title: '',
                items: [
                    {
                        xtype: 'textfield',
                        label: '',
                        placeHolder: 'Username'
                    },
                    {
                        xtype: 'textfield',
                        label: '',
                        placeHolder: 'Passphrase'
                    }
                ]
            },
            {
                xtype: 'toolbar',
                docked: 'top',
                height: 20,
                minHeight: '20',
                title: 'Login'
            },
            {
                xtype: 'container',
                items: [
                    {
                        xtype: 'button',
                        centered: true,
                        ui: 'confirm',
                        width: 283,
                        text: 'Go Ahead :)'
                    }
                ]
            }
        ]
    }

});

高さを減らした「ログイン」というタイトルのツールバーが必要です。どんな助けでも大歓迎です。前もって感謝します。:)

4

1 に答える 1

2

ツールバーのサイズを調整する必要がある場合は、ツールバー構成の単位で minHeight オプションを使用します。以下は、現在のフォント サイズの高さの 2 倍のツールバーの例です。

    {
        xtype: 'toolbar',
        docked: 'top',
        minHeight: '2em',
    }
于 2013-05-17T08:18:53.157 に答える