Placeholder
TsgcHTMLComponent_Placeholder — erzeugen Sie eine Bootstrap-5-Skelett-Ladekarte mit einer Schimmeranimation und konfigurierbaren Zeilen, Bild, Titel und Schaltflächen, in Delphi, C++ Builder und .NET.
TsgcHTMLComponent_Placeholder — erzeugen Sie eine Bootstrap-5-Skelett-Ladekarte mit einer Schimmeranimation und konfigurierbaren Zeilen, Bild, Titel und Schaltflächen, in Delphi, C++ Builder und .NET.
Eine Skelett-Loader-Komponente, die Bootstrap-5-placeholder-Markup mit einem Glow- oder Wave-Schimmer ausgibt. Setzen Sie die Zeilenanzahl und welche Teile angezeigt werden, und lesen Sie dann die HTML-Eigenschaft — oder rufen Sie die statischen Helfer BuildCard / BuildText auf.
TsgcHTMLComponent_Placeholder
Bootstrap-5-Placeholder-Markup
Delphi, C++ Builder, .NET
Rufen Sie BuildCard(lineCount, animation) für eine vollständige Skelettkarte auf oder erstellen Sie die Komponente, setzen Sie LineCount, ShowImage und Animation und lesen Sie dann 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 cardDie Member, die Sie am häufigsten verwenden.
LineCount legt fest, wie viele Platzhalter-Textzeilen dargestellt werden (Standard 3), in unterschiedlichen Breiten, um echten Text nachzuahmen.
Animation wählt den paGlow- oder paWave-Schimmer über TsgcHTMLPlaceholderAnimation.
ShowImage fügt einen Bildblock hinzu, ShowTitle eine Titelleiste und ShowButtons zwei Schaltflächen-Platzhalter.
Size setzt die Platzhalterhöhe mit phSmall, phNormal, phLarge oder phExtraLarge; Color nimmt einen TsgcHTMLColor.
BuildCard(lineCount, animation) gibt eine vollständige Skelettkarte zurück; BuildText(lineCount, animation) nur Textzeilen; BuildButton(animation) eine einzelne Schaltfläche.
HTML gibt die vollständige Bootstrap-Platzhalterkarte zurück — ersetzen Sie sie durch den echten Inhalt, sobald Ihre Daten geladen sind.
| Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 60 Komponenten. | Öffnen | |
| Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte. | Öffnen | |
| PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode. | Öffnen |