TdxGalleryControl Object

Concepts   Hierarchy   Properties   Methods   Events

一个画廊式控件

Unit dxGalleryControl

Syntax

TdxGalleryControl = class(TdxCustomGalleryControl)

Description

这是一个画廊式的控件,您可以用来呈现一些图片,像一个画廊一样分类;您也可以作为一个菜单来用。

如图所示:

IOS 实现画廊 画廊组件_控件

TdxGalleryControl Properties

TdxGalleryControl  

In TdxGalleryControl    

AutoSizeMode      是否启用自动大小模式

BorderStyle    四周边框的风格

Derived from TdxCustomGalleryControl      

ColumnCount      列数

ContentOffset      内容的位移值

ContentOffsetGroups    组的位移值  

ContentOffsetItems      内容项的位移值 

Gallery      画廊:双击可进行可视行编辑

Images      关联的图片列表

ItemCheckMode      是否启用单选框

ItemImageSize      项的图片大小

ItemShowHint      项是否显示提示

ItemShowImageFrame      项是否显示图片边框

ItemTextPosition       项的文本位置

OptionsBehavior   行为选项  

OptionsView         视图查看选项

TdxGalleryControl.AutoSizeMode

TdxGalleryControl

是否用画廊的自动大小模式

Syntax


type  TdxAutoSizeMode = (asNone, asAutoWidth, asAutoHeight, asAutoSize);property AutoSizeMode: TdxAutoSizeMode;


Description

该属性有以下选项:

Value

Description

asAutoHeight

指定是否自动调整画廊的高度以完全垂直显示其内容。如果画廊的OptionsView.ColumnCount属性设置为0,则画廊的高度将根据画廊控件的设置宽度自动调整。

asAutoSize

是否自动调整大小以显示其全部内容。

asAutoWidth

画廊的宽度是否自动调整以完全水平显示其内容。

asNone

画廊的大小不会自动调整,也不会按指定的宽度和高度。将显示一个垂直滚动条,内容比较多的时候。

下图演示了此属性对控件外观的影响。

AutoSizeMode = asNone

AutoSizeMode = asAutoWidth

IOS 实现画廊 画廊组件_linq_02

IOS 实现画廊 画廊组件_IOS 实现画廊_03

该属性的默认值为 asNone.

TdxCustomGalleryControl.Gallery

TdxCustomGalleryControl

一个可视行编辑,用了编辑那些组和项显示在画廊里面

Syntax


property Gallery: TdxGalleryControlStructure;


Description

在设计时,属性提供一个直观的设计器窗口。您可以使用以下方法调用此设计器窗口:

  • 双击在窗体上的TdxGalleryControl组件;
  • 在TdxGalleryControl组件的右击快捷菜单中选择Edit…;
  • 在对象属性编辑器中,单击Gallery属性旁边的省略号按钮。

下图显示了加入示例组和项目的设计器窗口。

IOS 实现画廊 画廊组件_wpf_04

您可以在设计器窗口中选择多个项目和/或组,同时按住Ctrl或Shift键。此外,您还可以在按住Ctrl键的同时通过拖放复制选定的项/组。

TdxGalleryControlOptionsBehavior Properties

TdxGalleryControlOptionsBehavior   Legend

In TdxGalleryControlOptionsBehavior    

ItemCheckMode      项的单选框的模式

ItemMultiSelectKind     项是否允许多选

ItemShowHint     项是否允许显示提示信息

TdxGalleryControlOptionsView Properties

TdxGalleryControlOptionsView   Legend

In TdxGalleryControlOptionsView      

ColumnAutoWidth    列是否自动宽度  

ColumnCount       列数

ContentOffset      内容的位移

ContentOffsetGroups      内容的组位移

ContentOffsetItems      内容的项位移

Item

 

TdxGalleryControlOptionsView.ColumnCount

指定列的数目


property ColumnCount: Integer;


Description

下图演示不同列数的效果

ColumnCount = 4

ColumnCount = 6

IOS 实现画廊 画廊组件_wpf_05

IOS 实现画廊 画廊组件_wpf_05

TdxGalleryControlOptionsView.ContentOffset

TdxGalleryControlOptionsView

指定画廊的间隙

Syntax


property ContentOffset: TcxMargin;


Description

此属性设置控件边界和内容之间的距离。

下图显示了设置ContentOffset时控件的外观如何变化,其中 ContentOffset.Top (顶部)设置为20。

Defaul ContentOffset

ContentOffset.Top = 20

IOS 实现画廊 画廊组件_p2p_07

IOS 实现画廊 画廊组件_IOS 实现画廊_08

所有的默认间隙(ContentOffset.All)属性值为 1.

TdxGalleryControlOptionsView.ContentOffsetGroups

TdxGalleryControlOptionsView

组内部的间隙值

Syntax


property ContentOffsetGroups: TcxMargin;


Description

此属性为组的内部间隙。

下图显示了设置ContentOffsetGroups时控件的外观是如何变化的,我们设置了ContentOffsetGroups.Bottom 为10。

Default ContentOffsetGroups

ContentOffsetGroups.Bottom = 10

IOS 实现画廊 画廊组件_linq_09

IOS 实现画廊 画廊组件_wpf_10

所有的组间隙的默认值为 0.

TdxGalleryControlOptionsView.ContentOffsetItems

TdxGalleryControlOptionsView

项与项之间的间隙;


property ContentOffsetItems: TcxMargin

;


Description

此属性为项之间的间隙。

下图显示了设置ContentOffsetItems时控件的外观如何变化,我们设置ContentOffsetItems.Left (项的左间隙)为30。

Default ContentOffsetItems

ContentOffsetItems.Left = 30

IOS 实现画廊 画廊组件_控件_11

IOS 实现画廊 画廊组件_wpf_12

项的间隙值默认都是 6.

TdxGalleryControl Events(事件)

TdxGalleryControl   Legend
Derived from TdxCustomGalleryControl      
OnItemClick  点击项的事件