Spinner

TsgcHTMLComponent_Spinner — affichez un indicateur de chargement Bootstrap 5 en style bordure ou croissance, avec taille, couleur et texte accessible, en Delphi, C++ Builder et .NET.

En bref

TsgcHTMLComponent_Spinner

Un composant d'indicateur de chargement qui émet du balisage spinner Bootstrap 5. Choisissez le type d'indicateur, la taille et la couleur, puis lisez la propriété HTML — ou appelez l'assistant statique Build pour une seule ligne.

Classe du composant

TsgcHTMLComponent_Spinner

Produit

Du balisage spinner Bootstrap 5

Famille

Surcouches & Retours

Langages

Delphi, C++ Builder, .NET

QuickStart

Construisez-le en une ligne, ou configurez-le entièrement

Appelez Build(spinnerType, color, size) pour un indicateur rapide, ou créez le composant, définissez SpinnerType, Size et ColorStyle, puis lisez 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

Référence

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Type

SpinnerType sélectionne spBorder (anneau rotatif) ou spGrow (point pulsant) via TsgcHTMLSpinnerType.

Taille

Size choisit ssNormal ou ssSmall via TsgcHTMLSpinnerSize.

Couleur

ColorStyle prend un TsgcHTMLColor (tel que hcPrimary ou hcSuccess) ; Color accepte une chaîne de nom de couleur Bootstrap brut.

Accessibilité

Text définit le libellé d'état masqué visuellement lu par les lecteurs d'écran (par défaut le texte « Loading... » de la locale).

Identité

SpinnerID attribue l'identifiant de l'élément pour que vous puissiez afficher ou supprimer l'indicateur depuis JavaScript.

Assistant statique & sortie

Build(spinnerType, color, size) renvoie un indicateur prêt ; HTML émet le balisage spinner Bootstrap avec son rôle et son texte masqué.

Ressources

Continuez l'exploration

	Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants.	Ouvrir
	Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.	Ouvrir
	TarifsLicences Single, Team et Site avec code source complet.	Ouvrir