通緝：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年，比例將是一致的。只是猜測。 ）