TImageList / TGlyph の使い方

Copyright © 2013 SERIALGAMES inc. All Rights Reserved. PAGE 1
Happy Creation, Play the Development!
スタイルが絶対に必要だと言ったな。
あれは嘘だ
TImageList / TGlyph の使い方
2016/06/13
株式会社シリアルゲームズ
細川淳

西都原考古博物館アプリ
• とにかく時間が無かった
• ほとんど宮崎で実装した…！
• 小さな机で実装…！
• スタイル作るの大変だよおお！
⇒スタイル作るのヤーメタ！

TImageList
• TImageList は画像をまとめて扱うクラス
• VCL版と違ってサイズは自由

TGlyph
• TImageList の画像を表示するだけのコント
ロール
これ
ImageList
ImageIndex
を指定

例：イメージボタン

イメージボタン
• TImageList / TGlyph を使ってボタンを作る
• OnMouseDown / OnMouseUp を使う
• しかし！ TGlyph は操作を受け付けない！
– 画像を表示するだけ。HitTest プロパティは無い
⇒TLayout を使う

• TLayout の OnMouseUp/Down を使う
TLayout
TGlyph
TImageList
ImageIndex
OnMouseUp
OnMouseMove
OnMouseDown
Down/Up でImageIndexを変える

procedure TGlyphButton.LayoutMouseDown(
Sender: TObject;
Button: TMouseButton;
Shift: TShiftState;
X, Y: Single);
begin
// FIndex は通常時の ImageIndex
FGlyph.ImageIndex := FIndex + 1;
end;

procedure TGlyphButton.LayoutMouseUp(
Sender: TObject;
Button: TMouseButton;
Shift: TShiftState;
X, Y: Single);
begin
if (FIndex <> FGlyph.ImageIndex) then
begin
FGlyph.ImageIndex := FIndex; // 戻す
if (Assigned(FOnClick)) then
FOnClick(Self);
end;
end;

procedure TGlyphButton.LayoutMouseMove(
Sender: TObject;
Shift: TShiftState;
X, Y: Single);
begin
if not (ssLeft in Shift) then
Exit;
// マウスカーソルが範囲内ならダウン画像にする
if TLayout(Sender).PointInObjectLocal(X, Y) then
FGlyph.ImageIndex := FIndex + 1
else
FGlyph.ImageIndex := FIndex
end;

TImageList / TGlyph
TLayout / TFrame
• これらのコントロールを使うとスタイルを使わ
なくても何とかなる場合も多い！
– TFrame を使えば複雑に組み合わさったコントロー
ルを別のコントロールに載せることも可能…！

まとめ
• 基本は Style
• 時間が無かったりしたら TImageList もアリ

TImageList / TGlyph の使い方

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (19)

Recently uploaded

Recently uploaded (11)

TImageList / TGlyph の使い方