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

FineUIPro/Mvc/Core的下个版本（v7.0.0），我们可以为提示信息指定显示位置了。

 

首先来看下提示信息的样式变化，之前版本的纯色背景主题，提示信息是白底黑色，容易和正文文本搞混淆，如下所示：

 

新版本则变为黑底白字，更加现代化：

 

下面来看下如何指定提示信息的显示位置，我们新增了ToolTipPosition枚举类型：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55

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/

三石出品，必属精品