1

由于 Dart 是一种面向浏览器的语言，它看起来构建 UI 的演示代码都是基于 dom 的。所以我的问题是：我们可以在 Dart 中做声明式 ui 样式吗？像 GWT 的 UIBinder 还是 JavaFX 的 FXML？

4

2 回答 2

1

像 GWT 的 UiBinder 中的声明式 UI 定义是 Dart 中期待已久的功能。不幸的是，还没有用于此目的的内置 Dart 库。谷歌自己的第一个模板库方法在 6 月 11 日最后一次提交时被处理掉了。显然，谷歌正在研究一种全新的 UI 方法。

但是，有 3rd 方开发人员在 Dart 之上提供了包含声明性 UI 定义的框架，例如Buckshot UI框架和这里的演示它是如何工作的。

于 2012-08-09T06:47:45.370 回答
0

请查看John Evans 的Buckshot。这是 Dart 的声明式 UI。

这是一个例子：

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title>TreeView</title>
  </head>
  <body>
    <div id='BuckshotHost'></div>

    <script id='main' type='text/xml'>
        <treeview name='tvDemo' borderthickness='1' bordercolor='Black' >
            <treenode header='Tree Node L1A' >
                <treenode header='Tree Node L2A (custom icon)' >
                    <fileicon>
                        <border width='20' height='20' cornerradius='20' background='Orange' />
                    </fileicon>
                </treenode>
                <treenode header='Tree Node L2B'>
                    <treenode header='Tree Node L3A' />
                    <treenode header='Tree Node L3B' />
                    <treenode header='Tree Node L3C' />
                </treenode>
                <treenode header='Tree Node L2C' />
            </treenode>
            <treenode header='Tree Node L1B' />
        </treeview>
    </script>

    <script type="application/dart" src="TreeViewDemo.dart"></script>
    <script src="dart.js"></script>
  </body>
</html>
于 2012-08-10T02:21:43.883 回答