Avatar
TsgcHTMLComponent_Avatar — render een gebruikersavatar op basis van een afbeelding of initialen met formaat, vorm en een aanwezigheidsstatusstip, in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_Avatar — render een gebruikersavatar op basis van een afbeelding of initialen met formaat, vorm en een aanwezigheidsstatusstip, in Delphi, C++ Builder en .NET.
Een gebruikersavatar die ofwel een afbeelding ofwel initialen toont. Stel het formaat, de vorm en de aanwezigheidsstatus in en lees vervolgens de eigenschap HTML.
TsgcHTMLComponent_Avatar
Bootstrap 5-markup
Delphi, C++ Builder, .NET
Wijs Initials (of een ImageURL) toe, kies een Size, Shape en Status en lees vervolgens HTML — of gebruik de statische one-line Build-helper.
uses
sgcHTML_Enums, sgcHTML_Component_Avatar;
var
oAv: TsgcHTMLComponent_Avatar;
begin
oAv := TsgcHTMLComponent_Avatar.Create(nil);
try
oAv.Initials := 'JS';
oAv.AltText := 'Jane Smith';
oAv.Size := asLarge;
oAv.Shape := apCircle;
oAv.ColorStyle := hcPrimary;
oAv.Status := atOnline;
WebModule.Response := oAv.HTML; // avatar markup
finally
oAv.Free;
end;
end;
// Or in a single line with the static helpers:
Result := TsgcHTMLComponent_Avatar.Build('JS', asLarge, '#0d6efd', atOnline);
Result := TsgcHTMLComponent_Avatar.BuildImage('/img/jane.jpg', asLarge, atOnline);
// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Avatar.hpp
TsgcHTMLComponent_Avatar *oAv = new TsgcHTMLComponent_Avatar(NULL);
try
{
oAv->Initials = "JS";
oAv->AltText = "Jane Smith";
oAv->Size = asLarge;
oAv->Shape = apCircle;
oAv->ColorStyle = hcPrimary;
oAv->Status = atOnline;
String html = oAv->HTML; // avatar markup
}
__finally
{
delete oAv;
}
// Or in a single line with the static helpers:
String html = TsgcHTMLComponent_Avatar::Build("JS", asLarge, "#0d6efd", atOnline);
String img = TsgcHTMLComponent_Avatar::BuildImage("/img/jane.jpg", asLarge, atOnline);
using esegece.sgcWebSockets;
var avatar = new TsgcHTMLComponent_Avatar();
avatar.Initials = "JS";
avatar.AltText = "Jane Smith";
avatar.Size = TsgcHTMLAvatarSize.asLarge;
avatar.Shape = TsgcHTMLAvatarShape.apCircle;
avatar.ColorStyle = TsgcHTMLColor.hcPrimary;
avatar.Status = TsgcHTMLAvatarStatus.atOnline;
string html = avatar.HTML; // avatar markup
// Or in a single line with the static helpers:
string oneLine = TsgcHTMLComponent_Avatar.Build("JS", TsgcHTMLAvatarSize.asLarge,
"#0d6efd", TsgcHTMLAvatarStatus.atOnline);
string fromImage = TsgcHTMLComponent_Avatar.BuildImage("/img/jane.jpg",
TsgcHTMLAvatarSize.asLarge, TsgcHTMLAvatarStatus.atOnline);
De members die je het vaakst gebruikt.
ImageURL toont een foto; wanneer leeg, rendert Initials een gekleurde tegel en stelt AltText de alt-tekst van de afbeelding in.
Size (TsgcHTMLAvatarSize: asSmall, asMedium, asLarge, asXLarge) schaalt de avatar.
Shape (TsgcHTMLAvatarShape: apCircle, apRounded, apSquare) styelt de hoeken.
Status (TsgcHTMLAvatarStatus: atOnline, atOffline, atBusy, atAway) tekent een aanwezigheidsstip; StatusBorderWidth en StatusBorderColor omkaderen die.
ColorStyle (TsgcHTMLColor) geeft de initialentegel een thema; Color overschrijft dit met een ruwe hexwaarde.
Build(aInitials, aSize, aColor, aStatus) en BuildImage(aImageURL, aSize, aStatus) geven de avatar-HTML terug in een enkele statische aanroep.