Placeholder

TsgcHTMLComponent_Placeholder — renderuje kartę ładowania typu szkielet Bootstrap 5 z animacją połysku oraz konfigurowalnymi wierszami, obrazem, tytułem i przyciskami, w Delphi, C++ Builder i .NET.

TsgcHTMLComponent_Placeholder

Komponent ładowania typu szkielet, który generuje znaczniki placeholder Bootstrap 5 z połyskiem typu glow lub wave. Ustaw liczbę wierszy i to, które części pokazać, a następnie odczytaj właściwość HTML — albo wywołaj statyczne metody pomocnicze BuildCard / BuildText.

Klasa komponentu

TsgcHTMLComponent_Placeholder

Renderuje

Znaczniki placeholder Bootstrap 5

Języki

Delphi, C++ Builder, .NET

Zbuduj go w jednej linii lub skonfiguruj w pełni

Wywołaj BuildCard(lineCount, animation) dla pełnej karty szkieletu albo utwórz komponent, ustaw LineCount, ShowImage i Animation, a następnie odczytaj HTML.

uses
  sgcHTML_Enums, sgcHTML_Component_Placeholder;

// One-line static helper (primary form):
var
  vHTML: string;
begin
  vHTML := TsgcHTMLComponent_Placeholder.BuildCard(3, paWave);
  WebModule.Response := vHTML;
end;

// Or configure it fully:
var
  oPH: TsgcHTMLComponent_Placeholder;
begin
  oPH := TsgcHTMLComponent_Placeholder.Create(nil);
  try
    oPH.LineCount := 4;
    oPH.Animation := paGlow;
    oPH.Color := hcSecondary;
    oPH.ShowImage := True;
    oPH.ShowTitle := True;
    oPH.ShowButtons := True;

    WebModule.Response := oPH.HTML;   // Bootstrap placeholder card
  finally
    oPH.Free;
  end;
end;
// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Placeholder.hpp

// One-line static helper (primary form):
String html = TsgcHTMLComponent_Placeholder::BuildCard(3, paWave);

// Or configure it fully:
TsgcHTMLComponent_Placeholder *oPH = new TsgcHTMLComponent_Placeholder(NULL);
try
{
  oPH->LineCount = 4;
  oPH->Animation = paGlow;
  oPH->Color = hcSecondary;
  oPH->ShowImage = true;
  oPH->ShowTitle = true;
  oPH->ShowButtons = true;

  String body = oPH->HTML;   // Bootstrap placeholder card
}
__finally
{
  delete oPH;
}
using esegece.sgcWebSockets;

// One-line static helper (primary form):
string html = TsgcHTMLComponent_Placeholder.BuildCard(3,
    TsgcHTMLPlaceholderAnimation.paWave);

// Or configure it fully:
var ph = new TsgcHTMLComponent_Placeholder();
ph.LineCount = 4;
ph.Animation = TsgcHTMLPlaceholderAnimation.paGlow;
ph.Color = TsgcHTMLColor.hcSecondary;
ph.ShowImage = true;
ph.ShowTitle = true;
ph.ShowButtons = true;

string body = ph.HTML;   // Bootstrap placeholder card

Kluczowe właściwości i metody

Składniki, po które sięgasz najczęściej.

Wiersze

LineCount ustawia, ile wierszy tekstu placeholder się renderuje (domyślnie 3) o zróżnicowanych szerokościach, aby naśladować rzeczywistą treść.

Animacja

Animation wybiera połysk paGlow lub paWave za pomocą TsgcHTMLPlaceholderAnimation.

Sekcje

ShowImage dodaje blok obrazu, ShowTitle pasek tytułu, a ShowButtons dwa placeholdery przycisków.

Wygląd

Size ustawia wysokość placeholdera za pomocą phSmall, phNormal, phLarge lub phExtraLarge; Color przyjmuje TsgcHTMLColor.

Metody pomocnicze

BuildCard(lineCount, animation) zwraca pełną kartę szkieletu; BuildText(lineCount, animation) tylko wiersze tekstu; BuildButton(animation) pojedynczy przycisk.

Wynik

HTML zwraca kompletną kartę placeholder Bootstrap — podmień ją na rzeczywistą treść, gdy Twoje dane zostaną załadowane.

Poznawaj dalej

Wszystkie komponenty sgcHTMLPrzejrzyj pełną matrycę funkcji 60+ komponentów.
Pobierz bezpłatną wersję próbną30-dniowa wersja próbna zawiera projekty demonstracyjne 60.HTML.
CennikLicencje Single, Team i Site z pełnym kodem źródłowym.

Gotowy, aby zacząć?

Pobierz bezpłatną wersję próbną i zacznij budować interfejsy webowe w Delphi, C++ Builder i .NET.