X-Git-Url: http://review.tizen.org/git/?p=platform%2Fcore%2Fuifw%2Fdali-toolkit.git;a=blobdiff_plain;f=dali-toolkit%2Fstyles%2F480x800%2Fdali-toolkit-default-theme.json;h=a5d23aa154997b3451ca2b92ba5b8699e65861e7;hp=431f73caac9ed8e35d961fa255772fd6f5eb7906;hb=HEAD;hpb=fb545906ceea3a2946c8a451f34ea7da283c4ffe diff --git a/dali-toolkit/styles/480x800/dali-toolkit-default-theme.json b/dali-toolkit/styles/480x800/dali-toolkit-default-theme.json index 431f73c..a5d23aa 100644 --- a/dali-toolkit/styles/480x800/dali-toolkit-default-theme.json +++ b/dali-toolkit/styles/480x800/dali-toolkit-default-theme.json @@ -26,8 +26,40 @@ //****************************************************************************** { + "config": + { + "brokenImageUrl":"{DALI_IMAGE_DIR}broken.png", + "alwaysShowFocus":false, + "clearFocusOnEscape":true + }, "styles": { + "Tooltip": + { + "tooltip": + { + "content": + { + "pointSize":12 + }, + "waitTime":0.5, + "background": + { + "visual":"{DALI_IMAGE_DIR}tooltip.9.png", + "border":[1,5,5,1] + }, + "tail": + { + "visibility":false, + "aboveVisual":"{DALI_IMAGE_DIR}tooltip-tail-above.png", + "belowVisual":"{DALI_IMAGE_DIR}tooltip-tail-below.png" + }, + "position":"BELOW", + "hoverPointOffset":[10,10], + "movementThreshold":5, + "disappearOnMovement":false + } + }, "TextLabel": { "pointSize":18, @@ -66,7 +98,8 @@ "selectionHighlightColor":[0.75,0.96,1.0,1.0], "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png", "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" }, - "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" } + "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" }, + "enableSelection":true }, "TextFieldFontSize0": @@ -98,7 +131,12 @@ "popupPressedColor":[0.24,0.72,0.8,0.11], "background": { "visualType": "IMAGE", - "url": "{DALI_IMAGE_DIR}selection-popup-bg.9.png" + "url": "{DALI_IMAGE_DIR}selection-popup-background.9.png" + }, + "backgroundBorder": { + "visualType": "IMAGE", + "url": "{DALI_IMAGE_DIR}selection-popup-border.9.png", + "mixColor":[0.24,0.72,0.8,1.0] }, "popupFadeInDuration":0.25, "popupFadeOutDuration":0.25 @@ -124,12 +162,29 @@ "TextSelectionToolbar": { "enableOvershoot":true, + "enableScrollBar":true, "scrollView": { "overshootAnimationSpeed":120.0, "overshootSize":[480.0,42.0] } }, + "TextSelectionScrollBar": + { + "indicatorShowDuration":0.25, + "indicatorHideDuration":0.25, + "indicatorTransientDuration":1.0 + }, + "TextSelectionScrollIndicator": + { + "image": + { + "visualType":"IMAGE", + "url":"{DALI_IMAGE_DIR}text_selection_scroll_indicator.9.png" // designed for HD resolution + }, + "color":[0.0,0.72,0.9,0.7], + "scale":[0.625,1.0,1.0] // Note: This reduces height for WVGA resolution + }, "ScrollView": { "overshootEffectColor":"B018", @@ -142,6 +197,19 @@ "overshootAnimationSpeed":120.0, "overshootSize":[480.0,42.0] }, + "ScrollBar": + { + "indicatorShowDuration":0.25, + "indicatorHideDuration":0.25 + }, + "ScrollBarIndicator": + { + "image": + { + "visualType":"IMAGE", + "url":"{DALI_IMAGE_DIR}popup_scroll.9.png" + } + }, "TextEditor": { "pointSize":18, @@ -151,7 +219,11 @@ "selectionHighlightColor":[0.75,0.96,1.0,1.0], "grabHandleImage" : "{DALI_STYLE_IMAGE_DIR}cursor_handler_drop_center.png", "selectionHandleImageLeft" : {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_left.png" }, - "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" } + "selectionHandleImageRight": {"filename":"{DALI_STYLE_IMAGE_DIR}selection_handle_drop_right.png" }, + "enableScrollBar":true, + "scrollBarShowDuration":0.8, + "scrollBarFadeDuration":0.5, + "enableSelection":true }, "Popup": { @@ -203,22 +275,218 @@ }, "ProgressBar": { - "progressValue": 0, "trackVisual":{ - "url":"{DALI_IMAGE_DIR}slider-skin.9.png", - "size":[24,24] + "visualType":"IMAGE", + "url":"{DALI_IMAGE_DIR}progress-bar-skin-track.9.png" }, "progressVisual":{ - "url":"{DALI_IMAGE_DIR}slider-skin-progress.9.png", - "size":[24,24] - } + "visualType":"IMAGE", + "url":"{DALI_IMAGE_DIR}progress-bar-skin-progress.9.png" + }, + "secondaryProgressVisual":{ + "visualType":"IMAGE", + "url":"{DALI_IMAGE_DIR}progress-bar-skin-secondary-progress.9.png" + }, + "indeterminateVisual":{ + "visualType":"IMAGE", + "pixelArea":[0.0, 0.0, 10.0, 1.0], + "wrapModeU":"REPEAT", + "url":"{DALI_IMAGE_DIR}progress-bar-skin-indeterminate.png" + }, + "indeterminateVisualAnimation": + [ + { + "target":"indeterminateVisual", + "property":"pixelArea", + "initialValue":[0.0, 0.0, 10.0, 1.0], + "targetValue":[-1.0, 0.0, 10.0, 1.0], + "animator": + { + "alphaFunction":"DEFAULT", + "timePeriod": + { + "duration":0.8, + "delay":0 + } + } + } + ], + "labelVisual":{ + "visualType": "TEXT", + "textColor": [ 1.0, 1.0, 1.0, 1.0 ], + "pointSize" : 12.0, // Point size must always be provided to Text Visual + "horizontalAlignment": "CENTER", + "verticalAlignment": "CENTER" + }, + "progressValue": 0.0, + "secondaryProgressValue":0.0, + "indeterminate": false }, - "ProgressBarValueTextLabel": + "CircularProgressBar": { - "textColor":[0.8,0.8,1,1] + "size":[64,64], + "trackVisual":{ + "visualType":"ARC", + "mixColor":[0.0,0.165,0.302,1.0], + "thickness":4.0, + "startAngle":0.0, + "cap":"ROUND" + }, + "progressVisual":{ + "visualType":"ARC", + "mixColor":[0.0,0.549,1.0,1.0], + "thickness":4.0, + "startAngle":0.0, + "cap":"ROUND" + }, + "secondaryProgressVisual":{ + "visualType":"ARC", + "mixColor":[0.0,0.549,1.0,0.3], + "thickness":4.0, + "startAngle":0.0, + "cap":"ROUND" + }, + "indeterminateVisual":{ + "visualType":"ARC", + "mixColor":[0.02,0.71,0.525,1.0], + "thickness":4.0, + "startAngle":267.0, + "sweepAngle":75.0, + "cap":"ROUND" + }, + "indeterminateVisualAnimation": + [ + { + "target":"trackVisual", + "property":"opacity", + "targetValue": 0, + "animator": + { + "alphaFunction":"DEFAULT", + "timePeriod": + { + "duration":0, + "delay":0 + } + } + }, + { + "target":"secondaryProgressVisual", + "property":"opacity", + "targetValue": 0, + "animator": + { + "alphaFunction":"DEFAULT", + "timePeriod": + { + "duration":0, + "delay":0 + } + } + }, + { + "target":"progressVisual", + "property":"sweepAngle", + "initialValue": 75, + "targetValue": 180, + "animator": + { + "alphaFunction":[0.439, 0.0, 0.718, 0.428], + "timePeriod": + { + "duration":1.0, + "delay":0.0 + } + } + }, + { + "target":"progressVisual", + "property":"sweepAngle", + "targetValue": 75, + "animator": + { + "alphaFunction":[0.224, 0.571, 0.53, 1.0], + "timePeriod": + { + "duration":1.0, + "delay":2.0 + } + } + }, + { + "target":"progressVisual", + "property":"startAngle", + "initialValue": 87, + "targetValue": 1887, + "animator": + { + "alphaFunction":[0.33, 0.0, 0.3, 1.0], + "timePeriod": + { + "duration":3.0, + "delay":0.0 + } + } + }, + { + "target":"indeterminateVisual", + "property":"sweepAngle", + "initialValue": 75, + "targetValue": 180, + "animator": + { + "alphaFunction":[0.439, 0.0, 0.718, 0.428], + "timePeriod": + { + "duration":1.0, + "delay":0.0 + } + } + }, + { + "target":"indeterminateVisual", + "property":"sweepAngle", + "targetValue": 75, + "animator": + { + "alphaFunction":[0.224, 0.571, 0.53, 1.0], + "timePeriod": + { + "duration":1.0, + "delay":2.0 + } + } + }, + { + "target":"indeterminateVisual", + "property":"startAngle", + "initialValue": 267, + "targetValue": 2067, + "animator": + { + "alphaFunction":[0.33, 0.0, 0.3, 1.0], + "timePeriod": + { + "duration":3.0, + "delay":0.0 + } + } + } + ], + "labelVisual":{ + "visualType": "TEXT", + "textColor": [ 1.0, 1.0, 1.0, 1.0 ], + "pointSize" : 12.0, // Point size must always be provided to Text Visual + "horizontalAlignment": "CENTER", + "verticalAlignment": "CENTER" + }, + "progressValue": 0.2, + "secondaryProgressValue":0.4, + "indeterminate": false }, "Button": { + "styles":["Tooltip"], "initialAutoRepeatingDelay":2.0, "nextAutoRepeatingDelay":0.9 // Note: Visuals added to Button will be used in all derived buttons unless overridden. @@ -257,6 +525,10 @@ "url": "{DALI_IMAGE_DIR}button-disabled.9.png" } }, + "ToggleButton": + { + "styles":["Button"] + }, "CheckBoxButton": { "styles":["Button"],