Containers for elements

[akaDuality]

VoiceOver can group elements to containers. We should support that.

Container has label and controls inside.

Designer

• Containers for elements #142

Navigator

• Container creation #146
• Drag'n'Drop for containers #147
• Rename package TextUI to TextTree? Or Navigator? #145
• Expand navigator when select an element inside container #156
• Recognize text even when select from navigator. Probably recognition should be moved to settings
• Add grouping action to menu
• After grouping selection from Navigator doesn't work #226
• Remove rearranging after grouping
• Allow to rename container by double click on it in Navigator

Canvas

• Containers on canvas #148
• Rework saving. After drawing update elements in document
• Draw container to make it visible
• Change container style and improve resizing #158
• Select several element with hold shift or command. Selection improvement #179
• When translate container should move all elements inside it #173

Settings

• Container/settings #150
• Label
• Extract Text Recognition to higher level #151
• Container settings #157
• Can't delete container or element inside container #168
• Undo for element deletion inside container
• Insets for element's settings are broken
• Ungroup button #174

Refactoring

• Simplify any AccessibilityView subclasses switch

Preview

• Preview with containers #154
• Container settings #157
• Enumerate elements at Preview

Acceptance criteria:

How to create:

• Group elements by containers in text area
• Show group in document area
• Give a name to area
• Read area name by Preview
• Also, this containers can be marked as modal
• Select several elements in text area and group via context menu (or Command+G shortcut)

Discussion

[drucelweisse]

I'd like to try that one. What do you mean for "Show group in document area"? Is it rectangle that contains all controls in group?

[akaDuality]

Is it rectangle that contains all controls in group?

Yeah, like that. You can ask @bbsody for help

[akaDuality]

Possible protocol:

import Document
protocol AccessibileView {
    var label: String { get set }
    var frame: CGRect { get set }
}

protocol AccessibilityContainer: AccessibilityView {
    var elements: [AccessibilityElement] { get set }
}

protocol AccessibilityElement: AccessibilityView {
    var isAccessibilityElement: Bool  { get set }
    var value: String  { get set }
    var hint: String  { get set }
    var trait: A11yTraits { get set }
}