Bild in GWT Menüleiste anstelle von Text

Question

Ich verwende MenuBar von GWT Showcase. Ich möchte Text in der Menüleiste hinzufügen. Können Sie mir bitte mitteilen, auf welche Weise ich es bekommen kann?

Answer 1

Ich habe die Lösung gefunden. Vielleicht hilft es jemand ...

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)); 

Answer 2

Hier ein link zu einem einfachen Beispiel zum Erstellen von Menüleiste. Und here ist ein Beispiel zum Erstellen eines Menüs mit Untermenüs.

Answer 3

Sie können dieses auch versuchen. Seine in MenuBar Docs API gegeben

public MenuItem addItem(java.lang.String text, 
         boolean asHTML, 
         MenuBar popup) 

So, In Ihrem Fall

final String image = "<img src='"+GWT.getModuleBaseURL() + "/images/down-arrow.png' height='25px' width='25px'/>"; 


HomeMenu.addItem(new MenuItem(image,true,mainMenu)); 

Answer 4

Der beste Ansatz ist nichts zu hacken. Verwenden Sie einfach die Bildklasse:

MenuItem profileMenuItem = new MenuItem(new Image(TripImages.INSTANCE.getUserSmall()) + " Profile", true, profileMenuDropdown); 

Funktioniert für mich.

Answer 5

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)); 

Answer 6

Wenn Sie bundle und ImageResource verwenden, können Sie AbstractImagePrototype verwenden.

Wenn GlobalBundle.INSTANCE.home() ist mein ImageResource, das es auf dem Menü erscheinen lässt:

menu.addItem(AbstractImagePrototype.create(GlobalBundle.INSTANCE.home()).getSafeHtml(), ...);