Delphiでの高DPI対応: 画像の動的管理とイベント処理サンプル

概要

Delphiにおいて、高DPI対応は現代のディスプレイ環境で重要な要素となっています。本記事では、Delphiでの高DPI対応を目的とした画像管理とイベント処理に関する実装例を紹介します。この例では、TImageCollection、TVirtualImageListを活用し、異なるDPIに応じた画像のロードと表示を実現します。

サンプルではありますが、適宜修正しつつ順応させてください。またTVirtualImageとTImageCollectionの組み合わせでも対応できますが、Delphi11.3以降が必要です。

プロジェクト概要

このプロジェクトでは、以下の機能を持つフォームを作成します：

異なるDPIに対応した画像の動的ロード
マウスイベントに応じた画像の切り替え
画像のコレクション管理と仮想イメージリストの活用

主要コンポーネントの説明

TImageCollection
画像のコレクションを管理するコンポーネントで、異なるDPIに対応する複数の画像を保持できます。
TVirtualImageList
複数の画像を一元管理し、DPIに応じて適切なサイズの画像を提供します。
TImage
フォーム上に画像を表示するためのコンポーネントです。

プログラムの詳細

以下は、高DPI対応を実現する実装例です。

unit Unit3;

interface

uses
  Vcl.Forms, Vcl.Controls, Vcl.ImgList, Vcl.VirtualImageList, Vcl.BaseImageCollection, Vcl.ImageCollection, Vcl.ExtCtrls, System.SysUtils,
  System.Classes, Vcl.Graphics, Vcl.Dialogs, System.ImageList;

type
  TForm3 = class(TForm)
    procedure FormCreate(Sender: TObject);
  private
    Image1: TImage;  // TImageコンポーネントをフォーム上に表示するための変数を宣言
    ImageCollection1: TImageCollection;  // 画像コレクションを管理するための変数を宣言
    VirtualImageList1: TVirtualImageList;  // 仮想イメージリストを管理するための変数を宣言
    FCurrentVirtualImageList: TVirtualImageList;  // 現在の仮想イメージリストを保持するための変数を宣言
    procedure common(ImageCollectionName: string; filepath: string; FilePath96, FilePath144, FilePath192: string; collectionIndex: Integer; VirtualImageListName: string; ImageName: string; ImageListWidth, ImageListHeight, ImageTop, ImageLeft: Integer);
    // 共通処理を行うメソッドを宣言
    procedure AddImageToCollection(ImageCollection: TImageCollection; const FilePath: string; const ImageName: string);
    // 画像をコレクションに追加するメソッドを宣言
    procedure AddImagesFromCollection(ImageCollection: TImageCollection; VirtualImageList: TVirtualImageList);
    // 画像コレクションから仮想イメージリストに画像を追加するメソッドを宣言
    procedure AddDPIImagesToCollection(ImageCollection: TImageCollection; const FilePath96, FilePath144, FilePath192: string; const ImageName: string);
    // 高DPI対応の画像をコレクションに追加するメソッドを宣言
    procedure ImageMouseEnter(Sender: TObject);  // マウスが画像上に入ったときのイベント処理を宣言
    procedure ImageMouseLeave(Sender: TObject);  // マウスが画像から離れたときのイベント処理を宣言
    procedure ImageMouseDown(Sender: TObject; Button: TMouseButton; Shift: TShiftState; X, Y: Integer);
    // 画像上でマウスボタンが押されたときのイベント処理を宣言
    procedure ImageMouseUp(Sender: TObject; Button: TMouseButton; Shift: TShiftState; X, Y: Integer);
    // 画像上でマウスボタンが離されたときのイベント処理を宣言
    { Private 宣言 }
  public
    { Public 宣言 }
  end;

var
  Form3: TForm3;

implementation

{$R *.dfm}

procedure TForm3.common(ImageCollectionName: string; filepath: string; FilePath96, FilePath144, FilePath192: string; collectionIndex: Integer; VirtualImageListName: string; ImageName: string; ImageListWidth, ImageListHeight, ImageTop, ImageLeft: Integer);
var
  ImageCollection1: TImageCollection;  // ImageCollection用の変数をローカルで宣言
  VirtualImageList1: TVirtualImageList;  // VirtualImageList用の変数をローカルで宣言
  Image1: TImage;  // TImageコンポーネント用の変数をローカルで宣言
begin
  try
    // 既存のImageCollectionを取得または作成
    ImageCollection1 := FindComponent(ImageCollectionName) as TImageCollection;
    if ImageCollection1 = nil then
    begin
      ImageCollection1 := TImageCollection.Create(Self);  // ImageCollectionが存在しない場合、新たに作成
      ImageCollection1.Name := ImageCollectionName;  // 名前を設定
      ImageCollection1.SetSubComponent(True);  // サブコンポーネントとして設定
    end;

    // 既存のVirtualImageListを取得または作成
    VirtualImageList1 := FindComponent(VirtualImageListName) as TVirtualImageList;
    if VirtualImageList1 = nil then
    begin
      VirtualImageList1 := TVirtualImageList.Create(Self);  // VirtualImageListが存在しない場合、新たに作成
      VirtualImageList1.Name := VirtualImageListName;  // 名前を設定
      VirtualImageList1.SetSubComponent(True);  // サブコンポーネントとして設定
      VirtualImageList1.Width := ImageListWidth;  // 幅を設定
      VirtualImageList1.Height := ImageListHeight;  // 高さを設定
      VirtualImageList1.ImageCollection := ImageCollection1;  // ImageCollectionを関連付け
    end;

    // 既存のImageを取得または作成
    Image1 := FindComponent(ImageName) as TImage;
    if Image1 = nil then
    begin
      Image1 := TImage.Create(Self);  // Imageが存在しない場合、新たに作成
      Image1.Name := ImageName;  // 名前を設定
      Image1.Parent := Self;  // 親フォームを設定
      Image1.SetBounds(ImageLeft, ImageTop, ImageListWidth, ImageListHeight);  // 位置とサイズを設定
      Image1.Picture.Bitmap := TBitmap.Create;  // 新しいBitmapを作成
      Image1.Picture.Bitmap.SetSize(ImageListWidth, ImageListHeight);  // Bitmapのサイズを設定
      // イベントハンドラを設定
      // 背景を白に設定
      Image1.Picture.Bitmap.Canvas.Brush.Color := clWhite;
      Image1.Picture.Bitmap.Canvas.FillRect(Rect(0, 0, Image1.Picture.Bitmap.Width, Image1.Picture.Bitmap.Height));
    end;

    // 画像をImageCollectionに追加
    if (FilePath96 <> '') or (FilePath144 <> '') or (FilePath192 <> '') then
    begin
      AddDPIImagesToCollection(ImageCollection1, FilePath96, FilePath144, FilePath192, IntToStr(collectionIndex));
    end
    else
    begin
      AddImageToCollection(ImageCollection1, filepath, IntToStr(collectionIndex));
    end;

    // 画像が正しくロードされたか確認
    if ImageCollection1.Images.Count = 0 then
    begin
      ShowMessage('Failed to load image');  // ロード失敗時のメッセージ
      Exit;
    end;

    // 確認用デバッグメッセージ
    ShowMessage('Image loaded successfully: ' + ImageCollection1.Images[collectionIndex].SourceImages[0].Image.Width.ToString + 'x' + ImageCollection1.Images[collectionIndex].SourceImages[0].Image.Height.ToString);

    // ImageCollectionの画像をVirtualImageListに追加
    AddImagesFromCollection(ImageCollection1, VirtualImageList1);

    // VirtualImageListに画像が正しく追加されたか確認
    if VirtualImageList1.Count = 0 then
    begin
      ShowMessage('VirtualImageList is empty');  // 空の場合のメッセージ
      ShowMessage('ImageCollection count: ' + IntToStr(ImageCollection1.Images.Count));  // デバッグメッセージ
      Exit;
    end;

    // VirtualImageListから画像を取得してImageに設定
    if VirtualImageList1.Count > 0 then
      VirtualImageList1.GetBitmap(collectionIndex, Image1.Picture.Bitmap);  // Bitmapを取得して設定

    FCurrentVirtualImageList := VirtualImageList1;  // 現在の仮想イメージリストを保持

    // イベントハンドラを設定
    Image1.OnMouseEnter := ImageMouseEnter;
    Image1.OnMouseLeave := ImageMouseLeave;
    Image1.OnMouseDown := ImageMouseDown;
    Image1.OnMouseUp := ImageMouseUp;
  except
    on E: Exception do
      ShowMessage('Error: ' + E.Message);  // エラーメッセージを表示
  end;
end;

procedure TForm3.AddImageToCollection(ImageCollection: TImageCollection; const FilePath: string; const ImageName: string);
var
  ImageItem: TImageCollectionItem;  // ImageCollectionItemの変数を宣言
  SourceItem: TImageCollectionSourceItem;  // ImageCollectionSourceItemの変数を宣言
begin
  ImageItem := ImageCollection.Images.Add;  // 新しい画像項目をコレクションに追加
  ImageItem.index := strtoint(ImageName);  // 画像のインデックスを設定
  SourceItem := ImageItem.SourceImages.Add;  // 新しいソース画像項目を追加
  SourceItem.Image.LoadFromFile(FilePath);  // ファイルから画像をロード

  // 画像が正しくロードされたか確認
  if SourceItem.Image.Empty then
  begin
    ShowMessage('Failed to load image: ' + FilePath);  // ロード失敗時のメッセージ
    Exit;
  end;
end;

procedure TForm3.AddImagesFromCollection(ImageCollection: TImageCollection; VirtualImageList: TVirtualImageList);
var
  i: Integer;  // ループ用のカウンタを宣言
  ImageItem: TImageCollectionItem;  // ImageCollectionItemの変数を宣言
begin
  VirtualImageList.BeginUpdate;  // VirtualImageListの更新を開始
  try
    for i := 0 to ImageCollection.Images.Count - 1 do
    begin
      ImageItem := ImageCollection.Images[i];  // 各ImageCollectionItemを取得
      VirtualImageList.Add(ImageItem.Name, i);  // VirtualImageListに画像を追加
    end;
  finally
    VirtualImageList.EndUpdate;  // 更新を終了
  end;
end;

procedure TForm3.AddDPIImagesToCollection(ImageCollection: TImageCollection; const FilePath96, FilePath144, FilePath192: string; const ImageName: string);
var
  ImageItem: TImageCollectionItem;  // ImageCollectionItemの変数を宣言
  SourceItem: TImageCollectionSourceItem;  // ImageCollectionSourceItemの変数を宣言
begin
  ImageItem := ImageCollection.Images.Add;  // 新しい画像項目をコレクションに追加
  ImageItem.Name := ImageName;  // 画像名を設定

  if FilePath96 <> '' then
  begin
    SourceItem := ImageItem.SourceImages.Add;  // 新しいソース画像項目を追加
    SourceItem.Image.LoadFromFile(FilePath96);  // 96DPI用の画像をロード
  end;

  if FilePath144 <> '' then
  begin
    SourceItem := ImageItem.SourceImages.Add;  // 新しいソース画像項目を追加
    SourceItem.Image.LoadFromFile(FilePath144);  // 144DPI用の画像をロード
  end;

  if FilePath192 <> '' then
  begin
    SourceItem := ImageItem.SourceImages.Add;  // 新しいソース画像項目を追加
    SourceItem.Image.LoadFromFile(FilePath192);  // 192DPI用の画像をロード
  end;
end;

procedure TForm3.ImageMouseEnter(Sender: TObject);
begin
  (Sender as TImage).Picture.Bitmap := nil;  // 画像をクリア
  FCurrentVirtualImageList.GetBitmap(1, (Sender as TImage).Picture.Bitmap);  // マウスが入った時の画像を設定
end;

procedure TForm3.ImageMouseLeave(Sender: TObject);
begin
  (Sender as TImage).Picture.Bitmap := nil;  // 画像をクリア
  FCurrentVirtualImageList.GetBitmap(0, (Sender as TImage).Picture.Bitmap);  // マウスが離れた時の画像を設定
end;

procedure TForm3.ImageMouseDown(Sender: TObject; Button: TMouseButton; Shift: TShiftState; X, Y: Integer);
begin
  (Sender as TImage).Picture.Bitmap := nil;  // 画像をクリア
  FCurrentVirtualImageList.GetBitmap(2, (Sender as TImage).Picture.Bitmap);  // マウスが押された時の画像を設定
end;

procedure TForm3.ImageMouseUp(Sender: TObject; Button: TMouseButton; Shift: TShiftState; X, Y: Integer);
begin
  (Sender as TImage).Picture.Bitmap := nil;  // 画像をクリア
  FCurrentVirtualImageList.GetBitmap(0, (Sender as TImage).Picture.Bitmap);  // マウスが離された時の画像を設定
end;

procedure TForm3.FormCreate(Sender: TObject);
begin
  // 各DPIに対応する画像の初期化を行う
  common('ImageCollection1', 'failpath', 'failpath96', 'failpath144', 'failpath192', 0, 'VirtualImageList1', 'Image1', 100, 100, 10, 10);
  common('ImageCollection1', 'failpath', 'failpath96', 'failpath144', 'failpath192', 1, 'VirtualImageList1', 'Image1', 100, 100, 10, 10);
  common('ImageCollection1', 'failpath', 'failpath96', 'failpath144', 'failpath192', 2, 'VirtualImageList1', 'Image1', 100, 100, 10, 10);
end;

end.

実装結果

上記のコードを利用することで、異なるDPI設定に応じた画像のロードおよび表示が可能となります。また、マウスイベントに応じて動的に画像を切り替えることもできます。

この実装により、高DPI対応のアプリケーション開発が容易になり、ユーザーにとって視認性の高いインターフェースを提供することができます。

まとめ

Delphiでの高DPI対応は、現代のアプリケーションにおいて重要な要素です。本記事で紹介した方法を利用して、簡単に高DPI対応のアプリケーションを作成できるようになります。この記事が皆様のDelphi開発における参考となれば幸いです。

tags: Delphi, 高DPI, TVirtualImageList, TImageCollection, マウスイベント