1

我想让一些 UXL 与 Dart 编辑器一起工作。恐怕我觉得UXL Overview上的示例代码要么已经过时，要么缺少一些关键步骤来让它执行。（另请参阅：Rikulo dart 到底是什么？，它将人们引导至博客）。

我想快速了解 Dart 环境的 UXL 标记之类的东西。我在博客/文档中找到的唯一示例也是如此，而且似乎不完整。

似乎它可能不是“只有我”，我发现这些例子令人困惑。UXL 标记是“abc.UXL”还是“abc.uxl.XML”文件？现在我正在关注 Rikulo，因为我认为它是我喜欢看到的一种非常有用的框架。

也就是说，请人提供三到四个示例，这些示例可以进行一些调整和一些思考。

我会把同样的东西放在那里给其他想要做工具和框架的人。 实例教。并确保您的示例始终有效。让它们成为您单元测试的一部分。

干杯，威尔。

4

1 回答 1

2

AFAIK，文件中的所有样本都可以正常工作。如果我们更改了规范，我们将相应地更新文档。

您可以将其命名为.uxl或.uxl.xml，但我建议.uxl.xml您的编辑器是否支持 XML。否则，您必须将其配置为识别.xul.

不确定您的意思或期望的关键步骤。最好提供一个更具体的问题。

一个有用的例子[编辑。将要] ...

我对保存在 GitHub 上的 UXL 项目的 ScrollView 示例做了一个小补充。

ScrollView.uxl.xml

<!-- ScrollViewTemplate -->
<?dart
part of ScrollViewDemo;
?>

<Template name="ScrollViewTemplate" args="rows: 30, cols: 30">
  <ScrollView class="scroll-view"
  profile="location: center center; width: 80%; height: 80%">
    <Apply forEach="r = 0; r < rows; ++r">
      <Apply forEach="c = 0; c < cols; ++c">
        <View style="border: 1px solid #553; 
              background-color: ${CssUtil.color(250 - r * 4, 250 - c * 4, 200)}"
              left="${r * 50 + 2}" top="${c * 50 + 2}"
              width="${46}" height="${46}">
         ( ${r}, ${c} )
        </View>
      </Apply>
    </Apply>
  </ScrollView>
</Template>

构建.dart

//import 'package:polymer/builder.dart';
import 'package:rikulo_uxl/uc.dart';

void main(List<String> args) {
    build( args );
}

这与 GitHub 示例有何不同？

  1. 这包括构建.dart 文件
  2. 每个单元格显示其坐标。这说明了两件事。
    • 如何在 UXL 标记中使用 UXL值和
    • 在运行时，它会向您展示滚动如何与单元格一起使用
  3. 此演示在 Dart Editor 下载上运行
    • Dart 编辑器版本 1.3.0.dev_06_01 (DEV)
    • Dart SDK 版本 1.3.0-dev.6.1
    • 该示例不适用于 6.0 版本

我还要指出，对我来说，需要下载 UXL 项目才能找到一个演示似乎很不寻常。我需要澄清一下“演示”对“我”来说可能是什么，因为我下载的代码并不是任何示例，它只是展示了一个或三个 UXL 功能。

我知道人们很忙。而且，在我看来，测试、集成、文档和示例使项目的 80% 成为代码，另外 20% 是代码。其他人有不同的看法。（我认为如果你这样做超过 5 年，比例会是一致的。只是猜测。）

于 2014-03-25T05:08:28.427 回答