Snackbar

TsgcHTMLComponent_Snackbar — 渲染一个 Material 风格的瞬时 snackbar,带有可选的操作链接、颜色、屏幕位置和自动隐藏,适用于 Delphi、C++ Builder 和 .NET。

TsgcHTMLComponent_Snackbar

一个 snackbar 组件,发出作用域 CSS 以及一个定位的标记块。设置消息、颜色和位置,然后读取 HTML 属性 — 或调用静态 Build 辅助方法实现一行代码。

组件类

TsgcHTMLComponent_Snackbar

渲染为

作用域 CSS + snackbar 标记

语言

Delphi, C++ Builder, .NET

一行代码构建,或完整配置它

调用 Build(message, color, actionText, position) 可快速创建 snackbar,或创建组件、设置 ActionHrefAutoHideDelay,然后读取 HTML

uses
  sgcHTML_Enums, sgcHTML_Component_Snackbar;

// One-line static helper (primary form):
var
  vHTML: string;
begin
  vHTML := TsgcHTMLComponent_Snackbar.Build('Message sent.',
    hcSuccess, 'Undo', sbBottomRight);
  WebModule.Response := vHTML;
end;

// Or configure it fully:
var
  oSB: TsgcHTMLComponent_Snackbar;
begin
  oSB := TsgcHTMLComponent_Snackbar.Create(nil);
  try
    oSB.Message := 'Message sent.';
    oSB.Color := hcSuccess;
    oSB.Position := sbBottomRight;
    oSB.ActionText := 'Undo';
    oSB.ActionHref := '/undo';
    oSB.AutoHide := True;
    oSB.Delay := 4000;

    WebModule.Response := oSB.HTML;   // scoped CSS + snackbar markup
  finally
    oSB.Free;
  end;
end;
// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Snackbar.hpp

// One-line static helper (primary form):
String html = TsgcHTMLComponent_Snackbar::Build("Message sent.",
  hcSuccess, "Undo", sbBottomRight);

// Or configure it fully:
TsgcHTMLComponent_Snackbar *oSB = new TsgcHTMLComponent_Snackbar(NULL);
try
{
  oSB->Message = "Message sent.";
  oSB->Color = hcSuccess;
  oSB->Position = sbBottomRight;
  oSB->ActionText = "Undo";
  oSB->ActionHref = "/undo";
  oSB->AutoHide = true;
  oSB->Delay = 4000;

  String html = oSB->HTML;   // scoped CSS + snackbar markup
}
__finally
{
  delete oSB;
}
using esegece.sgcWebSockets;

// One-line static helper (primary form):
string html = TsgcHTMLComponent_Snackbar.Build("Message sent.",
    TsgcHTMLColor.hcSuccess, "Undo", TsgcHTMLSnackbarPosition.sbBottomRight);

// Or configure it fully:
var sb = new TsgcHTMLComponent_Snackbar();
sb.Message = "Message sent.";
sb.Color = TsgcHTMLColor.hcSuccess;
sb.Position = TsgcHTMLSnackbarPosition.sbBottomRight;
sb.ActionText = "Undo";
sb.ActionHref = "/undo";
sb.AutoHide = true;
sb.Delay = 4000;

string html = sb.HTML;   // scoped CSS + snackbar markup

关键属性与方法

您最常使用的成员。

内容

Message 是 snackbar 中显示的文本;SnackbarID 分配用于从 JavaScript 关闭它的元素 id。

操作

ActionText 添加一个尾随的操作按钮;设置 ActionHref 使其成为链接,否则点击时关闭 snackbar。

颜色

Color 接受一个 TsgcHTMLColor(默认 hcDark),为 snackbar 背景着色。

位置

PositionsbBottomsbTopsbBottomLeftsbBottomRightsbTopLeftsbTopRightTsgcHTMLSnackbarPosition)放置它。

自动隐藏

AutoHideDelay 毫秒(默认 4000)后通过发出的超时脚本移除 snackbar。

静态辅助方法与输出

Build(message, color, actionText, position) 返回一个现成的 snackbar;HTML 发出作用域 CSS、滑入标记和自动隐藏脚本。

继续探索

所有 sgcHTML 组件浏览 60 多个组件的完整功能矩阵。
下载免费试用版30 天试用版附带 60.HTML 演示项目。
价格Single、Team 和 Site 授权,均含完整源代码。

准备好开始了吗?

下载免费试用版,开始在 Delphi、C++ Builder 和 .NET 中构建 Web 界面。