2

NativeScript の基本を独学しています。

これは私のmain-page.xmlです:

<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded">
  <GridLayout id="grid">

  </GridLayout>
</Page>

これはJSコードです：

var view = require("ui/core/view");
var layout = require("ui/layouts/grid-layout");

function pageLoaded(args) {
    var page = args.object;
    var gr = view.getViewById(page, "grid");
    if (gr) {
        for (var i = 0; i < 10; i++) {
            gr.addColumn(new layout.ItemSpec(1, layout.GridUnitType.star));
            var g = new layout.GridLayout();
            g.style = "{ background-color: red; }";
            layout.GridLayout.setColumn(g, i);
            gr.addChild(g);
        }
    }
}

exports.pageLoaded = pageLoaded;

コード ビハインドで作成されたグリッドのスタイルをプログラムでどのように設定しますか? コードを実行すると、何も赤く表示されません。理想的には、css クラスを作成したり、id で css を選択したりせずに、スタイルを追加できるようにしたいと考えています。これは可能ですか、つまりインライン スタイルを追加できますか?

編集：タイプミスを修正"{ backgroud-color: red; }";

4

1 に答える 1

3

背景をスタイル オブジェクトのプロパティとして設定できます。

g.style.backgroundColor = new colorModule.Color("Red");

スタイル オブジェクトの他のプロパティにアクセスする必要がある場合は、ここの「JavaScript プロパティ」列を確認してください。

于 2015-06-29T14:13:12.353 に答える