【新特性速递】指定提示信息的显示位置（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/

三石出品，必属精品