2016-08-29 5 views
1

コードネーム1のCSSプラグインを使用しており、タブの外観をカスタマイズしようとしています。ここでコードネーム1のAndroid用タブの外観をカスタマイズするにはどうすればいいですか?

は、タブの私のエントリである:

Tab { 
    background: none; 
    cn1-background-type: none; 
    color: white; 
    background-color: #005EA8; 
    font-weight: bold; 
    font-size: x-large; 
} 

Tab.selected { 
    background: none; 
    cn1-background-type: none; 
    color: white; 
    background-color: #005EA8; 
    text-decoration: underline; 
    font-weight: bold; 
    font-size: x-large; 
} 

これは、IOSのために完璧に動作し、ここを参照してください:Android用

enter image description here

しかし、すべてではないが:

enter image description here

私はalreaを持っていますdyはすべてのスタイルをオーバーライドして試しました。unselected, selected, disabled and pressed 。 TabbedPaneとTabsをカスタマイズしてみましたが、期待通りに動作しませんでした。

私はここで何が欠けていますか?さらに、サイズ(高さ)は両方のデバイスで同じにする必要がありますが、今の場合はそうではありません。私が理解できなかったもう一つのポイントは、タブを画面サイズに伸ばす方法です。

答えて

0

境界線を無効にして、「空」にする必要があります。私はそれを自分で使っていないので、CSSの構文ではどういうことか分かりません。

+0

これはうまくいきますが、 'border:none'の代わりに' border:empty; 'を定義すると、NPEが得られます。私は[ラベル](http://stackoverflow.com/questions/38592240/codename-one-why-does-the-android-button-have-a-different-appearance-than-the-i)と同様の質問をしました。いくつかの時間前に、私は答えを得ていない。 borderを空にする方法がありますが、私は実際にGUIBuilderとCSSの一部をテーマに定義したくありません。 –

+0

'border:empty'というCSSプロパティはありません –

1

Androidネイティブテーマは、すべてのスタイルで#f0f0f0というデフォルトの背景色を定義します。これは、すべてのプラットフォームで同じように見えるテーマを作成しようとすると、迷惑です。幸いにも、私はこれがデフォルトで定義する唯一のスタイルだと思うので、あなたのテーマのための独自のデフォルトの背景色を明示的に設定することで簡単に対処できます。

はCSSで、あなただけの心の中で、このデフォルトのまま、また

 
* { 
    background-color: transparent; 
} 

とデフォルトの背景を定義し、明示的に定義されているすべてのスタイルの背景色を設定することができます。

関連する問題