image - 带有图像的 GWT 下拉菜单

Question

我想用图像制作一个下拉菜单。这表示：

 ImageListName
  image.png
  image1.png
  ......
  imageN.png

应该只有图像没有文字，我想在图像上进行选择，例如何时可以选择头像。我不确定哪种方法最好。

Answer 1

MenuBar HomeMenu = new MenuBar();
final String image = "<img src='"+GWT.getModuleBaseURL() + "/images/down-arrow.png' height='25px' width='25px'/>";
        SafeHtml addActivityImagePath = new SafeHtml() {
            @Override
            public String asString() {
                return image;
            }
        };
HomeMenu.addItem(new MenuItem(addActivityImagePath,mainMenu));

查看Advanced GWT Components中的 Combobox 或 Suggestion 框。

您将无法使用 ListBox 执行此操作，因为它只是创建了一个 HTML <select> 元素。您可以使用一个菜单栏，其中包含一个带有MenuItems的菜单，以模拟其中包含复杂小部件的下拉菜单。您还可以设置下拉菜单的样式，而不是依赖浏览器样式的表单元素。使用 MenuBar 代替 ListBox，并将所需的任何小部件放置在 MenuItem 内以模拟 ListBox。常规 ListBoxes 只允许您指定纯文本。