- [1. Integration des Shapes Eckrad in die Library des RD Configurators](#1-integration-des-shapes-eckrad-in-die-library-des-rd-configurators)
  - [1.1 Declarations](#11-declarations)
  - [1.2 Definition des Modern User Interface (MUI)](#12-definition-des-modern-user-interface-mui)
  - [1.3 Initialisierung des Modern User Interfaces (MUI)](#13-initialisierung-des-modern-user-interfaces-mui)
- [2. Graphical 2d Editor Wizard](#2-graphical-2d-editor-wizard)
  - [Tab Icons](#tab-icons)
  - [Tab Rotation Class](#tab-rotation-class)
  - [Tab Connection Points](#tab-connection-points)
  - [Tab Events](#tab-events)

# 1. Integration des Shapes Eckrad in die Library des RD Configurators

## 1.1 Declarations


### 1.1.1 Main_SSG->Declarations->Types->SSG_Group
Typendeklaration des Eckrads. Welche Daten welcher Art soll es aufnehmen?
![](bilder/session4/Main_SSG-Declarations-Types-SSG_Group-EckradType.png)
Aufnahme der Definition in die Libary 
![](bilder/session4/Main_SSG-Declarations-Types-SSG_Group-SSG_ShapeType.png)

### 1.1.2 Main_SSG->Declarations->GlobalVariables->MUI
setzt die Default Data
![](bilder/session4/Main_SSG-Declarations-GlobalVariables-MUI-EckradData.png)
**Render_Eckrad**: Wird in ``Declarations->Functions->MUI->Func EckradUI`` vom ModernUI Render verwendet. siehe [Declaration Func Eckrad](#main-ssg-declarations-functions-mui-function-eckradui-runmodernui-render)
Danach noch einmal in der Main Group zum Aufbau in deren INIT ``Main Group->INIT->MUI->EckradUI`` auch vom Renderer .
![](bilder/session4/Main_SSG-Declarations-GlobalVariables-MUI-Render_Eckrad.png)


### 1.1.3 Main_SSG->Declarations->Functions->SSG->Kreisel_PROTOTYPE_GROUP->Create Proto
![](bilder/session4/Main_SSG-Declarations-Functions-SSG-Kreisel_PROTOTYPE_GROUP-Function_CreatePrototype_Eckrad.png)
![](bilder/session4/Main_SSG-Declarations-Functions-SSG-Kreisel_PROTOTYPE_GROUP-Function_CreatePrototype_Eckrad-LocalVariables.png)
![](bilder/session4/Main_SSG-Declarations-Functions-SSG-Kreisel_PROTOTYPE_GROUP-Function_CreatePrototype_Eckrad-AngleDefinition.png)
![](bilder/session4/Main_SSG-Declarations-Functions-SSG-Kreisel_PROTOTYPE_GROUP-Function_CreatePrototype_Eckrad-SetProperty_Proto.png)

### 1.1.4 Main_SSG->Declarations->Functions->SSG->Kreisel_PROTOTYPE_GROUP->Update Shape
![](bilder/session4/Main_SSG-Declarations-Functions-SSG-Kreisel_PROTOTYPE_GROUP-Function_CreateUpdateShape-Eckrad-EckradInLibAnlegen.png)
![](bilder/session4/Main_SSG-Declarations-Functions-SSG-Kreisel_PROTOTYPE_GROUP-Function_CreateUpdateShape_Switch_EckradInLibAnlegen-E2DE3D_ManageShape.png)
![](bilder/session4/Main_SSG-Declarations-Functions-SSG-Kreisel_PROTOTYPE_GROUP-Function_CreateUpdateShape_Switch_EckradPlatzieren-E2DE3D_ManageShape.png)
![](bilder/session4/Main_SSG-Declarations-Functions-SSG-Kreisel_PROTOTYPE_GROUP-Function_CreateUpdateShape_Switch_EckradPlatzieren-SetStruct.png)

## 1.2 Definition des Modern User Interface (MUI)

### 1.2.1 Main_SSG->Declarations->Functions->MUI
![](bilder/session4/Main_SSG-Declarations-Functions-MUI-Function_EckradUI.png)
![#main-ssg-declarations-functions-mui-function-eckradui-runmodernui-render](bilder/session4/Main_SSG-Declarations-Functions-MUI-Function_EckradUI-RunModernUI_Render.png)
![](bilder/session4/Main_SSG-Declarations-Functions-MUI-Function_EckradUI-SwitchForButton.png)
![](bilder/session4/Main_SSG-Declarations-Functions-MUI-Function_EckradUI-SwitchForButton_OK_CallCreatePrototype_Eckrad.png)
![](bilder/session4/Main_SSG-Declarations-Functions-MUI-Function_EckradUI-SwitchForButton_OK_CallCreateUpdate_Shape.png)
![](bilder/session4/Main_SSG-Declarations-Functions-MUI-Function_EckradUI-SwitchForButton_OK_TerminateLoop.png)
![](bilder/session4/Main_SSG-Declarations-Functions-MUI-Function_EckradUI-SwitchForButton_CLOSEPOPUP_Remove_ShapeList.png)
![](bilder/session4/Main_SSG-Declarations-Functions-MUI-Function_EckradUI-SwitchForButton_CLOSEPOPUP_GroupOnInsertedIsTrue.png)
![](bilder/session4/Main_SSG-Declarations-Functions-MUI-Function_EckradUI-SwitchForButton_CLOSEPOPUP_TerminateLoop.png)

### 1.2.2 Main_SSG->Declarations->FunctionOnEditor2DInserted->SwitchForShapeFamily
![](bilder/session4/Main_SSG-Declarations-Functions-FunctionOnEditor2DInserted-SwitchForShapeFamily.png)
![](bilder/session4/Main_SSG-Declarations-Functions-FunctionOnEditor2DInserted-SwitchForShapeFamily-Eckrad-SetShapeProto_KreiselDefinition.png)
![](bilder/session4/Main_SSG-Declarations-Functions-FunctionOnEditor2DInserted-SwitchForShapeFamily-Eckrad-SetShapeProto_Rotationsklasse.png)
![](bilder/session4/Main_SSG-Declarations-Functions-FunctionOnEditor2DInserted-SwitchForShapeFamily-Eckrad-SetShapeProto_Strecke.png)
![](bilder/session4/Main_SSG-Declarations-Functions-FunctionOnEditor2DInserted-SwitchForShapeFamily-Eckrad-SetShapeProto_name.png)
![](bilder/session4/Main_SSG-Declarations-Functions-FunctionOnEditor2DInserted-SwitchForShapeFamily-Eckrad-UI-WebBrowserAction_Show.png)
![](bilder/session4/Main_SSG-Declarations-Functions-FunctionOnEditor2DInserted-SwitchForShapeFamily-Eckrad-UI-While-CallEckradUI.png)
![](bilder/session4/Main_SSG-Declarations-Functions-FunctionOnEditor2DInserted-SwitchForShapeFamily-Eckrad-UI-WebBrowserAction_Hide.png)

## 1.3 Initialisierung des Modern User Interfaces (MUI)

### Main_Group->INIT->MUI->EckradUI->KreiselUIPanels
![](bilder/session4/Main_Group-INIT-MUI-EckradUI-KreiselUIPanels.png)
![](bilder/session4/Main_Group-INIT-MUI-EckradUI-KreiselUIPanels-ModernUIPanel.png)
![](bilder/session4/Main_Group-INIT-MUI-EckradUI-KreiselUIPanels-Controls-ModernUIControl_textboxBeschreibung.png)
![](bilder/session4/Main_Group-INIT-MUI-EckradUI-KreiselUIPanels-Controls-ModernUIControl_textboxHoehe.png)
![](bilder/session4/Main_Group-INIT-MUI-EckradUI-KreiselUIPanels-Controls-ModernUIControl_dropdownDrehung.png)
![](bilder/session4/Main_Group-INIT-MUI-EckradUI-KreiselUIPanels-Controls-ModernUIButtons-ModernUIPanel-KreiselType.png)
![](bilder/session4/Main_Group-INIT-MUI-EckradUI-KreiselUIPanels-Controls-ModernUIButtons-ModernUIControl-ButtonOK.png)
![](bilder/session4/Main_Group-INIT-MUI-EckradUI-KreiselUIPanels-Controls-ModernUIButtons-ModernUIControl-ButtonAbbrechen.png)


# 2. Graphical 2d Editor Wizard 
## Tab Icons
![](bilder/session4/WebGraphicalEditorWizard-Eckrad-Icons.png           )
## Tab Rotation Class
![](bilder/session4/WebGraphicalEditorWizard-Eckrad-RotationClass.png   )
## Tab Connection Points
![](bilder/session4/WebGraphicalEditorWizard-Eckrad-ConnectionPoints.png)
## Tab Events
![](bilder/session4/WebGraphicalEditorWizard-Eckrad-Events.png          )
