通缉：Rikulo UXL示例

Question

我想在Dart编辑器中使用一些UXL。 恐怕我觉得UXL Overview上的示例代码已经过时，或者缺少一些关键的步骤来执行它。 （另请参见： Rikulo dart到底是什么？ ，它使人们进入博客）。

我想跟上Dart环境的UXL标记之类的速度。 因此，我发现的唯一示例是在博客/文档上，并且似乎不完整。

• https://github.com/rikulo/uxl

我觉得这些示例似乎令人困惑，可能不只是 “我自己”。 UXL标记是“ abc.UXL”或“ abc.uxl.XML”文件吗？ 现在，我正在研究Rikulo，因为我认为它是我喜欢看到的非常有用的框架。

话虽如此，请rikulo的人，提供三个或四个示例，这些示例需要一些调整和一点思考。

对于那些想做工具和框架的人，我会讲同样的话。 实例讲授 。 并确保您的示例始终有效。 使它们成为单元测试的一部分。

干杯，威尔。

Answer 1

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

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

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

---

一个有用的例子[ed。 威尔]

我对ScrollView示例做了一点补充，该示例保存在GitHub上用于UXL项目。

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>

build.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编辑器下载上运行
   • Dart编辑器版本1.3.0.dev_06_01（DEV）
   • Dart SDK版本1.3.0-dev.6.1
   • 该示例不适用于6.0版本

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

我了解人们很忙。 我仍然认为，测试，集成，文档和示例构成了项目的80％，另外20％是代码。 其他人有不同的意见。 （ 我认为，如果您已经这样做超过5年，比例将是一致的。只是猜测。 ）