Vaadin Горизонтальный MenuBar с изображением - PullRequest
Новая
       6

Vaadin Горизонтальный MenuBar с изображением

0 голосов
/ 06 июня 2018

Использование Vaadin 8 для разработки простого приложения с горизонтальным меню в верхней части и сеткой в ​​центре.Мне трудно получить простую горизонтальную панель меню со значком.Я использую пример CRUD View по умолчанию с некоторыми изменениями, и вот фрагмент ниже: 

public MainScreen(MyUI ui) {

    setSpacing(false);
    setStyleName("main-screen");
    setMargin(false);
    setSizeFull();
    addComponent(getMenu());

    HorizontalLayout menuLayout = new HorizontalLayout();
    menuLayout.addStyleName("valo-content");
    menuLayout.setWidth("100%");
    menuLayout.setSpacing(false);

    HorizontalLayout viewContainer = new HorizontalLayout();
    viewContainer.addStyleName("valo-content");
    viewContainer.setWidth("100%");

    final Navigator navigator = new Navigator(ui, viewContainer);
    navigator.setErrorView(ErrorView.class);
    menu = new Menu(navigator);
    menu.addView(new SampleCrudView(), SampleCrudView.VIEW_NAME, SampleCrudView.VIEW_NAME, VaadinIcons.EDIT);
    menu.addView(new AboutView(), AboutView.VIEW_NAME, AboutView.VIEW_NAME, VaadinIcons.INFO_CIRCLE);

    navigator.addViewChangeListener(viewChangeListener);

    Image image = new Image(null, new ThemeResource("img/example.jpg"));

    menuLayout.addComponent(image);
    menuLayout.addComponent(menu);
    menuLayout.setSizeFull();

    addComponent(menuLayout);
    addComponent(viewContainer);
    setExpandRatio(menuLayout, 1);
    setSizeFull();
}

Оцените, если кто-нибудь может помочь мне разобраться в макетах и ​​как решить эту проблему.

Вот снимок ниже со странным интервалом и макетом enter image description here

...