FGX.Layout.Types.TfgChildrenAlignment: различия между версиями

Материал из FGX Native Докуметации
Перейти к навигации Перейти к поиску
(summary)
(summary)
 
(не показаны 34 промежуточные версии этого же участника)
Строка 1: Строка 1:
* [[ FGX.Layout.Types | Вверх к родителю: FGX.Layout.Types ]]
+
* [[ FGX.Types.TfgPersistent | Вверх к родителю: TfgPersistent ]]
 +
* [[ FGX.Layout.Types | К модулю: FGX.Layout.Types ]]
  
 
Delphi
 
Delphi
  
 
<syntaxhighlight lang="Delphi">TfgChildrenAlignment = class (TfgPersistent)</syntaxhighlight>
 
<syntaxhighlight lang="Delphi">TfgChildrenAlignment = class (TfgPersistent)</syntaxhighlight>
 +
 +
<p class="class-inheritance"><span class="type-border">[[System.Classes.TPersistent|TPersistent]]</span> -> <span class="type-border">[[FGX.Types.TfgPersistent|TfgPersistent]]</span> -> <span class="type-border">[[FGX.Layout.Types.TfgChildrenAlignment|TfgChildrenAlignment]]</span></p>
 +
 +
== Описание ==
 +
 +
<p>Настройки выравнивания дочерних контролов</p>
 +
== Конструкторы ==
 +
 +
{| class="wikitable sortable"
 +
|-
 +
| <syntaxhighlight lang="Delphi">constructor</syntaxhighlight> || <code>Create(AOwner: [[TPersistent]])</code>
 +
<span style="color:gray">Описание отсутствует.</span>
 +
|}
 +
 +
== Методы ==
 +
 +
{| class="wikitable sortable"
 +
|-
 +
| <syntaxhighlight lang="Delphi">function</syntaxhighlight> || <code lang="Delphi">ToString(): [[string]]</code>
 +
<span style="color:gray">Описание отсутствует.</span>
 +
|-
 +
| <syntaxhighlight lang="Delphi">function</syntaxhighlight> || <code lang="Delphi">AreDefaultValues(): [[Boolean]]</code>
 +
<span style="color:gray">Описание отсутствует.</span>
 +
|}
 +
 +
== Свойства ==
 +
 +
{| class="wikitable sortable"
 +
|-
 +
| <syntaxhighlight lang="Delphi">property</syntaxhighlight> || <code>DefaultDirection: [[FGX.Layout.Types.TfgFlexDirection|TfgFlexDirection]]</code>
 +
<span style="color:gray">Описание отсутствует.</span>
 +
|-
 +
| <syntaxhighlight lang="Delphi">property</syntaxhighlight> || <code>Direction: [[FGX.Layout.Types.TfgFlexDirection|TfgFlexDirection]]</code>
 +
<p>The <b>Direction</b> property controls the direction in which children are laid out.</p><p><b>Direction</b> introduces another important aspect of Flexbox, the main and cross axes. This is important as other properties will reference which axis they operate on. Simply put, the main axis follows the <b>Direction</b> and the cross axis crosses the main axis at a 90 degree angle.</p>
 +
|-
 +
| <syntaxhighlight lang="Delphi">property</syntaxhighlight> || <code>Wrap: [[FGX.Layout.Types.TfgFlexWrap|TfgFlexWrap]]</code>
 +
<p><b>Wrap</b> property is set on containers and controls what happens when children overflow the size of the container along the main axis (see <b>Direction</b> property).</p><p>If a container specifies <b>Wrap</b> then its children will wrap to the next line instead of overflowing. The next line will have the same <b>Direction</b> as the first line and will appear next to the first line along the cross axis – below it if using <b>Direction = Column</b> and to the right if using <b>Direction = Row</b> .</p>
 +
|-
 +
| <syntaxhighlight lang="Delphi">property</syntaxhighlight> || <code>JustifyContent: [[FGX.Layout.Types.TfgJustifyContent|TfgJustifyContent]]</code>
 +
<p>The <b>JustifyContent</b> property describes how to align children within the main axis of a container.</p><p>For example, you can use this property to center a child horizontally within a container with <b>Direction = Row</b> or vertically within a container with <b>Direction = Column</b> .</p>
 +
|-
 +
| <syntaxhighlight lang="Delphi">property</syntaxhighlight> || <code>AlignItems: [[FGX.Layout.Types.TfgAlignItems|TfgAlignItems]]</code>
 +
<p>The <b>AlignItems</b> property describes how to align children along the cross axis of their container. <b>AlignItems</b> is very similar to <b>JustifyContent</b> but instead of applying to the main axis, it applies to the cross axis.</p><p>The only non-obvious option of the four is <b>Stretch</b> . With <b>AlignItems = Stretch</b> you instruct children to match the size of their container in the cross axis.</p>
 +
|-
 +
| <syntaxhighlight lang="Delphi">property</syntaxhighlight> || <code>AlignContent: [[FGX.Layout.Types.TfgAlignContent|TfgAlignContent]]</code>
 +
<p>The <b>AlignContent</b> property is used to control how multiple lines of content are aligned within a container which uses <b>FlexWrap = wrap</b> .</p>
 +
|}
 +
 +
== Константы ==
 +
 +
{| class="wikitable sortable"
 +
|-
 +
| <syntaxhighlight lang="Delphi">const</syntaxhighlight> || <code>DefaultDefaultDirection: [[FGX.Layout.Types.TfgFlexDirection|TfgFlexDirection]]</code>
 +
<span style="color:gray">Описание отсутствует.</span>
 +
|-
 +
| <syntaxhighlight lang="Delphi">const</syntaxhighlight> || <code>DefaultWrap: [[FGX.Layout.Types.TfgFlexWrap|TfgFlexWrap]]</code>
 +
<span style="color:gray">Описание отсутствует.</span>
 +
|-
 +
| <syntaxhighlight lang="Delphi">const</syntaxhighlight> || <code>DefaultJustifyContent: [[FGX.Layout.Types.TfgJustifyContent|TfgJustifyContent]]</code>
 +
<span style="color:gray">Описание отсутствует.</span>
 +
|-
 +
| <syntaxhighlight lang="Delphi">const</syntaxhighlight> || <code>DefaultAlignItems: [[FGX.Layout.Types.TfgAlignItems|TfgAlignItems]]</code>
 +
<span style="color:gray">Описание отсутствует.</span>
 +
|-
 +
| <syntaxhighlight lang="Delphi">const</syntaxhighlight> || <code>DefaultAlignContent: [[FGX.Layout.Types.TfgAlignContent|TfgAlignContent]]</code>
 +
<span style="color:gray">Описание отсутствует.</span>
 +
|}

Текущая версия на 17:20, 23 декабря 2022

Delphi

TfgChildrenAlignment = class (TfgPersistent)

TPersistent -> TfgPersistent -> TfgChildrenAlignment

Описание

Настройки выравнивания дочерних контролов

Конструкторы

constructor
Create(AOwner: TPersistent)

Описание отсутствует.

Методы

function
ToString(): string

Описание отсутствует.

function
AreDefaultValues(): Boolean

Описание отсутствует.

Свойства

property
DefaultDirection: TfgFlexDirection

Описание отсутствует.

property
Direction: TfgFlexDirection

The Direction property controls the direction in which children are laid out.

Direction introduces another important aspect of Flexbox, the main and cross axes. This is important as other properties will reference which axis they operate on. Simply put, the main axis follows the Direction and the cross axis crosses the main axis at a 90 degree angle.

property
Wrap: TfgFlexWrap

Wrap property is set on containers and controls what happens when children overflow the size of the container along the main axis (see Direction property).

If a container specifies Wrap then its children will wrap to the next line instead of overflowing. The next line will have the same Direction as the first line and will appear next to the first line along the cross axis – below it if using Direction = Column and to the right if using Direction = Row .

property
JustifyContent: TfgJustifyContent

The JustifyContent property describes how to align children within the main axis of a container.

For example, you can use this property to center a child horizontally within a container with Direction = Row or vertically within a container with Direction = Column .

property
AlignItems: TfgAlignItems

The AlignItems property describes how to align children along the cross axis of their container. AlignItems is very similar to JustifyContent but instead of applying to the main axis, it applies to the cross axis.

The only non-obvious option of the four is Stretch . With AlignItems = Stretch you instruct children to match the size of their container in the cross axis.

property
AlignContent: TfgAlignContent

The AlignContent property is used to control how multiple lines of content are aligned within a container which uses FlexWrap = wrap .

Константы

const
DefaultDefaultDirection: TfgFlexDirection

Описание отсутствует.

const
DefaultWrap: TfgFlexWrap

Описание отсутствует.

const
DefaultJustifyContent: TfgJustifyContent

Описание отсутствует.

const
DefaultAlignItems: TfgAlignItems

Описание отсутствует.

const
DefaultAlignContent: TfgAlignContent

Описание отсутствует.