Avatar Bileşeni — sgcHTML | eSeGeCe

Avatar

TsgcHTMLComponent_Avatar — Delphi, C++ Builder ve .NET'te bir görüntü ya da baş harflerden, boyut, şekil ve varlık durumu noktası içeren bir kullanıcı avatarı işleyin.

Bir bakışta

TsgcHTMLComponent_Avatar

Bir görüntü ya da baş harfleri gösteren bir kullanıcı avatarı. Boyutu, şekli ve varlık durumunu ayarlayın, ardından HTML özelliğini okuyun.

Bileşen sınıfı

TsgcHTMLComponent_Avatar

İşler

Bootstrap 5 işaretlemesi

Aile

İçerik & Düzen

Diller

Delphi, C++ Builder, .NET

QuickStart

Oluşturun, kimliği ayarlayın, işleyin

Initials (ya da bir ImageURL) atayın, bir Size, Shape ve Status seçin, ardından HTML'i okuyun — ya da tek satırlık statik Build yardımcısını kullanın.

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);

Başvuru

Temel özellikler & yöntemler

En sık başvurduğunuz üyeler.

Kimlik

ImageURL bir fotoğraf gösterir; boş olduğunda Initials renkli bir kutu işler ve AltText görüntünün alternatif metnini ayarlar.

Boyut

Size (TsgcHTMLAvatarSize: asSmall, asMedium, asLarge, asXLarge) avatarı ölçeklendirir.

Şekil

Shape (TsgcHTMLAvatarShape: apCircle, apRounded, apSquare) köşeleri biçimlendirir.

Durum

Status (TsgcHTMLAvatarStatus: atOnline, atOffline, atBusy, atAway) bir varlık noktası çizer; StatusBorderWidth ve StatusBorderColor onu halkayla çevreler.

Renk

ColorStyle (TsgcHTMLColor) baş harf kutusunu temalandırır; Color bunu ham bir onaltılık değerle geçersiz kılar.

Tek satırda oluşturma

Build(aInitials, aSize, aColor, aStatus) ve BuildImage(aImageURL, aSize, aStatus), avatar HTML'ini tek bir statik çağrıda döndürür.

Kaynaklar

Keşfetmeye devam edin

	Çevrimiçi yardımBu bileşen için tam API referansı ve kullanım kılavuzu.	Aç
	Tüm sgcHTML Bileşenleri60'tan fazla bileşenin tam özellik matrisine göz atın.	Aç
	Ücretsiz Deneme Sürümünü İndirin30 günlük deneme, 60.HTML demo projeleriyle birlikte gelir.	Aç
	FiyatlandırmaTam kaynak kodlu Single, Team ve Site lisansları.	Aç