SpriteOverEvent 之靈異現象

重現方式

直接上 SSCCE：

public class SpriteTestEP extends DrawComponent implements EntryPoint {
	private RectangleSprite red = new RectangleSprite(200, 201, 100, 50);
	private RectangleSprite none = new RectangleSprite(200, 201, 300, 50);

	public SpriteTestEP() {
		red.setFill(RGB.RED);
		none.setFill(Color.NONE);

		addSprite(red);
		addSprite(none);

		addSpriteOverHandler(new SpriteOverHandler() {
			@Override
			public void onSpriteOver(SpriteOverEvent event) {
				log("Over : " + who(event.getSprite()));
			}
		});
		addSpriteOutHandler(new SpriteOutHandler() {
			@Override
			public void onSpriteLeave(SpriteOutEvent event) {
				log("Out : " + who(event.getSprite()));
			}
		});
	}

	private String who(Sprite sprite) {
		return (sprite == red ? "red" : "none");
	}

	public static native void log(Object object) /*-{
		console.log(
			@java.lang.String::valueOf(Ljava/lang/Object;)(object)
		);
	}-*/;

	@Override
	public void onModuleLoad() {
		//無關緊要，純粹 follow GXT 習慣  XD
		Viewport vp = new Viewport();
		vp.add(this);
		RootPanel.get().add(vp);
	}
}

操作步驟：

1. 游標進入紅色區塊
2. 慢慢水平移動滑鼠，直到離開紅色區塊

GXT Component 的 onLoad 與 onShow 時機點

最近想要在 UI component 出現 / 消失的時候自動做一些事情，於是打算從 GXT Component 下手。不過怎麼寫怎麼有問題，只好寫 n 個 SSCCE 來確認一下，實驗結果紀錄於此。

基本認識

我關心這四個 method：

• onLoad()
• onUnload()
• onShow()
• onHide()

onLoad() 跟 onUnload() 是從 GWT 的 Widget 就定義的 method。理論上跟 onAttach()、onDetach() 等意，就是這個 component 加入到 DOM（或是從 DOM 中移除）時會觸發的 method。不過 API 都強烈建議用 onLoad() 跟 onUnload() 了，就乖乖照辦。

onShow()、onHide() 是 GXT Component 開始定義的 method，最常遇到的 caller 大概是 GXT Component 的 setVisible()（override UIObject）。

不同量級的數值在同一個圖表上呈現

標題好難下，完整的標題應該是：

在 GXT Chart 中，如何把兩個不同量級的數值在同一個圖表中都用長條圖當中呈現。

拿這張圖表來舉例說明：

Sencha GXT 3.1 發布

作為 Sencha GXT 的團隊代表，我很高興宣佈 Sencha GXT 3.1 發布。在公開測試後只有一兩個月的時間，我們收到一卡車的回饋意見。我們已經解決幾個來自公開測試討論區的問題。感謝所有前期測試人員，你們的回饋意見始終是非常寶貴的。

GXT 3.1 導入了新的 Theme Builder（妝點 GXT 程式的新工具）、Neptune 這個佈景主題就是用 Theme Builder 做出來的；另外 GXT 3.1 也增加了對 GWT 2.6 的支援度。

（譯註：省略兩段純粹提供 3.1 各式連結的部份）