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
(→‎Theming)
(→‎Components)
 
(5 intermediate revisions by one user not shown)
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
  
−
= Components =
+
{| 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
 +
|-
 +
! [[Qtquickcontrols-nemo/Theming| Theming]]
 +
! style="background-color:green" | Done
 +
! style="background-color:lightgreen" | Done, needs polishing
 +
!
 +
|-
 +
! UI components
 +
|-
  
−
== Controls ==
+
|-
 +
! 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
 +
|-
 +
|}
  
−
== Theming ==
+
[[Category:Nemo]]
−
 
+
[[Category:GlacierUX]]
−
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 ==
+

Latest revision as of 08:15, 6 April 2018

[edit] 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
Theming Done Done, needs polishing
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
Retrieved from "https://wiki.merproject.org/wiki/index.php?title=Qtquickcontrols-nemo&oldid=8153"
Personal tools