Avatar

TsgcHTMLComponent_Avatar — 画像またはイニシャルから、サイズ・形状・プレゼンスステータスのドットを備えたユーザーアバターを Delphi、C++ Builder、.NET でレンダリングします。

TsgcHTMLComponent_Avatar

画像またはイニシャルのいずれかを表示するユーザーアバターです。サイズ、形状、プレゼンスステータスを設定したら、HTML プロパティを読み取ります。

コンポーネントクラス

TsgcHTMLComponent_Avatar

レンダリング結果

Bootstrap 5 マークアップ

言語

Delphi, C++ Builder, .NET

作成し、識別情報を設定し、レンダリングする

Initials(または ImageURL)を割り当て、SizeShapeStatus を選んだら、HTML を読み取ります — あるいは 1 行で済む静的な 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 が画像の alt テキストを設定します。

サイズ

SizeTsgcHTMLAvatarSizeasSmallasMediumasLargeasXLarge)がアバターを拡大縮小します。

形状

ShapeTsgcHTMLAvatarShapeapCircleapRoundedapSquare)が角のスタイルを設定します。

ステータス

StatusTsgcHTMLAvatarStatusatOnlineatOfflineatBusyatAway)がプレゼンスドットを描画します。StatusBorderWidthStatusBorderColor がその周囲に枠を付けます。

ColorStyleTsgcHTMLColor)がイニシャルタイルにテーマを適用します。Color は生の 16 進値でそれを上書きします。

1 行ビルド

Build(aInitials, aSize, aColor, aStatus)BuildImage(aImageURL, aSize, aStatus) は、1 回の静的呼び出しでアバターの HTML を返します。

さらに詳しく

すべての sgcHTML コンポーネント60 種類以上のコンポーネントの完全な機能マトリックスを見る。
無料体験版をダウンロード30 日間の体験版には 60.HTML デモプロジェクトが付属します。
価格完全なソースコード付きの Single、Team、Site ライセンス。

始める準備はできましたか?

無料体験版をダウンロードして、Delphi、C++ Builder、.NET で Web UI の構築を始めましょう。