dart - 通缉:Rikulo UXL示例

Question

我想在Dart编辑器中使用一些UXL。恐怕我觉得UXL Overview上的示例代码已经过时或缺少一些关键的步骤来执行它。 (另请参见:What is Rikulo dart really?，它将人们引导到博客)。

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

https://github.com/rikulo/uxl

看起来这些例子可能不仅仅只是“我”，我感到困惑。 UXL标记是“abc.UXL”或“abc.uxl.XML”文件吗？现在，我正在研究Rikulo，因为我认为它是我喜欢看到的非常有用的框架。

就是说，请众人提供三个或四个示例，这些示例需要一些调整和一点思考。

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

干杯，威尔。

Answer 1

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

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

Not sure what critical steps you mean or expect. Better to provide a more specific question.

一个有用的例子[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示例不同？

这包括构建 .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年，那么比例将是一致的。只是猜测。)