通缉: Rikulo UXL示例

Question

我想让一些UXL与省道编辑器一起工作。恐怕我觉得UXL概述上的示例代码已经过时，或者缺少一些关键步骤让它执行。(请参见：里库洛飞镖到底是什么？，它引导人们访问博客)。

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

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

看上去不一定是“只有我”，我觉得这些例子令人费解。UXL标记是“abc.UXL”还是“abc.uxl.XML”文件？现在，我关注Rikulo，因为我认为它是我喜欢看到的非常有用的框架。

尽管如此，请里库洛人员，提供三或四个例子，通过一些调整和一点思考。

对于其他想要做工具和框架的人，我也会说同样的话。示例教。并确保你的例子总是有效的。让他们成为你的单元测试的一部分。

干杯威尔。

Answer 1

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

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

不知道你指的或期待的关键步骤是什么。最好提供一个更具体的问题。

一个有用的例子。威尔..。

我在ScrollView示例中添加了一个小部分，该示例保存在UXL项目的GitHub上。

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. 这包括build.dart文件。
2. 每个单元格显示其坐标。这说明了两件事。

- How to use UXL values _inside_ the UXL mark-up and 
- In the runtime it shows you how the scrolling works with the cells

​

1. 此演示程序运行在Dart编辑器下载上
   • Dart编辑器版本1.3.0.dev_06_01 (DEV)
   • Dart SDK版本1.3.0-dev.6.1
   • 该示例不适用于6.0版本

​

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

我知道人们都很忙。尽管如此，在我看来，测试、集成、文档和示例使80%的项目成为代码，其余20%是代码。其他人则有不同的看法。(我认为，如果你已经这样做了5年以上，那么这个比例就会一致。只是猜测。)