Spinner
TsgcHTMLComponent_Spinner — Delphi、C++ Builder、.NET で、サイズ、色、アクセシブルなテキストを備えた、border または grow スタイルの Bootstrap 5 読み込みスピナーをレンダリングします。
TsgcHTMLComponent_Spinner — Delphi、C++ Builder、.NET で、サイズ、色、アクセシブルなテキストを備えた、border または grow スタイルの Bootstrap 5 読み込みスピナーをレンダリングします。
Bootstrap 5 の spinner マークアップを出力する読み込みスピナーコンポーネントです。スピナーの種類、サイズ、色を選択してから、HTML プロパティを読み取ります — または、静的な Build ヘルパーを呼び出して一行で記述します。
TsgcHTMLComponent_Spinner
Bootstrap 5 のスピナーマークアップ
Delphi, C++ Builder, .NET
手軽なスピナーには Build(spinnerType, color, size) を呼び出すか、コンポーネントを作成して SpinnerType、Size、ColorStyle を設定してから、HTML を読み取ります。
uses
sgcHTML_Enums, sgcHTML_Component_Spinner;
// One-line static helper (primary form):
var
vHTML: string;
begin
vHTML := TsgcHTMLComponent_Spinner.Build(spBorder, hcPrimary, ssNormal);
WebModule.Response := vHTML;
end;
// Or configure it fully:
var
oSpin: TsgcHTMLComponent_Spinner;
begin
oSpin := TsgcHTMLComponent_Spinner.Create(nil);
try
oSpin.SpinnerType := spGrow;
oSpin.Size := ssSmall;
oSpin.ColorStyle := hcSuccess;
oSpin.Text := 'Loading...';
oSpin.SpinnerID := 'loader';
WebModule.Response := oSpin.HTML; // Bootstrap spinner markup
finally
oSpin.Free;
end;
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Spinner.hpp
// One-line static helper (primary form):
String html = TsgcHTMLComponent_Spinner::Build(spBorder, hcPrimary, ssNormal);
// Or configure it fully:
TsgcHTMLComponent_Spinner *oSpin = new TsgcHTMLComponent_Spinner(NULL);
try
{
oSpin->SpinnerType = spGrow;
oSpin->Size = ssSmall;
oSpin->ColorStyle = hcSuccess;
oSpin->Text = "Loading...";
oSpin->SpinnerID = "loader";
String body = oSpin->HTML; // Bootstrap spinner markup
}
__finally
{
delete oSpin;
}using esegece.sgcWebSockets;
// One-line static helper (primary form):
string html = TsgcHTMLComponent_Spinner.Build(TsgcHTMLSpinnerType.spBorder,
TsgcHTMLColor.hcPrimary, TsgcHTMLSpinnerSize.ssNormal);
// Or configure it fully:
var spin = new TsgcHTMLComponent_Spinner();
spin.SpinnerType = TsgcHTMLSpinnerType.spGrow;
spin.Size = TsgcHTMLSpinnerSize.ssSmall;
spin.ColorStyle = TsgcHTMLColor.hcSuccess;
spin.Text = "Loading...";
spin.SpinnerID = "loader";
string body = spin.HTML; // Bootstrap spinner markup最もよく使うメンバーです。
SpinnerType は、TsgcHTMLSpinnerType を介して spBorder（回転するリング）または spGrow（脈動する点）を選択します。
Size は、TsgcHTMLSpinnerSize を介して ssNormal または ssSmall を選択します。
ColorStyle は TsgcHTMLColor（hcPrimary や hcSuccess など）を取ります。Color は生の Bootstrap カラー名の文字列を受け取ります。
Text は、スクリーンリーダーが読み上げる視覚的に非表示のステータスラベルを設定します（既定値はロケールの「Loading...」テキスト）。
SpinnerID は要素 id を割り当て、JavaScript からスピナーを表示または削除できるようにします。
Build(spinnerType, color, size) はすぐに使えるスピナーを返します。HTML は、role と非表示テキストを含む Bootstrap スピナーのマークアップを出力します。