×
Namespaces

Variants
Actions
(Difference between revisions)

DrY ProgressBar

From Nokia Developer Wiki
Jump to: navigation, search
jimgilmour1 (Talk | contribs)
m (Examples)
hamishwillee (Talk | contribs)
m (Hamishwillee -)
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
DrY ProgressBar component is based on Guarana ProgressBar implementation, and basically it implements same functionality as the guarana ProgressBar does.
+
[[Category:Symbian Web Runtime]][[Category:UI]]
 +
{{ArticleMetaData
 +
|sourcecode=[[Media:DrY ProgressBar.zip]]
 +
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 +
|devices= <!-- Devices tested against - e.g. ''devices=Nokia 6131 NFC, Nokia C7-00'') -->
 +
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Nokia Qt SDK 1.1]) -->
 +
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 +
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 +
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
 +
|signing=<!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 +
|capabilities=<!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 +
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
 +
|id= <!-- Article Id (Knowledge base articles only) -->
 +
|language=<!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 +
|review-by=<!-- After re-review: [[User:username]] -->
 +
|review-timestamp=<!-- After re-review: YYYYMMDD -->
 +
|update-by=<!-- After significant update: [[User:username]]-->
 +
|update-timestamp=<!-- After significant update: YYYYMMDD -->
 +
|creationdate=20100516
 +
|author=[[User:Symbianyucca]]
 +
}}DrY ProgressBar component is based on Guarana ProgressBar implementation, and basically it implements same functionality as the Guarana ProgressBar does.
  
 
Following code snipped shows how it can be used:
 
Following code snipped shows how it can be used:
  
<code>
+
<code javascript>
 
dojo.require("dry.ProgressBar");
 
dojo.require("dry.ProgressBar");
  
Line 20: Line 40:
 
* maxvalue: max value fort he progress,
 
* maxvalue: max value fort he progress,
 
* label: label shown with progress bar
 
* label: label shown with progress bar
* changed: callback called when progres value has changed,
+
* changed: callback called when progress value has changed,
 
* completed: callback called when progress is completed,
 
* completed: callback called when progress is completed,
 
* styleTweaker: styleTweaker for handling the themes.
 
* styleTweaker: styleTweaker for handling the themes.
Line 31: Line 51:
 
Component browser at [http://dev.drjukka.com/DrY/ dev.DrJukka.com/DrY/]
 
Component browser at [http://dev.drjukka.com/DrY/ dev.DrJukka.com/DrY/]
  
WRT example at Wiki: [http://wiki.forum.nokia.com/index.php/File:DrY_ProgressBar.zip DrY_ProgressBar.zip]
+
WRT example at Wiki: [[:File:DrY ProgressBar.zip|DrY ProgressBar.zip]]
  
[http://wiki.forum.nokia.com/index.php/DrY_Article_Index Go to DrY Index]
+
[[DrY Article Index|Go to DrY Index]]
 
+
 
+
[[Category:Web Runtime (WRT)]]
+

Latest revision as of 13:01, 23 October 2012

Article Metadata
Code ExampleArticle
Created: symbianyucca (16 May 2010)
Last edited: hamishwillee (23 Oct 2012)
DrY ProgressBar component is based on Guarana ProgressBar implementation, and basically it implements same functionality as the Guarana ProgressBar does.

Following code snipped shows how it can be used:

dojo.require("dry.ProgressBar");
 
var progress1 = new dry.ProgressBar({
value: 20,
maxvalue:138,
changed:valueChanged,
completed: progressCompleted,
label:"Reading",
styleTweaker: styleTweaker},
'controlDiv1');

The constructor takes 2 items, where the second one is the name for the div where the ProgressBar is placed in. The first argument is a struct defining the ProgressBar properties and callback functions:

  • value: initial value set fort he progress,
  • maxvalue: max value fort he progress,
  • label: label shown with progress bar
  • changed: callback called when progress value has changed,
  • completed: callback called when progress is completed,
  • styleTweaker: styleTweaker for handling the themes.

setValue and getValue functions can be used for querying and setting the progress values

[edit] Examples

Component browser at dev.DrJukka.com/DrY/

WRT example at Wiki: DrY ProgressBar.zip

Go to DrY Index

This page was last modified on 23 October 2012, at 13:01.
68 page views in the last 30 days.
×