Sencha TouchのすべてのコンポーネントにデフォルトのUIを設定

Question

Sencha Touch内で、明示的に上書きされない限り、すべてのコンポーネントに適用されるデフォルトのUIを「明るい」または「暗い」のように定義できますか？

ui: "dark"、または作成されたカスタムUIをすべての要素に対して宣言する必要はありません。

乾杯！

Answer 1

あなたはこれを試すことができます。

Ext.apply(Ext.Component.prototype, { 
    getUi: function() { 
     var defaultUi = 'light'; 
     // value of [this.config.ui] is ignored here 
     // we can use something like forcedUi 
     return (this.forcedUi) ? this.forcedUi : defaultUi; 
    } 
}) 

このコードの欠点は、我々は（getUiを経由して「光」（なぜなら変数「UI」からUI異なる適用するための別の変数を指定する必要があることです

）は常にリターンを私はタッチ1.1上で立ち往生しています

... 
items: [{ 
    xtype: 'button', 
    forcedUi: 'dark' 
}] 
... 

Answer 2

あなたは煎茶のスタイルやテーマについて知っていることを前提としています。そうしないと、彼らはつまり、あなたはベースの色を指定することができSCSSファイルについて

に言及している...それは

http://f.cl.ly/items/d9df79f57b67e6e876c6/SenchaTouchThemes.pdf

を明確にそれを行う方法について説明し、このリンクからPDFファイルをダウンロードすることができます

$ base-color：＃4bb8f0; $ベースグラデーション： '光沢';

次に実行します。あなたが言及した色とグラデーションで作成されたツールバーとボタンが表示されます。

Answer 3

はそうsunsayのソリューションは、私のために動作しませんでしたが、これはやった：：） '光'

Ext.CustomToolbar = Ext.extend(Ext.Toolbar, 
{ 
    ui:'app' 
}); 
Ext.reg('toolbar', Ext.CustomToolbar); 

これはまだコンポーネントごとのタイプですが、コンポーネントごとのインスタンスではありません。そして、あなたは "reg"を上書きすることができるので、場所のいたるところにカスタムxタイプの必要はありません。