Vaadin菜单设计-顶部的哪个组件？ [英] Vaadin menu design - which component at the top?

问题描述

我将制作一个类似Eclipse工作区的菜单。基本上， 页面将被分成3个部分(列)--例如LHS、MDDL和amp；RHS部分。 所有这3个部分都可以调整大小， 可以最小化/最大化。 这3个部分中的每一个都将有自己的组件， 取决于用户在哪个菜单项上。

他们将拥有的另一件事是事件将被触发/传入/传出 在这三个部分中的两个不同部分中的组件之间。 例如：当用户点击LHS部分上的手风琴(或树或选项卡)中的条目时， EN事件将在MDDL部分中发生。

Vaadin分层地管理UI组件--根上的一个组件，每个非根组件单独包含在一个其他组件中，或者与其他几个"兄弟"组件一起包含在一个其他组件中。从此视图中，

根据我到目前为止所获得的信息，以下是我可以设计LHS、MDDL&；RHS的方法：

1.)布局(VerticalLayout或HorizontalLayout，或者可能是FormLayout(？)) 或根部Panel，其中3个部分包含3个组件(无论这3个组件是什么)

2.)AHorizontalSplitPanel在根部。在此HorizontalSplitPanel的右侧面板上，另一个 HorizontalSplitPanel来组成我要查找的3个部分。

3.)GridLayout共3列，每列有一个面板组成3个部分

4.)3个不同的Window-s。

这些选项中哪些最适合我使用？

此外，考虑到部分之间的传递(事件侦听器和跨部分的相应操作)，我应该选择哪种设计？ 我想让代码解耦。这3个部分将有各自的样式(lhs：选项、mdl：数据条目、rhs：控制)。

在另一行中-Panel和Layout之间到底有什么区别？Vaadin book的图6.1暗示Layout的后代更加复杂--在哪方面？

我是一个后端开发人员-刚接触FE事物。如果这是一个幼稚的问题，请原谅。

TIA。

推荐答案

APanel是单个组件容器，布局通常有多个子组件。不同之处在于您可以看到：面板为内部组件提供标题和边框，像HorizontalLayout这样的布局以定义的方式布局组件，例如水平排列在一起。

你的选择2在我看来是合理的。只有split panels提供可拖出框的分隔符。

关于事件处理：我建议为每个部分创建一个类，派生自CustomComponent。然后在这些类中实现类似于Vaadin的新事件/侦听器。创建3个分区后，每个分区需要根据需要向其他分区添加监听程序。

这篇关于Vaadin菜单设计-顶部的哪个组件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！