Spinner
TsgcHTMLComponent_Spinner — Delphi, C++ Builder 및 .NET에서 크기, 색상 및 접근 가능한 텍스트와 함께 테두리 또는 확대 스타일의 Bootstrap 5 로딩 스피너를 렌더링합니다.
TsgcHTMLComponent_Spinner — Delphi, C++ Builder 및 .NET에서 크기, 색상 및 접근 가능한 텍스트와 함께 테두리 또는 확대 스타일의 Bootstrap 5 로딩 스피너를 렌더링합니다.
Bootstrap 5 spinner 마크업을 내보내는 로딩 스피너 컴포넌트입니다. 스피너 유형, 크기 및 색상을 선택한 다음, HTML 속성을 읽습니다 — 또는 한 줄짜리 정적 Build 헬퍼를 호출하십시오.
TsgcHTMLComponent_Spinner
Bootstrap 5 spinner 마크업
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는 JavaScript에서 스피너를 표시하거나 제거할 수 있도록 요소 id를 할당합니다.
Build(spinnerType, color, size)는 준비된 스피너를 반환합니다. HTML은 역할과 숨김 텍스트가 있는 Bootstrap 스피너 마크업을 내보냅니다.