Spinner

TsgcHTMLComponent_Spinner — renderize um spinner de carregamento do Bootstrap 5 no estilo borda ou crescimento, com tamanho, cor e texto acessível, em Delphi, C++ Builder e .NET.

Visão geral

TsgcHTMLComponent_Spinner

Um componente de spinner de carregamento que emite markup spinner do Bootstrap 5. Escolha o tipo, o tamanho e a cor do spinner e então leia a propriedade HTML — ou chame o helper estático Build para uma linha única.

Classe do componente

TsgcHTMLComponent_Spinner

Renderiza

Markup de spinner do Bootstrap 5

Família

Overlays & Feedback

Linguagens

Delphi, C++ Builder, .NET

QuickStart

Construa em uma linha, ou configure-o por completo

Chame Build(spinnerType, color, size) para um spinner rápido, ou crie o componente, defina SpinnerType, Size e ColorStyle e então leia 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

Referência

Principais propriedades & métodos

Os membros que você usa com mais frequência.

Tipo

SpinnerType seleciona spBorder (anel rotativo) ou spGrow (ponto pulsante) via TsgcHTMLSpinnerType.

Tamanho

Size escolhe ssNormal ou ssSmall via TsgcHTMLSpinnerSize.

Cor

ColorStyle recebe um TsgcHTMLColor (como hcPrimary ou hcSuccess); Color aceita uma string de nome de cor Bootstrap bruta.

Acessibilidade

Text define o rótulo de status visualmente oculto lido por leitores de tela (padrão o texto "Loading..." do locale).

Identidade

SpinnerID atribui o id do elemento para que você possa mostrar ou remover o spinner a partir do JavaScript.

Helper estático & saída

Build(spinnerType, color, size) retorna um spinner pronto; HTML emite o markup de spinner Bootstrap com seu role e texto oculto.

Recursos

Continue explorando

	Todos os Componentes sgcHTMLExplore a matriz completa de recursos com mais de 60 componentes.	Abrir
	Baixar Versão de Avaliação GratuitaA avaliação de 30 dias inclui os projetos de demonstração 60.HTML.	Abrir
	PreçosLicenças Single, Team e Site com código-fonte completo.	Abrir