红鱼儿

图文解说ChinaCock uniGUI界面组件-TCCUniGUIDBGrid

基于官方的uniDBGrid,TCCUniGUIDBGrid扩充了非常实用的功能,可以设计出下面的效果的Grid,并且不用一行CSS或者JS代码,这对Delphi开发者是个福音。

也许你已经发现,Grid是透明的,与地图融为一体。透明是一项非常重要的功能,当你想在大屏上用Grid来显示数据,透明效果是必须的。

接下来,我们看看如何通过设置这个控件的属性,进一步定制自己需要的Grid显示风格

1.GridConfig

在官方uniDBGrid基础上,CCuniGUIDBGrid主要增加了GridConfig属性,来定制官方没有实现的功能,如Grid的透明,表头的高度,定制工具按钮,合计行的高度等等。

1.1 BodyBackgroundColor

设置Grid内容部分的背景色,通过RGBA设置,A是设置透明度,范围是0-1.

Enabled:是否使用这里的属性值,如果为False,则采用原来的默认值。

下面关于Grid其他部分的背景色设置,与这里一样的用法,都可以透明度,最终实现整体Grid为透明效果。

1.2 ColumnHeight

设置列头的高度,通过设置列头的高度,可以轻松的实现表头的行高与内容的行高一致的效果。通过RowHeight可以设置内容区的行高,一般情况下,我是喜欢ColumnHeight与RowHeight设置成30,下面还会提到合计行的高度,我也是设置成30.

1.3 EnableTextSelection

设置是否允许选择单元格内的文本内容。默认是不允许的。

1.4 EvenRowBackgroundColor与OddRowBackgroundColor:

设置偶数行与奇数行的背景色,为了使这两个属性生效,必须设置StripsRows为True,这是官方Grid自带的属性。

1.5 FooterBackgroundColor

设置Grid页脚的背景色

1.6 Header BackgroundColor

设置Grid页头的背景色

1.7 HoverRowStyle

设置悬停行的显示样式,什么是悬停行,即鼠标移动到内容区具体一行上时,这行即称为悬停行。

如下图,可以设置他的背景色、边框样式、颜色及字体。

1.8 PagingToolbarConfig

设置工具条,如下图,可以设置工具条上默认显示的第一个按钮的显示颜色,图标。注意:RefreshVisible可以隐藏刷新按钮。作者采用了iconfont的字体图标,比起原来uniGUI自带的要精致很多。

1.9 SummaryConfig

设置合计行的显示样式,具体可以设置合计行的背景颜色,内容的颜色及合计行的高度。这里,我们可以设置合计与内容行一样的显示高度,这样,整体上的表头每行的行高与内容行高及合计行高都保持一致,这才是该有的样子。

1.10 CheckBoxSelectionColumnConfig

 

 

2 RowNumberConfig

设置行号列,可以设置行号列的显示标题及他的显示宽度。看图一,每行的行号是垂直居中的,官方的一直存在的问题是你改了RowHeight后,靠上显示,这太影响显示效果了! 

写到这里,想必你也能轻松的Delphi IDE中设置出你需要的、完美的Grid。感谢作者辛勤的努力,做出如此完美的控件,造福Delphi uniGUI的开发者!对此感兴趣,可以加入的QQ群:223717588,如果你想无尝白嫖,那还是算了。

 


 

posted on 2022-05-29 15:04  红鱼儿  阅读(1327)  评论(0编辑  收藏  举报