【新特性速遞】指定提示信息的顯示位置（ToolTipPosition）

FineUIPro/Mvc/Core的下個版本（v7.0.0），我們可以爲提示信息指定顯示位置了。

 

首先來看下提示信息的樣式變化，之前版本的純色背景主題，提示信息是白底黑色，容易和正文文本搞混淆，如下所示：

 

新版本則變爲黑底白字，更加現代化：

 

下面來看下如何指定提示信息的顯示位置，我們新增了ToolTipPosition枚舉類型：

public enum ToolTipPosition
{
	/// <summary>
	/// 未定義
	/// </summary>
	Undefined,
	/// <summary>
	/// 頂部居中
	/// </summary>
	Top,
	/// <summary>
	/// 頂部開始
	/// </summary>
	TopStart,
	/// <summary>
	/// 頂部末尾
	/// </summary>
	TopEnd,
	/// <summary>
	/// 底部居中
	/// </summary>
	Bottom,
	/// <summary>
	/// 底部開始
	/// </summary>
	BottomStart,
	/// <summary>
	/// 底部末尾
	/// </summary>
	BottomEnd,
	/// <summary>
	/// 左側居中
	/// </summary>
	Left,
	/// <summary>
	/// 左側開始
	/// </summary>
	LeftStart,
	/// <summary>
	/// 左側末尾
	/// </summary>
	LeftEnd,
	/// <summary>
	/// 右側居中
	/// </summary>
	Right,
	/// <summary>
	/// 右側開始
	/// </summary>
	RightStart,
	/// <summary>
	/// 右側末尾
	/// </summary>
	RightEnd
}

 

並分別爲如下控件增加了ToolTipPosition相關的屬性：

• 爲Label、LinkButton、Image、HyperLink、Tool新增ToolTipPosition屬性。
• 爲面板控件增加TitleToolTipPosition屬性。
• 爲表格列增加HeaderToolTipPosition屬性，新增示例：表格控件/標題欄/標題欄（提示信息）。
• 爲表格列BoundField、CheckBoxField、HyperLinkField、ImageField、LinkButtonField、WindowField新增ToolTipPosition屬性。
• 爲表格列RenderField新增ToolTipPosition屬性。

如果未設置ToolTipPosition屬性，則默認顯示在光標的位置。

 

下面看下顯示效果：

　　

 

來一張動圖，預覽全部顯示位置：

 

 

歡迎入夥：https://fineui.com/fans/

三石出品，必屬精品