Question

我想让一些UXL使用Dart编辑器。我担心UXL Overview上的示例代码要么已过时，要么缺少让它执行的关键步骤。（另请参阅：What is Rikulo dart really?，指导人们访问博客）。

我希望通过Dart环境的UXL标记来加快速度。我在博客/文档中发现的唯一例子似乎是不完整的。

https://github.com/rikulo/uxl

似乎可能不是＆＃39; 只是我＆＃39;我发现这些例子令人困惑。 UXL标记是＆＃39; abc.UXL＆＃39;或者＆＃39; abc.uxl.XML＆＃39;文件？现在我正在看Rikulo，因为我认为它是那种非常有用的框架，我喜欢看。

那就是说，请rikulo人，提供三到四个例子，只需要做一些调整和一些思考。

对于想要做工具和框架的其他人，我会做同样的事情。 示例教授。并确保您的示例始终有效。让它们成为您的单元测试的一部分。

干杯，威尔。

Answer 1

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

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

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

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

我对用于UXL项目的GitHub上保存的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>

build.dart

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

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

是什么让它与GitHub示例不同？

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

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

我理解人们很忙碌。而且，在我看来，测试，集成，文档和示例占项目的80％，另外20％是代码。其他人有不同的意见。（我认为，如果你已经超过5年这样做，那么比例将是一致的。只是猜测。）

通缉：Rikulo UXL示例

1 个答案:

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

ScrollView.uxl.xml

build.dart