Question

您好我正在尝试创建2个面板，一个作为侧边栏，另一个作为内容面板，但它们无法正确显示。两个面板之间有一个巨大的空白区域。有谁知道如何解决这个问题？

HorizontalLayout mainlayout = new HorizontalLayout();
mainlayout.setSizeFull();

Panel sidepanel = new Panel();
sidepanel.addStyleName(ValoTheme.PANEL_BORDERLESS);
sidepanel.setHeight("100%");
sidepanel.setWidth("20%");      

Panel content = new Panel();
content.addStyleName(ValoTheme.PANEL_BORDERLESS);
content.setHeight("100%");
content.setWidth("80%");

mainlayout.addComponent(sidepanel);
mainlayout.addComponent(content);

Answer 1

将两个面板设置为100％大小。然后将父布局的展开比率设置为20和80。

https://vaadin.com/api/com/vaadin/ui/AbstractOrderedLayout.html#setExpandRatio%28com.vaadin.ui.Component,%20float%29

Answer 2

HorizontalLayout mainlayout = new HorizontalLayout();
mainlayout.setSizeFull();

Panel sidepanel = new Panel();
sidepanel.addStyleName(ValoTheme.PANEL_BORDERLESS);

Panel content = new Panel();
content.addStyleName(ValoTheme.PANEL_BORDERLESS);

mainlayout.addComponent(sidepanel);
mainlayout.addComponent(content);

mainlayout.setExpandRatio(sidepanel, 2);
mainlayout.setExpandRatio(content, 8);

Vaadin面板无法正确显示

2 个答案: