2008年10月14日 星期二

Wicket的Image元件

每一網頁都需要有美美的圖檔來讓網頁更多元及更好看,所以Image元件是不可以少的.
步驟一.建立一ImagePageExamples.html

<html>
<body>
<img wicket:id = "statics"/><BR/><P/>
<img wicket:id = "dynamics"/><BR/>
</body>
</html>

步驟二.建立ImagePageExamples.java

package wicket.examples.html.body.base.image;

import java.awt.Graphics2D;

import wicket.markup.html.WebPage;
import wicket.markup.html.image.Image;
import wicket.markup.html.image.resource.RenderedDynamicImageResource;

public class ImagePageExamples extends WebPage {

public ImagePageExamples(){
super();
this.add(new Image("statics","image.gif"));

add(new Image("dynamics",new RenderedDynamicImageResource(200,200){
protected boolean render(Graphics2D graphics){
graphics.drawString("測試", 10, 10);
return true;
}
}));

}
}

步驟三.將要顯示的圖檔放置在同一目錄下(image.gif)
步驟四.修改Examples.html & Examples.java

...
<tr>
<td><a wicket:id="Examples17">show ImagePageExamplesPage</a></td>
</tr>
...


...
add(new PageLink("Examples17",ImagePageExamples.class));
...

沒有留言: