在最新的DevExpress WinForm版本中，開發(fā)者可以使用WinForm產(chǎn)品線（通過DevExpress AlertControl和ToastNotificationManager）創(chuàng)建兩種類型的通知/警報，最近技術團隊還推薦使用DevExpress 來顯示原生 Windows 10+ 通知。

獲取工具下載 - DevExpress v21.2

盡管自定義選項有些有限（toast 僅提供九個布局模板），但ToastNotificationManager 代表了比傳統(tǒng)的基于面板的更好、更現(xiàn)代的替代方案。

在最新版中為AlertControl發(fā)布的HTML & CSS 模板，允許開發(fā)人員創(chuàng)建時尚的警告通知，同時可利用AlertControl 本身的簡單性。下圖說明了技術團隊提供的一些示例模板（查找您喜歡的模板并將其復制到項目中）：

大多數(shù)通知只是一個帶有幾個文本塊、圖像和按鈕的矩形，設計這樣簡單的對象對每個人來說都應該相對容易——無論您有 HTML 和 CSS 經(jīng)驗，還是開始在WinForms 應用程序中利用其潛力。 例如以下模板創(chuàng)建一個帶有圖標、標題、描述和“確定”按鈕的通知。

<div class="container">
<div class="popup">
<img src="${SvgImage}" class="image" />
<div class="caption">Notification Title</div>
<div class="text">This notification uses a web-inspired template.</div>
<div id="okButton" class="ok-button">OK</div>
</div>
</div>

請注意，在此示例標記中，通知標題和說明是靜態(tài)字符串。 如果您要為用戶顯示一條消息，此解決方案就可以正常工作。

當然我們的數(shù)據(jù)綁定功能提供了更大的靈活性——您可以創(chuàng)建一個模板并將不同的數(shù)據(jù)對象傳遞給它。 因此，您可以為多個通知消息重用一個模板。

如果您更喜歡此選項，請使用 ${Data_property_name} 占位符，如下所示：

<div class="text">${Caption}</div>
<div class="text">${Text}</div>

“Caption”和“Text”是標準占位符，可以通過 AlertControl.Show 重載直接替換：

alertControl1.Show(this, "Sample caption", "Sample notification text");

您可以添加模板設計所需的任意數(shù)量的占位符，但請記住處理 AlertControl.BeforeFormShow 事件并將數(shù)據(jù)對象傳遞給 e.HtmlPopup.DataContext 屬性。 例如，下面的代碼使用 div 元素來顯示由五個占位符組合而成的字符串：兩個用于字符串值（FullName、Ticker），兩個用于數(shù)字（Percentage、Price），一個用于自定義 Direction 枚舉值。

<div class="message-text">
${FullName} ({Ticker}) {Direction} {Percentage}%. The current price is ${Price}.
</div>

通知圖像也在運行時檢索，img 標簽使用占位符替代靜態(tài) src 屬性值。

<img src="${StockImage}" class="message-image" />

此示例應用程序使用 StockInfo 類對象作為數(shù)據(jù)項。

public class StockInfo {
public StockInfo(string ticker, string fullName, Direction direction,
double percentage, double price, SvgImage img) {
Ticker = ticker;
FullName = fullName;
Direction = direction;
Percentage = percentage;
Price = price;
StockImage = img;
}

public string Ticker { get; set; }
public string FullName { get; set; }
public Direction Direction { get; set; }
public double Percentage { get; set; }
public double Price { get; set; }
public SvgImage StockImage { get; set; }
}

public enum Direction {
[Description("rises")]
Up,
[Description("falls")]
Down
}

當數(shù)據(jù)項的 "Price" 值在短時間內(nèi)發(fā)生顯著變化時會觸發(fā)通知，相應的項目分配給 AlertControl.BeforeFormShow 事件處理程序中的 e.HtmlPopup.DataContext 屬性。

void AlertControl1_BeforeFormShow(object sender, AlertFormEventArgs e) {
// TODO: Retrieve a data item
e.HtmlPopup.DataContext = myStockInfoInstance;
}

因此，通知會從指定為 DataContext 的數(shù)據(jù)項中檢索其 ${Field_Name} 占位符的數(shù)據(jù)。 請注意，邊條的顏色會根據(jù) "Direction" 枚舉值而變化。

DevExpress WinForm | 下載試用

DevExpress WinForm擁有180+組件和UI庫，能為Windows Forms平臺創(chuàng)建具有影響力的業(yè)務解決方案。DevExpress WinForms能完美構(gòu)建流暢、美觀且易于使用的應用程序，無論是Office風格的界面，還是分析處理大批量的業(yè)務數(shù)據(jù)，它都能輕松勝任！

更多產(chǎn)品正版授權(quán)詳情及優(yōu)惠，歡迎咨詢

DevExpress技術交流群6：600715373      歡迎一起進群討論