The Mer Wiki now uses your Mer user account and password (create account on https://bugs.merproject.org/)


Qtquickcontrols-nemo

From Mer Wiki
(Difference between revisions)
Jump to: navigation, search
(Current status)
Line 1: Line 1:
= Current status =
+
== Status of components==
  
Still in development. You can get source and create issues on git [https://github.com/nemomobile/qtquickcontrols-nemo]
+
TODO: feel free to update the table below and rearrange it if needed
 +
 
 +
{| summary="What works on Nemo Wayland on which HW" border="1" cellspacing="1" cellpadding="1" style="a:link { color: #000000; }"
 +
|-
 +
! Component
 +
! Design(mockup) / Spec<br/>
 +
<span style="background:green">&nbsp;Done </span>&nbsp;= design+spec done<br/>
 +
<span style="background:lightgreen">&nbsp;Done </span>&nbsp;= design done, spec in progress
 +
! Development status
 +
! Fellows
 +
|-
 +
! Maliit VKB
 +
! style="background-color:green" | Done
 +
! style="background-color:lightgreen" | Done, needs polishing
 +
! locusf, eekkelund
 +
|-
 +
! UI components
 +
|-
 +
 
 +
|-
 +
! Buttons
 +
! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/button <span style="color:#000000">Done</span>]
 +
! style="background-color:green" | Done
 +
! faenil
 +
|-
 +
! ButtonRow
 +
! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/buttonRow <span style="color:#000000">Done</span>]
 +
! style="background-color:green" | Done
 +
! Design:qwazix QML:locusf<br/>anyone feel free to polish it!
 +
|-
 +
! Header
 +
! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/header <span style="color:#000000">Done</span>]
 +
! style="background-color:green" | Done! :)
 +
! faenil
 +
|-
 +
! ListView
 +
! style="background-color:yellow" | [https://github.com/qwazix/glacier-controls-spec/tree/master/listview <span style="color:#000000">Done (need pull to refresh)</span>]
 +
! style="background-color:lightgreen" | Done
 +
! Design:Morpog Code: neochapay
 +
|-
 +
! Progress Spinner
 +
! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/progress-spinner <span style="color:#000000">Done</span>]
 +
! style="background-color:lightgreen" | Done, needs polishing
 +
! SfietKonstantin
 +
|-
 +
! ContextRoller
 +
! style="background-color:yellow" | [http://play.qwazix.com/grog/?p=385 <span style="color:#000000">It's a broad topic ;)</span>]
 +
! style="background-color:red" | Nothing Yet
 +
! Brainstorm:qwazix,Morpog
 +
|-
 +
! SelectRoller
 +
! style="background-color:yellow" | [https://github.com/qwazix/glacier-controls-spec/tree/master/selectRoller <span style="color:#000000">Drafted</span>] [http://play.qwazix.com/grog/?p=385 <span style="color:#000000">Pre-history</span>]
 +
! style="background-color:yellow" | WIP[https://github.com/nemomobile/qtquickcontrols-nemo/pull/35]
 +
! Design:qwazix QML: neochapay
 +
|-
 +
! Sliders
 +
! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/slider <span style="color:#000000">Done</span>]
 +
! style="background-color:lightgreen" | trumpet is there by locusf! not yet 100% up to specs
 +
! sledges, locusf, SfietKonstantin<br/>anyone feel free to polish it!
 +
|-
 +
! Switch
 +
! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/switch <span style="color:#000000">Done</span>]
 +
! style="background-color:lightgreen" | Done, [https://bugs.nemomobile.org/show_bug.cgi?id=710 NEMO#710] and animation(gradient) twitch to be fixed
 +
! Design:Morpog & qwazix, QML: locusf
 +
|-
 +
! Text Input
 +
! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/textInputs <span style="color:#000000">Done</span>]
 +
! style="background-color:green" | Done
 +
! locusf
 +
|-
 +
! Labels
 +
! style="background-color:green" | <span style="color:#000000">Unspecified/trivial</span>
 +
! style="background-color:green" | Done
 +
! QML:faenil,locusf
 +
|-
 +
! Dialogs
 +
! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/dialogs <span style="color:#000000">Done</span>]
 +
! style="background-color:lightgreen" | Query dialogs are done in git
 +
! Design:sandy_locke, QML locusf
 +
|-
 +
! Notifications
 +
! style="background-color:lightgreen" | [http://play.qwazix.com/grog/?p=640 <span style="color:#000000">Blog</span>] [https://pp.vk.me/c636719/v636719091/3fd71/3GxFZpV_LTA.jpg <span style="color:#000000">Row 2,col 4</span>] [http://hurrian.github.io/glacier/components.html <span style="color:#000000">One more</span>]
 +
! style="background-color:lightgreen" | Done
 +
! Design:Hurrian QML: locusf
 +
|-
 +
! Tabs
 +
! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/header <span style="color:#000000">Done</span>]
 +
! style="background-color:red" | Not yet.
 +
! Design: qwazix
 +
|-
 +
! Toolbar
 +
! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/header <span style="color:#000000">Done</span>]
 +
! style="background-color:lightgreen" | [https://github.com/nemomobile/qtquickcontrols-nemo/commit/94f6ec9fcafb99970aeb74f40401172918cf0b05 <span style="color:#000000">QML Component provided</span>]
 +
! faenil
 +
|-
 +
! Tools (toolbar with different layouts)
 +
! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/header <span style="color:#000000">Done</span>]
 +
! style="background-color:lightgreen" | Done
 +
! faenil
 +
|-
 +
! Section scroller
 +
! style="background-color:green" | [https://github.com/qwazix/glacier-controls-spec/tree/master/scroll-indicators <span style="color:#000000">Done</span>]
 +
! style="background-color:yellow" | WIP
 +
! Design:Morpog Code: neochapay
 +
|-
 +
! Sheets
 +
! style="background-color:red" | Nothing Yet (maybe with Text Fields)
 +
! style="background-color:red" | Nothing Yet
 +
|-
 +
! Page
 +
! style="background-color:green" | Done
 +
! style="background-color:green" | Done
 +
! faenil
 +
|-
 +
! Progress Bar
 +
! style="background-color:green" | Done
 +
! style="background-color:green" | Done
 +
! sledges
 +
|-
 +
! Running Indicator
 +
! style="background-color:yellow" | Some tests by qwazix (nothing in repo)
 +
! style="background-color:red" | Nothing Yet
 +
|-
 +
! Page Indicators
 +
! style="background-color:yellow" | Discuss relevancy
 +
! style="background-color:yellow" | [https://github.com/nemomobile/qtquickcontrols-nemo see faenil's Page implementation]
 +
|-
 +
! Ratings
 +
! style="background-color:red" | Nothing Yet
 +
! style="background-color:red" | Nothing Yet
 +
|-
 +
! « More » indicator
 +
! style="background-color:yellow" | Need a case by case study
 +
! style="background-color:red" | Nothing Yet
 +
|-
 +
! Date & Lists tumbler (+dialog +picker)
 +
! style="background-color:yellow" | [https://pp.vk.me/c636719/v636719091/3fd71/3GxFZpV_LTA.jpg <span style="color:#000000">Row 3,col 3</span>] vs circular [http://hurrian.github.io/glacier/components.html <span style="color:#000000">here</span>] and [http://play.qwazix.com/grog/?p=231 <span style="color:#000000">here</span>]
 +
! style="background-color:yellow" | DatePicker [https://github.com/nemomobile/qtquickcontrols-nemo/pull/52]
 +
! Design:Hurrian QML: NeoChapay
 +
|-
 +
! Lockscreen
 +
! style="background-color:lightgreen" | [https://pp.vk.me/c636719/v636719091/3fd71/3GxFZpV_LTA.jpg <span style="color:#000000">Row 1,col 2</span>]
 +
! style="background-color:yellow" | "Sharpening glass" PoC [https://github.com/nemomobile-ux/glacier-home/pull/57]
 +
! Hurrian, Morpog, qwazix, sledges, eekkelund
 +
|-
 +
! Notification Screen
 +
! style="background-color:lightgreen" | [https://pp.vk.me/c636719/v636719091/3fd71/3GxFZpV_LTA.jpg <span style="color:#000000">Row 2,col 1</span>]
 +
! style="background-color:lightgreen" | Needs polishing [https://github.com/nemomobile-ux/glacier-home/pull/57]
 +
! Design:Hurrian QML: eekkelund
 +
|-
 +
! Multi task Screen
 +
! style="background-color:lightgreen" | [https://pp.vk.me/c636719/v636719091/3fd71/3GxFZpV_LTA.jpg <span style="color:#000000">Row 2,col 3</span>]
 +
! style="background-color:lightgreen" | Needs polishing [https://github.com/nemomobile-ux/glacier-home/pull/57]
 +
! eekkelund
 +
|-
 +
! Statusbar
 +
! style="background-color:green" | Done, [https://github.com/qwazix/glacier-controls-spec/blob/master/statusbar/statusbar_specs.pdf]
 +
! style="background-color:lightgreen" | WIP in Glacier homescreen [https://github.com/nemomobile-ux/glacier-home/pull/57]
 +
! Design:Hurrian, Spec:sandy_locke, QML: eekkelund
 +
|-
 +
|}
  
 
= Components =
 
= Components =

Revision as of 08:08, 6 April 2018

Contents

Status of components

TODO: feel free to update the table below and rearrange it if needed

Component Design(mockup) / Spec

 Done  = design+spec done
 Done  = design done, spec in progress

Development status Fellows
Maliit VKB Done Done, needs polishing locusf, eekkelund
UI components
Buttons Done Done faenil
ButtonRow Done Done Design:qwazix QML:locusf
anyone feel free to polish it!
Header Done Done! :) faenil
ListView Done (need pull to refresh) Done Design:Morpog Code: neochapay
Progress Spinner Done Done, needs polishing SfietKonstantin
ContextRoller It's a broad topic ;) Nothing Yet Brainstorm:qwazix,Morpog
SelectRoller Drafted Pre-history WIP[1] Design:qwazix QML: neochapay
Sliders Done trumpet is there by locusf! not yet 100% up to specs sledges, locusf, SfietKonstantin
anyone feel free to polish it!
Switch Done Done, NEMO#710 and animation(gradient) twitch to be fixed Design:Morpog & qwazix, QML: locusf
Text Input Done Done locusf
Labels Unspecified/trivial Done QML:faenil,locusf
Dialogs Done Query dialogs are done in git Design:sandy_locke, QML locusf
Notifications Blog Row 2,col 4 One more Done Design:Hurrian QML: locusf
Tabs Done Not yet. Design: qwazix
Toolbar Done QML Component provided faenil
Tools (toolbar with different layouts) Done Done faenil
Section scroller Done WIP Design:Morpog Code: neochapay
Sheets Nothing Yet (maybe with Text Fields) Nothing Yet
Page Done Done faenil
Progress Bar Done Done sledges
Running Indicator Some tests by qwazix (nothing in repo) Nothing Yet
Page Indicators Discuss relevancy see faenil's Page implementation
Ratings Nothing Yet Nothing Yet
« More » indicator Need a case by case study Nothing Yet
Date & Lists tumbler (+dialog +picker) Row 3,col 3 vs circular here and here DatePicker [2] Design:Hurrian QML: NeoChapay
Lockscreen Row 1,col 2 "Sharpening glass" PoC [3] Hurrian, Morpog, qwazix, sledges, eekkelund
Notification Screen Row 2,col 1 Needs polishing [4] Design:Hurrian QML: eekkelund
Multi task Screen Row 2,col 3 Needs polishing [5] eekkelund
Statusbar Done, [6] WIP in Glacier homescreen [7] Design:Hurrian, Spec:sandy_locke, QML: eekkelund

Components

Controls

Theming

Theming aviable on 5.3 version.It contants this constants of sizing/colors and etc for orderly display items of gui elements. It contants this constatnt with scaling:

Items Width

itemWidthLarge 320

itemWidthMedium 240

itemWidthSmall 120

itemWidthExtraSmall72

Items Height

itemHeightHuge 80

itemHeightExtraLarge 75

itemHeightLarge 63

itemHeightMedium 50

itemHeightSmall 40

itemHeightExtraSmall 32

Spacing

itemSpacingHuge 40

itemSpacingLarge 20

itemSpacingMedium 15

itemSpacingSmall 10

itemSpacingExtraSmall 8

Fonts

fontSizeExtraLarge 30

fontSizeLarge 24

fontSizeMedium 20

fontSizeSmall 18

fontSizeTiny 16

fontWeightLarge 63

fontWeightMedium 25

fontFamily;

Colors

accentColor #0091e5

fillColor #474747

fillDarkColor #313131

textColor #ffffff

backgroundColor #000000

backgroundAccentColor #ffffff

Quick Start

Personal tools