Introduction

Basic Concepts

Nomad HIG works with the Kirigami framework to build convergent applications by making use of its adaptive components.

You could think of the application main content/views as a folding piece of paper in a horizontal layout, as shown in illustration below, where the views get folded when there's not enough space to fit them and can be swiped or stacked to access them.

---

---

Structure

Nomad HIG uses a set of specific components to build the layout of the application in a coherent manner across the Nomad applications.

In the following documents each of those components will be described separately

Primary Components

A Nomad App bones are layout vertically, while the application contents are layout horizontally making use of the folding metaphor.

The main structure is layout vertically making use of the following components:

• Header Toolbar on top
• Secondary Toolbar(s) under the header toolbar or above the footer toolbar
• Application view content
• Footer Toolbar on the bottom

Those components are well defined and supported as properties both on QCC2 and Kirigami by making use of ApplicationWindow, Page or Kirigami.Page.

` ApplicationWindow {
header: ToolBar { position: ToolBar.Header }

footer: ToolBar
{
    position: ToolBar.Footer
}

Page
{
    id: mainView

    anchors.fill: parent

    header: ToolBar
    {
        id: secondaryToolbar

        position: ToolBar.Header
    }
}

}

`

---