首页 > 其他分享 >delphi TcxGrid网格组件:用CxGrid制作卡片视图

delphi TcxGrid网格组件:用CxGrid制作卡片视图

时间:2022-09-07 11:15:38浏览次数:91  
标签:TcxGrid 卡片 delphi 视图 设置 True ID 属性

一.删除 cxGrid1DBTableView视图.

  TcxGrid 在创建时,会自动添加一个cxGrid1DBTableView1视图,我们需要删除它

  

 

二.创建卡片视图.  

  

 

三.链接数据库.

 

 

效果就出来了,但这只是最初始的状态,需要进一步美化.

 

 

 

 四.美化.选择其中一个卡版(局部设置)

  1.字段位置可以通过拖拉的方式调整位置

  2.Position属性.

    BeginsLayer: 如果为True,则独占一行显示.如果为false,则自动贴到上一个为True的行上面,比如图中的  图片ID,它的BeginsLayer属性为false,就会往  父级ID  上面贴.

    IndexLayer: 如果同一行内有多个字段,如图中的 父级ID 与  图片ID,就可以通过它设置这两个字段的前后顺序. 把 父级ID的IndexLayer值 设置为1,则 图片ID会被调到左边,父级ID被调到右边

    LayerIndex: 垂直方向上,字段的排序顺序,可以用过拖拉的方式设置,也可以直接输值,进行设置.

    LineCount: 当前选中行的行高倍数.1为1倍,2为2倍,这里可以变相的来设置行高.在个性设置中相当有用.

    width:对独占一行的字段无效.如图中的ID,组织名称等.对于同一行内有多个字段的行,如图中的 父级ID 与  图片ID,可以通过此属性分别设置其宽度(先选中,后设置)

 

 五.OptionView属性(全局).

  CarAutoWidth: 默认为False.当设置为True时,用户在改变窗体大小时,卡片会智能缩放,很有用的一个属性.

  CarIndent: 卡片四周的间距.

  CarBorderWidth: 选中卡片时,卡片四周会出现一个边框,这个属性是用来设置边框大小的.

  

 

 

   EmptyRow: 当设置为false时,会把无值的行隐藏起来,会使卡片变形.所以默认为True就好.

  FoucsRect:当设置为True时,选中的cell会出现虚框

 

  CellAutoHeight: 当cell里面内容过多无法全部显示时,会自动换行.如下图.

 

这里又会产生一个问题,卡片变形了!
  解决方案: 点选 卡片里的[包装部],position-LineCount设置为2即可(分成了多少行,就设置成多少),效果如下:

 

 

   CellTextMaxLineCount: 这个属性是用来限制CellAutoHeight最大行数的,避免分行过多的情况.

  CellEndEllipsis:  End,末尾,Ellipsis省略号.即当cell里面内容过多,无法全部显示时,用省略号表示.注意:此属性与CellAutoHeight有冲突,不建议同时勾选.

  

 

 

   RowCaptionAutoHeight与RowCaptionEndEllipsis 这两个属性与 CellAutoHeight/CellEndEllipsis 属性作用相似,只是它们是用来设置字段名的,CellAutoHeight/CellEndEllipsis是用来设置值的.

  

其他属性:

 

  

 

 

 

  六.Style属性(全局)

    每一个部分都可以设置不同的样式.

  

 

 

   

选中任一卡片,可以进行局部样式设置,看上去比全局属性要少很多

 

 

标签:TcxGrid,卡片,delphi,视图,设置,True,ID,属性
From: https://www.cnblogs.com/yoooos/p/16661271.html

相关文章