> ## Documentation Index
> Fetch the complete documentation index at: https://docs.abbyy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Beispiel 1. Schritt 20: Beschreibung des Feldes YOUR PHOTO IN FANCY DRESS

> Extrahieren Sie das Feld YOUR PHOTO IN FANCY DRESS in Beispiel 1, indem Sie eine Object Collection und vier Separator-Elemente in einem zusammengesetzten Photo-Element gruppieren.

Wie bereits in [Schritt 6](/de/flexi-capture/fls/tutorial/step6) erwähnt, wurden auf den Bildern 1 und 6 nicht alle Teile des Fotos als Bildobjekte vom Typ **Picture** erkannt.

Um ein vollständiges Foto zu erhalten, muss das Programm alle Typen von **Image Object** finden, die sich im Fotobereich befinden.

Der Einfachheit halber gruppieren Sie alle Fotoelemente in einem zusammengesetzten **Photo**-Element. Dadurch wird auch die Anzahl der gebildeten Hypothesen begrenzt.

<div id="contents-of-the-photo-group-element">
  ## Inhalt des Gruppenelements Photo
</div>

<Frame>
  <img src="https://mintcdn.com/abbyy/r-nfa7jujx5b9gKX/images/flexi-capture/fls/tutorial28.png?fit=max&auto=format&n=r-nfa7jujx5b9gKX&q=85&s=fba8a6761f1b0c6d5ccf545e6a0f4232" alt="Screenshot der FlexiLayout-Struktur in ABBYY FlexiLayout Studio, die das zusammengesetzte Gruppenelement Photo zeigt, das PhotoPicture, PhotoHeader und vier Separator-Elemente enthält." width="431" height="455" data-path="images/flexi-capture/fls/tutorial28.png" />
</Frame>

Das Gruppenelement **Photo** enthält:

* ein Element **PhotoPicture** vom Typ **Object Collection**, das dem Foto entspricht.
* ein Element **PhotoHeader** vom Typ **Static Text**, das der Bezeichnung YOUR PHOTO IN FANCY DRESS entspricht.
* vier Separatoren um das Foto herum, die zum Auffinden des Elements **PhotoPicture** erforderlich sind.

<div id="create-the-field-name-element">
  ## Erstellen Sie das Element für den Feldnamen
</div>

Da die Bezeichnung YOUR PHOTO IN FANCY DRESS im Dokument sonst nirgends vorkommt, fügen Sie das entsprechende Element zunächst dem **Gruppenelement** hinzu und verwenden Sie es, um die Separatoren zu suchen.

<Steps>
  <Step title="Erstellen Sie ein Static-Text-Element">
    Nennen Sie es **PhotoHeader**.
  </Step>

  <Step title="Legen Sie die Elementeigenschaften fest">
    Verwenden Sie dieselben Einstellungen wie für die anderen Feldnamen.
  </Step>
</Steps>

Versuchen Sie, das FlexiLayout mit den Bildern abzugleichen. Sie werden sehen, dass das Programm die Bezeichnung auf allen Bildern zuverlässig erkennt.

<div id="create-the-separator-elements">
  ## Erstellen Sie die Separator-Elemente
</div>

Erstellen Sie **Separator**-Elemente für die vier Separatoren um das Foto und geben Sie ihnen die folgenden Namen:

| Element        | Separator         |
| -------------- | ----------------- |
| **USeparator** | oberer Separator  |
| **BSeparator** | unterer Separator |
| **LSeparator** | linker Separator  |
| **RSeparator** | rechter Separator |

Geben Sie auf der Registerkarte **Separator** im Dialogfeld **Properties** für jeden der vier Separatoren die Orientierung an (**Vertical** oder **Horizontal**). Ändern Sie die anderen Eigenschaften nicht.

<Frame>
  <img src="https://mintcdn.com/abbyy/r-nfa7jujx5b9gKX/images/flexi-capture/fls/tutorial29.png?fit=max&auto=format&n=r-nfa7jujx5b9gKX&q=85&s=9fae73bdc556088e46bae17981b9ded7" alt="Screenshot der Registerkarte Separator in den Eigenschaften eines Separator-Elements in ABBYY FlexiLayout Studio, wo die Orientierung für jeden der vier Separatoren um das Foto auf Vertical oder Horizontal eingestellt ist." width="431" height="455" data-path="images/flexi-capture/fls/tutorial29.png" />
</Frame>

<div id="specify-the-search-areas-for-the-separators">
  ## Suchbereiche für die Separatoren festlegen
</div>

Verwenden Sie nun die Testbilder, um den Suchbereich für jede der Separatoren festzulegen.

<div id="upper-separator-useparator-element">
  ### Oberer Separator (Element USeparator)
</div>

* unterhalb der Fotobeschriftung, aber nicht weiter als 100 Punkte von ihrer oberen Begrenzung entfernt (Below dem Element **PhotoHeader** und Above dem **PhotoHeader**, Offset = -100).
* innerhalb des Bereichs, der auf jeder Seite höchstens 80 Punkte länger ist als die Beschriftung (Left of der rechten Begrenzung des Elements **PhotoHeader**, Offset = -80, Reference boundary = right, und Right of der linken Begrenzung des Elements **PhotoHeader**, Offset = -80, Reference boundary = left).

<div id="lower-separator-bseparator-element">
  ### Unterer Separator (Element BSeparator)
</div>

* unterhalb des Namens des Feldes NAME (Below dem Element **NameHeader**).
* oberhalb der Unterkante von **IdentityNumber** (**Above** dem Element **IdentityNumber**, **ElementBoundary** = bottom).
* innerhalb des Bereichs, der auf jeder Seite höchstens 80 Punkte länger ist als der Name (Left of der rechten Begrenzung des Elements **PhotoHeader**, Offset = -80, Reference boundary = right, und Right of der linken Begrenzung des Elements **PhotoHeader**, Offset = -80, Reference boundary = left).

<div id="left-separator-lseparator-element">
  ### Linker Separator (LSeparator-Element)
</div>

* innerhalb des Bereichs, der auf jeder Seite um nicht mehr als 50 Punkte breiter ist als der Abstand zwischen dem oberen und dem unteren Separator (Below the **USeparator** element, Offset = -50, and Above the **BSeparator** element, Offset = -50).
* der Separator befindet sich nicht weit von der linken Begrenzung des oberen Separators entfernt; der Abstand darf 40 Punkte nicht überschreiten (Right of the left boundary of the **USeparator** element, Offset = -20, Reference boundary = left, and Left of the left boundary of the **USeparator** element, Offset = -20, Reference boundary = left).

<div id="right-separator-rseparator-element">
  ### Rechter Separator (RSeparator-Element)
</div>

* Innerhalb des Bereichs, der auf jeder Seite höchstens 50 dots breiter ist als der Abstand zwischen den oberen und unteren Separatoren (Unterhalb des Elements **USeparator**, Versatz = -50, und Oberhalb des Elements **BSeparator**, Versatz = -50).
* Höchstens 40 dots von der rechten Begrenzung des oberen Separators entfernt (Rechts von der rechten Begrenzung des Elements **USeparator**, Versatz = -20, Reference boundary = right, und Links von der rechten Begrenzung des Elements **USeparator**, Versatz = -20, Reference boundary = right).

Wenn Sie nun den Abgleich des FlexiLayouts mit den Bildern durchführen, sehen Sie, dass das Programm diese Bereiche erkennen kann. Klicken Sie im **Tree of Hypotheses** mit der rechten Maustaste auf eine Hypothese und wählen Sie im Kontextmenü **Suchbereich anzeigen**. Wenn die Suchkriterien falsch sind und das Programm den Suchbereich nicht korrekt bestimmt, fällt Ihnen das sofort auf. Möglicherweise sehen Sie auch, dass selbst der Suchbereich einer korrekten Hypothese noch angepasst werden muss. Er könnte zum Beispiel zu klein sein.

Die maximale Größe aller Separatoren wurde durch Versuch und Irrtum ermittelt, indem während der Vorerkennung die Eigenschaften von **Separator**-Objekten untersucht wurden.

<div id="describe-the-your-photo-in-fancy-dress-field">
  ## Beschreiben Sie das Feld YOUR PHOTO IN FANCY DRESS
</div>

<Steps>
  <Step title="Erstellen Sie ein Object Collection-Element">
    Nennen Sie es **PhotoPicture**.
  </Step>

  <Step title="Geben Sie den Suchbereich auf der Registerkarte Relations an">
    Geben Sie auf der Registerkarte **Relations** den Suchbereich für das Element **PhotoPicture** an:

    * Unterhalb des oberen Separators (Unterhalb des Elements **USeparator**).
    * Oberhalb des unteren Separators (Oberhalb des Elements **BSeparator**).
    * Rechts vom linken Separator (Right of dem Element **LSeparator**).
    * Links vom rechten Separator (Left of dem Element **RSeparator**).
  </Step>
</Steps>

Erstellen Sie abschließend den Block **PhotoPicture** und geben Sie das Element **PhotoPicture** als Source element an.
