带有图像的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＆lt;选择＆GT;元件。您可以使用其中包含MenuBar个菜单的MenuItems来模拟其中包含复杂小部件的下拉列表。您还可以设置下拉列表的样式，而不是依赖于浏览器样式的表单元素。使用MenuBar而不是ListBox，并在MenuItem中放置您想要的任何窗口小部件来模拟ListBox。常规列表框只允许您指定纯文本。