NativeScriptを使用してボタンのCSSカラーを変更するにはどうすればよいですか？

Question

使い始めたばかりですNativescript私は、XMLの呼び出し（id="mainButton" class="btn"）の外部CSSファイルで宣言されたボタンを持っています。すべて正常に動作します（ボタンは元々青でレンダリングされます）。しかし、コードを使って色を赤に変更する必要があります。

どうすればよいですか？

は、私が（コンソールにエラーがないが、ページがもはやレンダリングされません）成功せず、以下の行を試してみた：

page.css = "mainButton { backgroundColor: red }"; 

Answer 1

簡単な解決策は、そのIDを使用して、ボタンのインスタンスを取得することですmainButton。次に、CSSまたはViewインスタンスのbackgroundColorプロパティを変更します。例えば

あなたはボタンのtapイベントでこのイベントを持っていると言う：あなたのXMLで

function changeColor(args) { 
    var btn = args.object; 
    btn.backgroundColor = "#3489db"; 
} 

：

<Button tap="changeColor" class="whatever" /> 

あり、他のアプローチの多くは、実行するときにしているが、それがすべきあなたがそれを把握するのに役立ちます:)

Answer 2

あなたはこのようにあなたのCSSファイルで直接行うことができます

Button { 
    background-color: red; 
} 

または

.button-class { 
    background-color: red; 
} 

、あなたはあまりにも

Button:highlighting { 
    background-color: green; 
} 

をハイライトカラーを更新することができますし、JSの/ tsの中でスタイルプロパティを使用してtns-core-modules/color

から Colorをインポートすることを忘れてはいけないことができます

buttonInstance.style.backgroundColor = new Color("#00FF00");