Avatar

TsgcHTMLComponent_Avatar — Delphi, C++ Builder 및 .NET에서 크기, 모양 및 접속 상태 점을 갖춘 사용자 아바타를 이미지 또는 이니셜로 렌더링합니다.

TsgcHTMLComponent_Avatar

이미지 또는 이니셜을 표시하는 사용자 아바타입니다. 크기, 모양 및 접속 상태를 설정한 다음, HTML 속성을 읽습니다.

컴포넌트 클래스

TsgcHTMLComponent_Avatar

렌더링

Bootstrap 5 마크업

언어

Delphi, C++ Builder, .NET

생성하고, 신원을 설정하고, 렌더링하기

Initials(또는 ImageURL)를 할당하고, Size, ShapeStatus를 선택한 다음, HTML을 읽습니다 — 또는 정적 한 줄 Build 헬퍼를 사용하십시오.

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

주요 속성 및 메서드

가장 자주 사용하게 되는 멤버.

신원

ImageURL은 사진을 표시합니다. 비어 있으면 Initials가 색상 타일을 렌더링하고 AltText가 이미지 대체 텍스트를 설정합니다.

크기

Size(TsgcHTMLAvatarSize: asSmall, asMedium, asLarge, asXLarge)는 아바타의 크기를 조정합니다.

모양

Shape(TsgcHTMLAvatarShape: apCircle, apRounded, apSquare)는 모서리 스타일을 지정합니다.

상태

Status(TsgcHTMLAvatarStatus: atOnline, atOffline, atBusy, atAway)는 접속 점을 그립니다. StatusBorderWidthStatusBorderColor가 그 테두리를 둘러쌉니다.

색상

ColorStyle(TsgcHTMLColor)은 이니셜 타일에 테마를 적용합니다. Color는 원시 16진수 값으로 이를 재정의합니다.

한 줄 빌드

Build(aInitials, aSize, aColor, aStatus)BuildImage(aImageURL, aSize, aStatus)는 단일 정적 호출로 아바타 HTML을 반환합니다.

계속 살펴보기

모든 sgcHTML 컴포넌트60개 이상의 컴포넌트 전체 기능 매트릭스를 둘러보십시오.
무료 체험판 다운로드30일 체험판에는 60.HTML 데모 프로젝트가 포함됩니다.
가격전체 소스 코드가 포함된 Single, Team 및 Site 라이선스.

시작할 준비가 되셨습니까?

무료 체험판을 다운로드하고 Delphi, C++ Builder 및 .NET에서 웹 UI를 구축하기 시작하십시오.