Spinner

TsgcHTMLComponent_Spinner — renderizza uno spinner di caricamento Bootstrap 5 in stile border o grow, con dimensione, colore e testo accessibile, in Delphi, C++ Builder e .NET.

In sintesi

TsgcHTMLComponent_Spinner

Un componente spinner di caricamento che emette markup spinner Bootstrap 5. Scegli il tipo di spinner, la dimensione e il colore, quindi leggi la proprietà HTML — oppure chiama l’helper statico Build per una soluzione a riga singola.

Classe del componente

TsgcHTMLComponent_Spinner

Renderizza

Bootstrap 5 spinner markup

Famiglia

Overlay e Feedback

Linguaggi

Delphi, C++ Builder, .NET

QuickStart

Costruiscilo in una riga, o configuralo completamente

Chiama Build(spinnerType, color, size) per uno spinner rapido, oppure crea il componente, imposta SpinnerType, Size e ColorStyle, quindi leggi 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

Riferimento

Proprietà e metodi principali

I membri che utilizzerai più spesso.

Tipo

SpinnerType seleziona spBorder (anello rotante) o spGrow (punto pulsante) tramite TsgcHTMLSpinnerType.

Dimensione

Size sceglie ssNormal o ssSmall tramite TsgcHTMLSpinnerSize.

Colore

ColorStyle accetta un TsgcHTMLColor (come hcPrimary o hcSuccess); Color accetta una stringa grezza con il nome di un colore Bootstrap.

Accessibilità

Text imposta l’etichetta di stato visivamente nascosta letta dagli screen reader (il valore predefinito è il testo "Loading..." della locale).

Identità

SpinnerID assegna l’id dell’elemento così puoi mostrare o rimuovere lo spinner da JavaScript.

Helper statico e output

Build(spinnerType, color, size) restituisce uno spinner pronto; HTML emette il markup dello spinner Bootstrap con il suo role e il testo nascosto.

Risorse

Continua a esplorare

	Tutti i componenti sgcHTMLEsplora la matrice completa delle funzionalità di oltre 60 componenti.	Apri
	Scarica la Prova GratuitaLa prova di 30 giorni include i progetti demo 60.HTML.	Apri
	PrezziLicenze Single, Team e Site con codice sorgente completo.	Apri