Касание Ubuntu QML API: PageHeadStyle

SDK Ubuntu предлагает компоненты стиля в Ubuntu. Компоненты 1,2 версии, чтобы позволить разработчикам приложения настраивать компоненты к своей симпатии. PageHeadStyle является одним таким компонентом, который может использоваться для настройки верхнего колонтитула страницы всюду по приложению.

Перед использованием этого компонента стиля, нужно сначала определить тему пользовательского приложения, которая включала бы эти компоненты пользовательского стиля и дала бы приложению команду использовать это.

Создание темы приложения может быть сделано или получением его от существующей системной темы, обеспеченной в Касании Ubuntu как Окружение или SuruDark или созданием темы с нуля. Последний является определенно рекомендуемым способом создать новую тему, так как существуют, многие разрабатывают API, которые все еще нестабильны и могли измениться в будущем.

Позволяют нам определить наше приложение в новой папке, названной MyTheme. Второй шаг должен был бы создать файл, названный parent_theme, куда Вы помещаете URI темы, Ваша тема приложения происходит из. Ваш parent_theme был бы похож,

// parent_theme
Ubuntu.Components.Themes.SuruDark

, давайте также определим цвета палитры нашей темы путем создания файла, названного Palette.qml,

// Palette.qml

import QtQuick 2.4
import Ubuntu.Components 1.2
import Ubuntu.Components.Themes.SuruDark 1.1 as SuruDark

SuruDark.Palette {
    normal.background: “#A21E1C”
    selected.backgroundText: “yellow”
}

Теперь, давайте использовать PageHeadStyle для настройки нашего верхнего колонтитула страницы путем создания файла, названного PageHeadStyle.qml, который имеет следующую структуру,

import QtQuick 2.4
import Ubuntu.Components 1.2
import Ubuntu.Components.Styles 1.2
import Ubuntu.Components.Themes.Ambiance 1.1 as Ambiance

Ambiance.PageHeadStyle {
   fontSize: "small"
   fontWeight: Font.DemiBold
   textLeftMargin: units.gu(10)
}

Ваш , структура папок MyTheme должна быть похожей,

MyTheme
-- parent_theme
-- PageHeadStyle.qml
-- Palette.qml

И затем в основном qml файле, где MainView определяется, можно загрузить тему приложения,

// main.qml

import QtQuick 2.4
import Ubuntu.Components 1.2

MainView {
    // Your code comes here

    // Set your theme
    Component.onCompleted: Theme.name = “MyTheme”

}

, И затем приложение должно быть похожим,

Вуаля, вот тематическое приложение! Можно найти больше деталей о сенсорной разработке приложений человечности по developer.ubuntu.com, где разработчики SDK ведут блог об этом. Это приложение theming руководство было создано Zsombor Egri (SDK Dev) здесь .

можно найти весь пример кода здесь .