创建Rikulo自定义视图并为他的孩子提供正确的位置

Question

为什么万物都有绝对位置？我正在尝试创建一个带有标题的panel，标题位于面板的子节点后面，因为子节点处于绝对位置。如果自定义视图不尊重我的布局，我如何构建自定义视图？我要控制孩子们所在的地方。我不喜欢这种方法，有人能帮我理清思路吗？

下面是一个简单的代码示例：

class MyPanel extends View {
 String title;
 MyPanel() {
 }
  @override
  Element render_() =>
  new Element.html('<div class="v-shadow"><div class="v-title">$title</div><div class="v-inner" id="$uuid-inner"></div></div>');
}

这是结果屏幕截图，标题是蓝色虚线边框

http://i.stack.imgur.com/pPrRD.png

Answer 1

是的，绝对位置是故意设计的。简而言之，它确保了Rikulo中的视图是100%可控的。更多关于它背后的哲学，请参考here和here。

与CSS不同，位置由您的应用程序(在Dart中)或使用the layout manager控制，如线性布局和锚点布局。当然，您也可以提供自己的布局。

如果CSS布局是你想要的，你可以用TextView.fromHtml嵌入HTML片段。

注意:您的MyPanel的HTML片段将由CSS控制，因为只有视图(即您的示例中的MyPanel )是绝对定位的。由render_()生成的标记将不会是。