Используемые принципы в построении мессенджера для социальной сети ВКонтакте с кратким описанием архитектуры Sailfish OS.

1. Разработка для Sailfish OS на
примере мессенджера для
социальной сети Вконтакте
Петр Вытовтов
osanwe@protonmail.ch

2. Содержание
● Устройство операционной системы Sailfish
● Обзор Qt Creator и Sailfish SDK
● Создание приложений для Sailfish OS на
практике

3. Архитектура Sailfish OS

4. Архитектура Sailfish OS

5. Архитектура Sailfish OS
● Аппаратное обеспечение
● Ядро Linux (включая драйвера)
● Mer
– Базовые функции операционной системы
● Пользовательский интерфейс
– Функциональные особенности
● Приложения

6. Архитектура Sailfish OS

7. Qt Creator

8. Qt Creator

9. Qt Creator

10. SDK. Основные типы
● Clipboard
● Screen
● StandardPaths
● ApplicationWindow
● PageStack
● Theme

11. SDK. Элементы управления
● BackgroundItem
● BusyIndicaor
● Button
● ColorPicker
● ColumnView
● ComboBox
● DatePicker
● DockedPanel
● Drawer

12. SDK. Элементы управления
● IconButton
● IconTextSwitch
● Keypad
● OpacityRampEffect
● ProgressBar
● RemorseItem
● RemorsePopup
● SearchField
● Separator

13. SDK. Элементы управления
● Slider
● Switch
● TextSwitch
● TimePicker
● TouchBlocker
● ValueButton

14. SDK. Ввод-вывод текста
● DetailItem
● EnterKey
● Label
● TextArea
● TextField

15. SDK. Контейнеры
● HorizontalScrollDecorator
● ListItem
● Page
● PageHeader
● ScrollDecorator
● SilicaFlickable
● SilicaGridView
● SilicaListView
● SilicaWebView

16. SDK. Контейнеры
● SlideshowView
● VerticalScrollDecorator
● ViewPlaceholder

17. SDK. Анимации
● AddAnimation
● FadeAnimation
● RemoveAnimation

18. SDK. Меню
● ContextMenu
● MenuItem
● MenuLabel
● PullDownMenu
● PushUpMenu

19. SDK. Диалоги
● Dialog
● DialogHeader
● ColorPickerDialog
● DatePickerDialog
● TimePickerDialog

20. SDK. Обложки
● CoverAction
● CoverActionList
● Cover
● CoverBackground
● CoverPlaceholder

21. Kat — что это?
● Публикация
– 17 марта 13:15
● В интернете
– http://bit.ly/198YALW
– http://bit.ly/1MPj0IX
● v0.1.0 (текущая)
– Базовый
функционал
● v0.2.0 (следующая)
– Кеширование
– Обработка
вложений

22. Практика. Обложка
CoverAction {
iconSource: "image"
onTriggered: {
// ...
}
}
CoverActionList {
id: coverAction
CoverAction {
// ...
}
}

23. Практика. Диалоги
SilicaListView {
// ...
model: ListModel {}
delegate: DialogItem {}
header: PageHeader {
// ...
}
footer: Button {
// ...
}
VerticalScrollDecorator{}
}

24. Практика. Диалоги
PullDownMenu {
// ...
MenuItem {
text: "Обновить"
onClicked:
}
}
Page {
// ...
onStatusChanged:
Component.onCompleted:
}

25. Практика. Диалог
SilicaFlickable {
PageHeader {}
SilicaListView {
clip: true
}
TextArea {
EnterKey.enabled:
EnterKey.iconSource:
EnterKey.onClicked:
}
PushUpMenu {}
}

26. Практика. Новое сообщение
Dialog {
DialogHeader {
acceptText: "Написать"
cancelText: "Отменить"
}
SilicaListView {
Component {
ContextMenu {}
}
}
onAccepted:
}

27. Практика. О программе
SilicaListView {
delegate: Item {
Label {
textFormat:
Text.StyledText
linkColor:
Theme.highlightColor
wrapMode: TextEdit.Wrap
onLinkActivated:
Qt.openUrlExternally(link)
}
}
}

28. Спасибо за внимание!
Петр Вытовтов
osanwe@protonmail.ch