GWTのハイパーリンクに画像を挿入するには

Question

GWTでクリック可能な画像を作成する方法はありますか？

Answer 1

。

Answer 2

一般的な見地からは、イメージのonclickイベントとcss cursor：pointer（オプション）を使用して、ハイパーリンクの感触を与えることができます。あなたは、単にそれにClickHandlerを追加Imageクリッカブルを作るために

Hyperlink link = new Hyperlink(); 
Image image = new Image(someUrl); 
... 
link.getElement().appendChild(image.getElement()); 

を：あなたはHyperlinkでImageを挿入するために何ができるか

Answer 3

ToggleButtonを作成し、CSSスタイルを適用することもできます。その後、すでにClickHandlerのサポートがすべて含まれています。

Answer 4

ただ、画像にはclickHandlerを添付：

Image img = new Image(URL); 
img.addClickHandler(new ClickHandler() { 
    @Override 
    public void onClick(ClickEvent ev) { 
    // do sth. 
    } 
}; 

それです。画像はクリック可能です。ユーザーにクリック可能性を示すには、cursor：pointerのような適切なCSSスタイルを使用します。

Answer 5

Hyperlink link = new Hyperlink(); 
Image image = new Image(someUrl); 
... 
link.getElement().getFirstChild().appendChild(image.getElement()); 

となります。そうでなければ画像はaddClickHandlerハイパーリンクで減価償却されるので、ハイパーリンクハイパーリンクの代わりに

Answer 6

Anchor anchor = new Anchor(); 
    anchor.getElement().getStyle().setCursor(Cursor.POINTER); 
    anchor.addClickHandler(new ClickHandler() { 
      @Override 
      public void onClick(ClickEvent ev) { 
       Window.Location.assign("http://url.com"); 
      } 
    }); 
    Image img = new Image("image/path.jpg"); 
    anchor.getElement().appendChild(img.getElement()); 

使用アンカーの後に追加されます。 2行目は、カーソルを置いたときにハンドポインタをカーソルに追加します。残りは私が思うように自明です。