我正在自学 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; }";
最佳答案
您可以将背景设置为样式对象的属性:
g.style.backgroundColor = new colorModule.Color("Red");
检查“JavaScript属性”列here如果您需要访问样式对象的其他属性。
关于javascript - 在 NativeScript 中以编程方式添加内联样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30671556/