Componente Spinner — sgcHTML

Un vistazo

TsgcHTMLComponent_Spinner

Un componente de spinner de carga que emite marcado spinner de Bootstrap 5. Elige el tipo de spinner, el tamaño y el color, y luego lee la propiedad HTML — o llama al ayudante estático Build para una sola línea.

Clase de componente

TsgcHTMLComponent_Spinner

Renderiza

Marcado de spinner de Bootstrap 5

Familia

Superposiciones y Avisos

Lenguajes

Delphi, C++ Builder, .NET

Inicio rápido

Créalo en una línea, o configúralo por completo

Llama a Build(spinnerType, color, size) para un spinner rápido, o crea el componente, define SpinnerType, Size y ColorStyle, y luego lee 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

Referencia

Propiedades y métodos clave

Los miembros que más vas a usar.

Tipo

SpinnerType selecciona spBorder (anillo giratorio) o spGrow (punto pulsante) mediante TsgcHTMLSpinnerType.

Tamaño

Size elige ssNormal o ssSmall mediante TsgcHTMLSpinnerSize.

Color

ColorStyle toma un TsgcHTMLColor (como hcPrimary o hcSuccess); Color acepta una cadena con un nombre de color de Bootstrap.

Accesibilidad

Text define la etiqueta de estado oculta visualmente que leen los lectores de pantalla (por defecto el texto "Loading..." del idioma).

Identidad

SpinnerID asigna el id del elemento para que puedas mostrar o eliminar el spinner desde JavaScript.

Ayudante estático y salida

Build(spinnerType, color, size) devuelve un spinner listo; HTML emite el marcado de spinner de Bootstrap con su role y su texto oculto.

Recursos

Sigue explorando

	Todos los componentes sgcHTMLExplora la matriz completa de más de 60 componentes.	Abrir
	Descargar prueba gratuitaLa prueba de 30 días incluye los proyectos demo 60.HTML.	Abrir
	PreciosLicencias Single, Team y Site con código fuente completo.	Abrir

Spinner