TextOut()を使用し"hh:mm:ss"形式で描画した文字列(半角8文字)を" "(半角)9文字分で描画してクリアできない

Question

困っていること

「TImage」コントロールのCanvasに時刻を「TextOut()」で表示後，表示更新のタイミングで「TextOut()」を使用して「" "(半角)を9つ」を描画して時刻表示をクリアしようとしていますが，下記のようになり，すべてクリアされず困っています。「調査して分かったこと」に記載したように解決方法はなんとなくわかったのですが，なぜ「TextOut()で" "(半角)を9つ」を描画する方法だとだめなのかが分かりません。どなたかご教授お願いします。

調査して分かったこと

1. 「TextOut()」を使用するのではなく，「TextRect()」を使用し，クリッピング範囲に文字列を出力すれば「" "(半角)を9つ」でも問題なかった(ソースコードのOK1)。
2. 「TextOut()」を使用するのではなく，「FillRect()」を使用し，キャンバス上の指定四角形を塗りつぶせば問題なかった(ソースコードのOK2)。

ソース

Unit1.cpp

//---------------------------------------------------------------------------

#include <vcl.h>
#pragma hdrstop

#include "Unit1.h"
//---------------------------------------------------------------------------
#pragma package(smart_init)
#pragma resource "*.dfm"
TForm1 *Form1;
//---------------------------------------------------------------------------
__fastcall TForm1::TForm1(TComponent* Owner)
	: TForm(Owner)
{
}
//---------------------------------------------------------------------------
void __fastcall TForm1::Button1Click(TObject *Sender)
{
//	TLogFont logfont;
	LOGFONT logfont;

	//  文字に依存した操作
	logfont.lfCharSet = DEFAULT_CHARSET;
	//  文字のクリッピング
	logfont.lfClipPrecision = CLIP_DEFAULT_PRECIS;
	//  文字を出力する角度(角度×10倍)
	logfont.lfEscapement = 900;
	//  フォント名
	StrCopy((char *)logfont.lfFaceName, (const char *)"@ＭＳ ゴシック");
	//  文字の高さ
	logfont.lfHeight = 16;
	//  イタリック体指定
	logfont.lfItalic = false;
	//  文字を出力する際の基準線(lfEscapementと同じ値)
	logfont.lfOrientation = 900;
	//  出力の形式
	logfont.lfOutPrecision = OUT_DEFAULT_PRECIS;
	//  出力の間隔
	logfont.lfPitchAndFamily = DEFAULT_PITCH;
	//  出力の品質
	logfont.lfQuality = DEFAULT_QUALITY;
	//  打消し線の指定
	logfont.lfStrikeOut = false;
	//  下線の指定
	logfont.lfUnderline = false;
	//  文字の太さ
	logfont.lfWidth = 700;
	//  文字の幅
	logfont.lfWidth = 8;

	Image1->Canvas->Font->Handle = CreateFontIndirect(&logfont);
	Image1->Canvas->TextOut(10, 85, "23:59:59");
//	UnicodeString str = _T("23:59:59");
//	Image1->Canvas->TextOut(10, 85, str);
}
//---------------------------------------------------------------------------
void __fastcall TForm1::Button2Click(TObject *Sender)
{
	//  NG
	Image1->Canvas->TextOutW(10, 85, "         ");
	//  お試し
//	UnicodeString str = _T("         ");
//	Image1->Canvas->TextOutW(10, 85, str);
/*
	//  OK1
	Image1->Canvas->TextRect(Rect(10, 7, 25, 85),
							10, 7,
							"         ");

	//  OK2
	Image1->Canvas->FillRect(Rect(10, 7, 25, 85));
*/
}
//---------------------------------------------------------------------------

Unit1.h

//---------------------------------------------------------------------------

#ifndef Unit1H
#define Unit1H
//---------------------------------------------------------------------------
#include <System.Classes.hpp>
#include <Vcl.Controls.hpp>
#include <Vcl.StdCtrls.hpp>
#include <Vcl.Forms.hpp>
#include <Vcl.ExtCtrls.hpp>
//---------------------------------------------------------------------------
class TForm1 : public TForm
{
__published:	// IDE で管理されるコンポーネント
	TImage *Image1;
	TButton *Button1;
	TButton *Button2;
	void __fastcall Button1Click(TObject *Sender);
	void __fastcall Button2Click(TObject *Sender);
private:	// ユーザー宣言
public:		// ユーザー宣言
	__fastcall TForm1(TComponent* Owner);
};
//---------------------------------------------------------------------------
extern PACKAGE TForm1 *Form1;
//---------------------------------------------------------------------------
#endif

開発環境

OS：Windows64bit
IDE:Embarcadero C++Builder 10.3.3

Comments

[cx20]

質問文にある画面イメージですが、もう少し見やすいものは無いでしょうか？
表示されているフォントが「ＭＳ ゴシック」なのか判断が付かない為です。

[cx20]

画面イメージの更新ありがとうございます。
フォントの形からすると「@ＭＳ ゴシック」ではなく「@ＭＳ Ｐゴシック」っぽいですね。

[dem0nmichik0]

cx20様，夜遅く回答ありがとうございます。
本当ですか？文字フォントでPがつく字体(プロポーショナルフォント)は等幅フォントではなく，「文字ごとに設定された“幅”に従い、詰めて表示される」から，今回のような事象になるから注意深く，フォント名はチェックしていました。それで「@MS ゴシック」だから問題ないと思っていました。「@MS ゴシック」は縦文字の時は＠がつくから問題ないと思っていたのですが，これが間違っているのでしょうか？

[cx20]

フォントの指定は「@MS ゴシック」で合っていると思います。
自分が試したのは VC++ ですが「@MS ゴシック」で固定幅で表示されることを確認しました（回答欄参照）

Answer 1

なぜ「TextOut()で" "(半角)を9つ」を描画する方法だとだめなのかが

根本原因は不明ですが、恐らく固定幅フォントが正しく適用されていない為に表示文字幅が短くなっているのだと思います。
以下は VC++ でフォントを変えて試した結果になります。比較の為に文字列の前後に「[ ]」を入れてみました。

Comments

[dem0nmichik0]

cx20様，回答ありがとうございます。
cx20様の指摘のように，「固定幅フォントが正しく適用されていない」というところに注目して調べたら
「lfPitchAndFamily」のパラメータをデフォルト(DEFAULT_PITCH)ではなく，固定幅(FIXED_PITCH)にしたら，うまくいきました。
[LOGFONT](http://chokuto.ifdef.jp/urawaza/struct/LOGFONT.html)
1つ疑問なのが「(デフォルト)ではフォント名に依存した文字幅にならない」ということなのでしょうか？

[cx20]

> 「lfPitchAndFamily」のパラメータをデフォルト(DEFAULT_PITCH)ではなく，固定幅(FIXED_PITCH)にしたら，うまくいきました。
lfPitchAndFamily ですがフォントが見つからなかったときに使用されるパラメータのようです。

> StrCopy((char *)logfont.lfFaceName, (const char *)"@ＭＳ ゴシック");

気になるのはフォント名の設定の方法です。
C++ Builder について詳しくないのですが Unicode ビルドの場合、char* ではなく Unicode 文字で指定する必要があるのでは無いでしょうか？

[cx20]

フォント名の設定ですが、StrCopy() → wcscpy() に変えて試してもらえますか？
変更前）StrCopy((char *)logfont.lfFaceName, (const char *)"@ＭＳ ゴシック");
変更後）wcscpy(logfont.lfFaceName, L"@ＭＳ ゴシック");

＜参考＞
■ E2034 'wchar t *' 型は 'const char *' 型に変換できないコンパイルエラーの対処方法
https://docwiki.embarcadero.com/Support/ja/E2034_%27wchar_t_*%27_%E5%9E%8B%E3%81%AF_%27const_char_*%27_%E5%9E%8B%E3%81%AB%E5%A4%89%E6%8F%9B%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E3%82%B3%E3%83%B3%E3%83%91%E3%82%A4%E3%83%AB%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%AE%E5%AF%BE%E5%87%A6%E6%96%B9%E6%B3%95

[dem0nmichik0]

cx20様，回答ありがとうございます。
>フォント名の設定ですが、StrCopy() → wcscpy() に変えて試してもらえますか？
>変更前）StrCopy((char *)logfont.lfFaceName, (const char *)"@ＭＳ ゴシック");
>変更後）wcscpy(logfont.lfFaceName, L"@ＭＳ ゴシック");
上記を試したところ，「lfPitchAndFamily」のパラメータをデフォルト(DEFAULT_PITCH)ではなく，固定幅(FIXED_PITCH)にせずとも，うまくいきました。
ありがとうございます。参考URLを見ました。アプリはBCB6(Win7)からC++Builder10.3(Win10)に変更しました。そのため，cx20様の考えているように，「wchar_t」(Unicode)でコンパイルしています。
なので，変更後のようにしたら，うまくいきました。試しに参考URLの解決１のようにstrcpy()のまま，AnsiString()でキャストしてうまくいくか試したところ，URLに書いてある通り，Unicode文字は正しくコピーされませんでした。

お忙しい中，いろいろ教えていただきありがとうございました。

[cx20]

解決されたようで何よりです。自分も原因が判明してスッキリしました。
VC++も現在はUnicodeビルドが既定なのでC++Builderも同様なのかなと思った次第です。