Peter M. Groen / dali-demo

Commit 19322a766d36bc2a1f43dcafa0b23c2ba2989dc9

Authored by David Steele
1 parent ba5a67df

Added style for Raspberry Pi 

Invoke GBS with --define "rpi_style 1"

Changed text size of labels in demo buttons.

Change-Id: I3f1f663c2c416ecd26e6b1f1124faf222192bf64
Signed-off-by: David Steele <david.steele@samsung.com>
Inline Side-by-side
Showing 25 changed files with 1538 additions and 0 deletions
README.md
  View file @19322a7
... ... @@ -66,6 +66,10 @@ Before running make install as normal:
66 66  
67 67 $ gbs build -A [TARGET_ARCH] --define "%enable_debug 1"
68 68  
  69 +### Raspberry Pi builds
  70 +
  71 + $ gbs build -A [TARGET_ARCH] --define "%rpi_style 1"
  72 +
69 73 # Creating an example
70 74  
71 75 - Make a directory in the "examples" directory. Only one example will be created per directory.
... ...
build/tizen/CMakeLists.txt
  View file @19322a7
... ... @@ -181,6 +181,7 @@ ENDFOREACH(flag)
181 181 #Create resources location file
182 182 CONFIGURE_FILE( resources-location.in ${DEMO_SHARED}/resources-location.cpp )
183 183  
  184 +MESSAGE("Installing from: ${LOCAL_STYLE_DIR}")
184 185 FILE(GLOB LOCAL_STYLES_LIST "${LOCAL_STYLE_DIR}/*.json")
185 186 FOREACH(flag ${LOCAL_STYLES_LIST})
186 187 INSTALL(FILES ${flag} DESTINATION ${STYLE_DIR})
... ...
packaging/com.samsung.dali-demo.spec
  View file @19322a7
... ... @@ -43,7 +43,12 @@ of the capability of the toolkit.
43 43 %define dali_app_res_dir %{dali_app_ro_dir}/res/
44 44 %define dali_app_exe_dir %{dali_app_ro_dir}/bin/
45 45 %define locale_dir %{dali_app_res_dir}/locale
  46 +
  47 +%if 0%{?rpi_style}
  48 +%define local_style_dir ../../resources/style/rpi
  49 +%else
46 50 %define local_style_dir ../../resources/style/mobile
  51 +%endif
47 52  
48 53 ##############################
49 54 # Build
... ...
resources/style/rpi/animated-gradient-call-active-style.json 0 → 100644
  View file @19322a7
  1 +{
  2 + "styles": {
  3 + "IncomeBackground": {
  4 + "background": {
  5 + "visualType": "ANIMATED_GRADIENT",
  6 + "gradientType": "RADIAL",
  7 + "unitType": "USER_SPACE",
  8 + "startPosition": [0.0, 0.0],
  9 + "endPosition": [180.0, 0.0],
  10 + "startColor": [0.1333, 0.1647, 0.2941, 1.0],
  11 + "endColor": [0.0784, 0.3961, 0.4863, 1.0],
  12 + "rotateCenter": [0.0, 0.0],
  13 + "rotateAmount": 0.0,
  14 + "offset": {
  15 + "startValue": 0.0,
  16 + "targetValue": 2.0,
  17 + "directionType": "BACKWARD",
  18 + "duration": 1.25,
  19 + "delay": 0.0,
  20 + "repeat": -1,
  21 + "repeatDelay": 0.0,
  22 + "motionType": "LOOP",
  23 + "easingType": "LINEAR"
  24 + }
  25 + }
  26 + },
  27 + "ActiveBackground":{
  28 + "background":{
  29 + "visualType": "ANIMATED_GRADIENT",
  30 + "gradientType": "RADIAL",
  31 + "unitType": "USER_SPACE",
  32 + "startPosition": [0.0, 0.0],
  33 + "endPosition": [180.0, 0.0],
  34 + "startColor": [0.1066, 0.1318, 0.2353, 1.0],
  35 + "endColor": [0.0627, 0.3169, 0.3890, 1.0],
  36 + "rotateCenter": [0.0, 0.0],
  37 + "rotateAmount": 0.0,
  38 + "offset": {
  39 + "startValue": 0.0,
  40 + "targetValue": 2.0,
  41 + "directionType": "BACKWARD",
  42 + "duration": 4.0,
  43 + "delay": 0.0,
  44 + "repeat": -1,
  45 + "repeatDelay": 0.0,
  46 + "motionType": "LOOP",
  47 + "easingType": "LINEAR"
  48 + }
  49 + }
  50 + },
  51 + "DeclineButton":{
  52 + "background":{
  53 + "visualType": "ANIMATED_GRADIENT",
  54 + "gradientType": "LINEAR",
  55 + "unitType": "USER_SPACE",
  56 + "startPosition": [-180.0, 0.0],
  57 + "endPosition": [180.0, 0.0],
  58 + "startColor": [0.8941, 0.0078, 0.0078, 1.0],
  59 + "endColor": [1.0000, 0.5961, 0.0000, 1.0],
  60 + "rotateCenter": [0.0, 0.0],
  61 + "rotateAmount": 0.78539816,
  62 + "offset": {
  63 + "startValue": 0.0,
  64 + "targetValue": 2.0,
  65 + "directionType": "FORWARD",
  66 + "duration": 1.8,
  67 + "delay": -1.2,
  68 + "repeat": -1,
  69 + "repeatDelay": 1.2,
  70 + "motionType": "LOOP",
  71 + "easingType": "IN_OUT"
  72 + }
  73 + }
  74 + }
  75 + }
  76 +}
... ...
resources/style/rpi/base-theme.json 0 → 100644
  View file @19322a7
  1 +/*
  2 + * Copyright (c) 2019 Samsung Electronics Co., Ltd
  3 + *
  4 + * Licensed under the Apache License, Version 2.0 (the "License");
  5 + * you may not use this file except in compliance with the License.
  6 + * You may obtain a copy of the License at
  7 + *
  8 + * http://www.apache.org/licenses/LICENSE-2.0
  9 + *
  10 + * Unless required by applicable law or agreed to in writing, software
  11 + * distributed under the License is distributed on an "AS IS" BASIS,
  12 + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13 + * See the License for the specific language governing permissions and
  14 + * limitations under the License.
  15 + *
  16 + */
  17 +
  18 +{
  19 + "styles":
  20 + {
  21 + "CustomPopupStyle":{
  22 + "popupBackgroundImage":"{APPLICATION_RESOURCE_PATH}/images/popup.9.png",
  23 + "popupBackgroundBorder":[0,4,4,0],
  24 + "tailUpImage":"{APPLICATION_RESOURCE_PATH}/images/popup-tail-up.png",
  25 + "tailDownImage":"{APPLICATION_RESOURCE_PATH}/images/popup-tail-down.png",
  26 + "tailLeftImage":"{APPLICATION_RESOURCE_PATH}/images/popup-tail-left.png",
  27 + "tailRightImage":"{APPLICATION_RESOURCE_PATH}/images/popup-tail-right.png"
  28 + },
  29 +
  30 + "DemoTileBase":
  31 + {
  32 + "states":
  33 + {
  34 + "NORMAL":
  35 + {
  36 + "color":[0.4, 0.6, 0.9, 0.6],
  37 + "visuals":
  38 + {
  39 + "image":
  40 + {
  41 + "url":"{APPLICATION_RESOURCE_PATH}/images/demo-tile-texture.9.png",
  42 +// TILE_BACKGROUND_ALPHA
  43 +// This shader takes a texture.
  44 +// An alpha discard is performed.
  45 +// The shader uses the tiles position within the scroll-view page and the scroll-views rotation position to create a parallax effect.
  46 + "shader":
  47 + {
  48 + "fragmentShader":[
  49 + " varying mediump vec2 vTexCoord;",
  50 + " uniform lowp vec4 uColor;",
  51 + " uniform sampler2D sTexture;",
  52 + " uniform mediump vec3 uCustomPosition;",
  53 + "",
  54 + " void main()",
  55 + " {",
  56 + " if( texture2D( sTexture, vTexCoord ).a <= 0.0001 )",
  57 + " {",
  58 + " discard;",
  59 + " }",
  60 + "",
  61 + " mediump vec2 wrapTexCoord = vec2( ( vTexCoord.x / 4.0 ) + ( uCustomPosition.x / 4.0 ) + ( uCustomPosition.z / 2.0 ), vTexCoord.y / 4.0 );",
  62 + " mediump vec4 color = texture2D( sTexture, wrapTexCoord );",
  63 + " mediump float positionWeight = ( uCustomPosition.y + 0.3 ) * color.r * 2.0;",
  64 + "",
  65 + " gl_FragColor = vec4( positionWeight, positionWeight, positionWeight, 0.9 ) * uColor + vec4( uColor.xyz, 0.0 );",
  66 + " }"
  67 + ]
  68 + }
  69 + }
  70 + }
  71 + },
  72 + "FOCUSED":
  73 + {
  74 + "color":[0.3, 0.5, 0.8, 0.5],
  75 + "visuals":
  76 + {
  77 + "image":
  78 + {
  79 + "url":"{APPLICATION_RESOURCE_PATH}/images/demo-tile-texture-focused.9.png",
  80 +// TILE_BACKGROUND_ALPHA
  81 +// This shader takes a texture.
  82 +// An alpha discard is performed.
  83 +// The shader uses the tiles position within the scroll-view page and the scroll-views rotation position to create a parallax effect.
  84 + "shader":
  85 + {
  86 + "fragmentShader":[
  87 + " varying mediump vec2 vTexCoord;",
  88 + " uniform lowp vec4 uColor;",
  89 + " uniform sampler2D sTexture;",
  90 + " uniform mediump vec3 uCustomPosition;",
  91 + "",
  92 + " void main()",
  93 + " {",
  94 + " if( texture2D( sTexture, vTexCoord ).a <= 0.0001 )",
  95 + " {",
  96 + " discard;",
  97 + " }",
  98 + "",
  99 + " mediump vec2 wrapTexCoord = vec2( ( vTexCoord.x / 4.0 ) + ( uCustomPosition.x / 4.0 ) + ( uCustomPosition.z / 2.0 ), vTexCoord.y / 4.0 );",
  100 + " mediump vec4 color = texture2D( sTexture, wrapTexCoord );",
  101 + " mediump float positionWeight = ( uCustomPosition.y + 0.3 ) * color.r * 2.0;",
  102 + "",
  103 + " gl_FragColor = vec4( positionWeight, positionWeight, positionWeight, 0.9 ) * uColor + vec4( uColor.xyz, 0.0 );",
  104 + " }"
  105 + ]
  106 + }
  107 + }
  108 + }
  109 + }
  110 + }
  111 + },
  112 + "FocusActor":
  113 + {
  114 + "visuals":
  115 + {
  116 + "image":
  117 + {
  118 + "url":"{APPLICATION_RESOURCE_PATH}/images/tile-focus.9.png"
  119 + }
  120 + }
  121 + },
  122 + "DemoTileBorder":
  123 + {
  124 + "visuals":
  125 + {
  126 + "image":
  127 + {
  128 + "url":"{APPLICATION_RESOURCE_PATH}/images/item-background.9.png" // TILE_BACKGROUND
  129 + }
  130 + }
  131 + },
  132 + "TextLabelRosemary":
  133 + {
  134 + "fontFamily":"Rosemary"
  135 + },
  136 + "TextLabel":
  137 + {
  138 + "fontStyle":{"weight":"normal"},
  139 + "pointSize":24
  140 + },
  141 + "TextLabelFontSize0":
  142 + {
  143 + "pointSize":24
  144 + },
  145 + "TextLabelFontSize1":
  146 + {
  147 + "pointSize":28
  148 + },
  149 + "TextLabelFontSize2":
  150 + {
  151 + "pointSize":32
  152 + },
  153 + "TextLabelFontSize3":
  154 + {
  155 + "pointSize":34
  156 + },
  157 + "TextLabelFontSize4":
  158 + {
  159 + "pointSize":36
  160 + },
  161 +
  162 + "Launcherlabel":
  163 + {
  164 + "pointSize":24
  165 + },
  166 +
  167 + "ToolbarLabel":
  168 + {
  169 + "pointSize":24
  170 + },
  171 +
  172 + "BuilderLabel":
  173 + {
  174 + "pointSize":24
  175 + },
  176 +
  177 + "ScrollView":
  178 + {
  179 + "overshootEffectColor":"B018"
  180 + },
  181 +
  182 + "GroupLabel":
  183 + {
  184 + "pointSize":24
  185 + },
  186 +
  187 + "ChangeLayoutButton":
  188 + {
  189 + "label":{
  190 + "pointSize":24
  191 + }
  192 + }
  193 + }
  194 +}
... ...
resources/style/rpi/basic-light-theme.json 0 → 100644
  View file @19322a7
  1 +/*
  2 + * Copyright (c) 2000-2017 Samsung Electronics Co., Ltd
  3 + * Licensed under the Apache License, Version 2.0 (the "License");
  4 + * you may not use this file except in compliance with the License.
  5 + * You may obtain a copy of the License at
  6 + *
  7 + * http://www.apache.org/licenses/LICENSE-2.0
  8 + *
  9 + * Unless required by applicable law or agreed to in writing, software
  10 + * distributed under the License is distributed on an "AS IS" BASIS,
  11 + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  12 + * See the License for the specific language governing permissions and
  13 + * limitations under the License.
  14 + *
  15 + */
  16 +
  17 +{
  18 + "styles":
  19 + {
  20 + //
  21 + // Simple Visuals Application styling
  22 + //
  23 + "BasicLightButton":
  24 + {
  25 + "states":
  26 + {
  27 + "NORMAL":
  28 + {
  29 + "unselectedBackgroundVisual":
  30 + {
  31 + "url":"{APPLICATION_RESOURCE_PATH}/images/button-white-up.9.png"
  32 + }
  33 + },
  34 + "FOCUSED":
  35 + {
  36 + "unselectedBackgroundVisual":
  37 + {
  38 + "url":"{APPLICATION_RESOURCE_PATH}/images/button-white-up.9.png"
  39 + }
  40 + }
  41 + }
  42 + }
  43 + }
  44 +}
... ...
resources/style/rpi/contact-cards-example-theme.json 0 → 100644
  View file @19322a7
  1 +/*
  2 + * Copyright (c) 2016 Samsung Electronics Co., Ltd.
  3 + *
  4 + * Licensed under the Apache License, Version 2.0 (the "License");
  5 + * you may not use this file except in compliance with the License.
  6 + * You may obtain a copy of the License at
  7 + *
  8 + * http://www.apache.org/licenses/LICENSE-2.0
  9 + *
  10 + * Unless required by applicable law or agreed to in writing, software
  11 + * distributed under the License is distributed on an "AS IS" BASIS,
  12 + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13 + * See the License for the specific language governing permissions and
  14 + * limitations under the License.
  15 + *
  16 + */
  17 +
  18 +{
  19 + "styles":
  20 + {
  21 + "ContactNameTextLabel":
  22 + {
  23 + "textColor": [ 0, 0, 0, 1 ],
  24 + "horizontalAlignment": "CENTER",
  25 + "pointSize": 7
  26 + },
  27 +
  28 + "ContactDetailTextLabel":
  29 + {
  30 + "textColor": [ 0, 0, 0, 1 ],
  31 + "multiLine": true,
  32 + "pointSize": 13
  33 + }
  34 + }
  35 +}
... ...
resources/style/rpi/examples-theme.json 0 → 100644
  View file @19322a7
  1 +/*
  2 + * Copyright (c) 2019 Samsung Electronics Co., Ltd
  3 + *
  4 + * Licensed under the Apache License, Version 2.0 (the "License");
  5 + * you may not use this file except in compliance with the License.
  6 + * You may obtain a copy of the License at
  7 + *
  8 + * http://www.apache.org/licenses/LICENSE-2.0
  9 + *
  10 + * Unless required by applicable law or agreed to in writing, software
  11 + * distributed under the License is distributed on an "AS IS" BASIS,
  12 + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13 + * See the License for the specific language governing permissions and
  14 + * limitations under the License.
  15 + *
  16 + */
  17 +
  18 +{
  19 + "includes":
  20 + [
  21 + "{APPLICATION_RESOURCE_PATH}/style/base-theme.json"
  22 + ],
  23 +
  24 + "styles":
  25 + {
  26 + "DemoTile":
  27 + {
  28 + "styles": ["DemoTileBase"],
  29 + "states":
  30 + {
  31 + "NORMAL":
  32 + {
  33 + "color":[0.9, 0.4, 0.4, 0.6]
  34 + }
  35 + }
  36 + },
  37 +
  38 + "LauncherBackground":
  39 + {
  40 + "background":
  41 + {
  42 + "visualType": "GRADIENT",
  43 + "center": [360, 640],
  44 + "radius": 1468,
  45 + "units": "USER_SPACE",
  46 + "stopColor": [[0,0,0,1.0],[0.556863,0.054902,0,1.0]]
  47 + }
  48 + },
  49 +
  50 + "BubbleColor1":
  51 + {
  52 + "color": [ 0.8255, 0.2412, 0.1353, 0.32 ]
  53 + },
  54 +
  55 + "BubbleColor2":
  56 + {
  57 + "color": [ 0.8647, 0.4569, 0.3157, 0.32 ]
  58 + },
  59 +
  60 + "BubbleColor3":
  61 + {
  62 + "color": [ 0.9804, 0.5412, 0.5510, 0.32 ]
  63 + },
  64 +
  65 + "BubbleColor4":
  66 + {
  67 + "color": [ 1, 0, 0, 0.13 ]
  68 + }
  69 +
  70 + }
  71 +}
... ...
resources/style/rpi/images/CheckBg.png 0 → 100644
View file @19322a7

1.23 KB
resources/style/rpi/images/Tick.png 0 → 100644
View file @19322a7

1.67 KB
resources/style/rpi/images/radio-button-selected.png 0 → 100644
View file @19322a7

3.74 KB
resources/style/rpi/images/radio-button-unselected-disabled.png 0 → 100644
View file @19322a7

2.61 KB
resources/style/rpi/images/radio-button-unselected.png 0 → 100644
View file @19322a7

3.07 KB
resources/style/rpi/images/shadowButtonBg.9.png 0 → 100644
View file @19322a7

1.56 KB
resources/style/rpi/images/slider-skin-progress-blue.9.png 0 → 100644
View file @19322a7

405 Bytes
resources/style/rpi/images/slider-skin-progress-green.9.png 0 → 100644
View file @19322a7

425 Bytes
resources/style/rpi/images/slider-skin-progress-red.9.png 0 → 100644
View file @19322a7

424 Bytes
resources/style/rpi/progress-bar-example-theme.json 0 → 100644
  View file @19322a7
  1 +/*
  2 + * Copyright (c) 2016 Samsung Electronics Co., Ltd.
  3 + *
  4 + * Licensed under the Apache License, Version 2.0 (the "License");
  5 + * you may not use this file except in compliance with the License.
  6 + * You may obtain a copy of the License at
  7 + *
  8 + * http://www.apache.org/licenses/LICENSE-2.0
  9 + *
  10 + * Unless required by applicable law or agreed to in writing, software
  11 + * distributed under the License is distributed on an "AS IS" BASIS,
  12 + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13 + * See the License for the specific language governing permissions and
  14 + * limitations under the License.
  15 + *
  16 + */
  17 +{
  18 + "styles":
  19 + {
  20 + "ProgressBar":
  21 + {
  22 + "trackVisual":{
  23 + "url":"{APPLICATION_RESOURCE_PATH}/images/new-progress-bar-track.9.png"
  24 + },
  25 + "progressVisual":{
  26 + "url":"{APPLICATION_RESOURCE_PATH}/images/new-progress-bar-progress.9.png"
  27 + },
  28 + "secondaryProgressVisual":{
  29 + "url":"{APPLICATION_RESOURCE_PATH}/images/new-progress-bar-secondary-progress.9.png"
  30 + }
  31 + },
  32 + "CircularProgressBar":
  33 + {
  34 + "trackVisual":{
  35 + "visualType":"ARC",
  36 + "mixColor":[1.0, 0.898, 0.769, 1.0],
  37 + "thickness":8.0
  38 + },
  39 + "progressVisual":{
  40 + "visualType":"ARC",
  41 + "mixColor":[0.965, 0.494, 0.49, 1.0],
  42 + "thickness":8.0
  43 + },
  44 + "secondaryProgressVisual":{
  45 + "visualType":"ARC",
  46 + "mixColor":[1.0, 0.757, 0.655, 1.0],
  47 + "thickness":8.0
  48 + },
  49 + "indeterminateVisual":{
  50 + "visualType":"ARC",
  51 + "mixColor":[0.49, 0.478, 0.635, 1.0],
  52 + "thickness":8.0,
  53 + "startAngle":267.0,
  54 + "sweepAngle":75.0
  55 + }
  56 + }
  57 + }
  58 +}
... ...
resources/style/rpi/simple-example-theme.json 0 → 100644
  View file @19322a7
  1 +/*
  2 + * Copyright (c) 2000-2017 Samsung Electronics Co., Ltd
  3 + * Licensed under the Apache License, Version 2.0 (the "License");
  4 + * you may not use this file except in compliance with the License.
  5 + * You may obtain a copy of the License at
  6 + *
  7 + * http://www.apache.org/licenses/LICENSE-2.0
  8 + *
  9 + * Unless required by applicable law or agreed to in writing, software
  10 + * distributed under the License is distributed on an "AS IS" BASIS,
  11 + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  12 + * See the License for the specific language governing permissions and
  13 + * limitations under the License.
  14 + *
  15 + */
  16 +
  17 +{
  18 + "styles":
  19 + {
  20 + //
  21 + // Simple Visuals Application styling
  22 + //
  23 + "MyControl":
  24 + {
  25 + "states":
  26 + {
  27 + "NORMAL":
  28 + {
  29 + "visuals":
  30 + {
  31 + "iconVisual":
  32 + {
  33 + "url":"{APPLICATION_RESOURCE_PATH}/images/application-icon-13.png"
  34 + }
  35 + }
  36 + },
  37 + "FOCUSED":
  38 + {
  39 + "visuals":
  40 + {
  41 + "iconVisual":
  42 + {
  43 + "url":"{APPLICATION_RESOURCE_PATH}/images/application-icon-83.png"
  44 + }
  45 + }
  46 + }
  47 + }
  48 + }
  49 + }
  50 +}
... ...
resources/style/rpi/style-example-theme-one.json 0 → 100644
  View file @19322a7
  1 +{
  2 + "constants":
  3 + {
  4 + "STYLE_DIR":"{APPLICATION_RESOURCE_PATH}/style"
  5 + },
  6 + "styles":
  7 + {
  8 + "Title":{
  9 + "textColor":"#0000ff",
  10 + "background":
  11 + {
  12 + "visualType":"COLOR",
  13 + "mixColor": [ 1.0, 1.0, 1.0, 1.0 ]
  14 + }
  15 + },
  16 + "TableView":{
  17 + "background":
  18 + {
  19 + "visualType":"COLOR",
  20 + "mixColor": [ 1.0, 1.0, 1.0, 0.03 ]
  21 + }
  22 + },
  23 + "FlexContainer":{
  24 + "background":
  25 + {
  26 + "visualType":"COLOR",
  27 + "mixColor": [ 1.0, 1.0, 1.0, 0.1 ]
  28 + }
  29 + },
  30 + "RadioButton":{
  31 + "label":{
  32 + "textColor": [1,1,1,1]
  33 + }
  34 + },
  35 + "CheckBoxButton":{
  36 + "label":{
  37 + "textColor": [1,1,1,1]
  38 + }
  39 + },
  40 + "ColorLabel1":{
  41 + "textColor": [1,0,0,1]
  42 + },
  43 + "ColorLabel2":{
  44 + "textColor": [0,1,0,1]
  45 + },
  46 + "ColorLabel3":{
  47 + "textColor": [0.3,0.3,1,1]
  48 + },
  49 + "ThemeLabel":{
  50 + "textColor":[0,1,1,1]
  51 + },
  52 + "PopupTitle":{
  53 + "textColor":[1,1,1,1]
  54 + },
  55 + "PopupBody":{
  56 + "textColor":[1,1,0,1]
  57 + },
  58 + "TextLabel":{
  59 + "textColor":[0,0,0,1]
  60 + },
  61 + "ColorSlider1":{
  62 + "styles":["Slider"]
  63 + },
  64 + "ColorSlider2":{
  65 + "styles":["slider"]
  66 + },
  67 + "ColorSlider3":{
  68 + "styles":["slider"]
  69 + },
  70 + "ImageChannelControl":
  71 + {
  72 + "enableVisibilityTransition":
  73 + [
  74 + {
  75 + "target":"imageVisual",
  76 + "property":"opacity",
  77 + "initialValue":0,
  78 + "targetValue":1,
  79 + "animator":
  80 + {
  81 + "alphaFunction":"EASE_IN_OUT",
  82 + "timePeriod":
  83 + {
  84 + "duration":0.25,
  85 + "delay":0
  86 + }
  87 + }
  88 + },
  89 + {
  90 + "target":"imageVisual",
  91 + "property":"size",
  92 + "targetValue":[1,1]
  93 + }
  94 + ],
  95 + "disableVisibilityTransition":
  96 + [
  97 + {
  98 + "target":"imageVisual",
  99 + "property":"opacity",
  100 + "targetValue":0,
  101 + "animator":
  102 + {
  103 + "alphaFunction":"EASE_IN_OUT",
  104 + "timePeriod":
  105 + {
  106 + "duration":0.25,
  107 + "delay":0
  108 + }
  109 + }
  110 + },
  111 + {
  112 + "target":"imageVisual",
  113 + "property":"size",
  114 + "targetValue":[1,1,1]
  115 + }
  116 + ]
  117 + },
  118 + "ShadowButton":
  119 + {
  120 + "states":
  121 + {
  122 + "NORMAL":
  123 + {
  124 + "visuals":
  125 + {
  126 + "backgroundVisual":{
  127 + "visualType":"IMAGE",
  128 + "url":"{STYLE_DIR}/images/shadowButtonBg.9.png",
  129 + "depthIndex":0
  130 + },
  131 +
  132 + "checkboxBgVisual":{
  133 + "visualType":"IMAGE",
  134 + "url":"{STYLE_DIR}/images/CheckBg.png",
  135 + "transform":{
  136 + "size":[0.12, 0.37],
  137 + "offset":[30,0],
  138 + "offsetPolicy":["ABSOLUTE", "ABSOLUTE"],
  139 + "sizePolicy":["RELATIVE", "RELATIVE"],
  140 + "origin":"CENTER_BEGIN",
  141 + "anchorPoint":"CENTER_BEGIN"
  142 + },
  143 + "depthIndex":1
  144 + },
  145 +
  146 + "labelVisual":{
  147 + "visualType":"TEXT",
  148 + "text":"Don't show again",
  149 + "pointSize":8,
  150 + "horizontalAlignment":"END",
  151 + "verticalAlignment":"CENTER",
  152 + "textColor":[1,1,1,1],
  153 + "mixColor":[0,0,0,1],
  154 + "transform":{
  155 + "size":[0.9, 0.9],
  156 + "offset":[-30,0],
  157 + "offsetPolicy":["ABSOLUTE", "ABSOLUTE"],
  158 + "sizePolicy":["RELATIVE", "RELATIVE"],
  159 + "origin":"CENTER_END",
  160 + "anchorPoint":"CENTER_END"
  161 + },
  162 + "depthIndex":1
  163 + }
  164 + },
  165 +
  166 + "states":
  167 + {
  168 + "CHECKED":
  169 + {
  170 + "visuals":
  171 + {
  172 + "checkboxFgVisual":{
  173 + "visualType":"IMAGE",
  174 + "url":"{STYLE_DIR}/images/Tick.png",
  175 + "transform":{
  176 + "size":[0.12, 0.37],
  177 + "offset":[30,0],
  178 + "offsetPolicy":["ABSOLUTE", "ABSOLUTE"],
  179 + "sizePolicy":["RELATIVE", "RELATIVE"],
  180 + "origin":"CENTER_BEGIN",
  181 + "anchorPoint":"CENTER_BEGIN"
  182 + },
  183 + "depthIndex":2
  184 + }
  185 + },
  186 + "entryTransition":
  187 + [
  188 + {
  189 + "target":"checkboxFgVisual",
  190 + "property":"pixelArea",
  191 + "initialValue":[0.0, 0.0, 0.0, 1.0],
  192 + "targetValue":[0.0, 0.0, 1.0, 1.0],
  193 + "animator":
  194 + {
  195 + "alphaFunction":"EASE_IN",
  196 + "timePeriod":
  197 + {
  198 + "duration":0.4,
  199 + "delay":0
  200 + }
  201 + }
  202 + },
  203 + {
  204 + "target":"checkboxFgVisual",
  205 + "property":"size",
  206 + "initialValue":[0.0, 0.37],
  207 + "targetValue":[0.12, 0.37],
  208 + "animator":
  209 + {
  210 + "alphaFunction":"EASE_IN",
  211 + "timePeriod":
  212 + {
  213 + "duration":0.4,
  214 + "delay":0
  215 + }
  216 + }
  217 + }
  218 + ],
  219 + "exitTransition":
  220 + [
  221 + {
  222 + "target":"checkboxFgVisual",
  223 + "property":"pixelArea",
  224 + "initialValue":[0.0, 0.0, 1.0, 1.0],
  225 + "targetValue":[0.0, 0.0, 0.0, 1.0],
  226 + "animator":
  227 + {
  228 + "alphaFunction":"EASE_OUT",
  229 + "timePeriod":
  230 + {
  231 + "duration":0.4,
  232 + "delay":0
  233 + }
  234 + }
  235 + },
  236 + {
  237 + "target":"checkboxFgVisual",
  238 + "property":"size",
  239 + "targetValue":[0.0, 0.37],
  240 + "animator":
  241 + {
  242 + "alphaFunction":"EASE_OUT",
  243 + "timePeriod":
  244 + {
  245 + "duration":0.4,
  246 + "delay":0
  247 + }
  248 + }
  249 + }
  250 + ]
  251 + },
  252 + "UNCHECKED":
  253 + {
  254 + }
  255 + }
  256 + },
  257 + //"FOCUSED"
  258 + "DISABLED":
  259 + {
  260 + "visuals":
  261 + {
  262 + "checkboxBgVisual":{
  263 + "visualType":"IMAGE",
  264 + "url":"{STYLE_DIR}/images/CheckBg.png",
  265 + "transform":{
  266 + "size":[0.09, 0.28],
  267 + "offset":[30,0],
  268 + "offsetPolicy":["ABSOLUTE", "ABSOLUTE"],
  269 + "sizePolicy":["RELATIVE", "RELATIVE"],
  270 + "origin":"CENTER_BEGIN",
  271 + "anchorPoint":"CENTER_BEGIN"
  272 + },
  273 + "depthIndex":0
  274 + },
  275 +
  276 + "checkboxFgVisual":{
  277 + "visualType":"IMAGE",
  278 + "url":"{STYLE_DIR}/images/Tick.png",
  279 + "transform":{
  280 + "size":[0.09, 0.28],
  281 + "offset":[30,0],
  282 + "offsetPolicy":["ABSOLUTE", "ABSOLUTE"],
  283 + "sizePolicy":["RELATIVE", "RELATIVE"],
  284 + "origin":"CENTER_BEGIN",
  285 + "anchorPoint":"CENTER_BEGIN"
  286 + },
  287 + "depthIndex":1
  288 + },
  289 +
  290 + "labelVisual":{
  291 + "visualType":"TEXT",
  292 + "text":"Don't show again",
  293 + "pointSize":8,
  294 + "horizontalAlignment":"END",
  295 + "verticalAlignment":"CENTER",
  296 + "textColor":[1,1,1,1],
  297 + "mixColor":[0.3, 0.3, 0.3, 1],
  298 + "transform":{
  299 + "size":[0.9, 0.9],
  300 + "offset":[-30,0],
  301 + "offsetPolicy":["ABSOLUTE", "ABSOLUTE"],
  302 + "sizePolicy":["RELATIVE", "RELATIVE"],
  303 + "origin":"CENTER_END",
  304 + "anchorPoint":"CENTER_END"
  305 + },
  306 + "depthIndex":1
  307 + }
  308 + },
  309 + "states":
  310 + {
  311 + "CHECKED":
  312 + {
  313 + "visuals":
  314 + {
  315 + "checkboxFgVisual":{
  316 + "visualType":"IMAGE",
  317 + "url":"{STYLE_DIR}/images/Tick.png",
  318 + "transform":{
  319 + "size":[0.09, 0.28],
  320 + "offset":[30,0],
  321 + "offsetPolicy":["ABSOLUTE", "ABSOLUTE"],
  322 + "sizePolicy":["RELATIVE", "RELATIVE"],
  323 + "origin":"CENTER_BEGIN",
  324 + "anchorPoint":"CENTER_BEGIN"
  325 + },
  326 + "depthIndex":2
  327 + }
  328 + }
  329 + },
  330 + "UNCHECKED":
  331 + {
  332 + }
  333 + }
  334 + }
  335 + },
  336 + "transitions":
  337 + [
  338 + {
  339 + "from":"DISABLED",
  340 + "to":"NORMAL",
  341 + "visualName":"backgroundVisual",
  342 + "effect":"FADE_IN",
  343 + "animator":
  344 + {
  345 + "alphaFunction":"EASE_OUT_BACK",
  346 + "duration":0.8
  347 + }
  348 + },
  349 + {
  350 + "from":"DISABLED",
  351 + "to":"NORMAL",
  352 + "visualName":"*",
  353 + "effect":"CROSSFADE",
  354 + "animator":
  355 + {
  356 + "alphaFunction":"EASE_OUT_BACK",
  357 + "duration":0.8
  358 + }
  359 + },
  360 + {
  361 + "from":"NORMAL",
  362 + "to":"DISABLED",
  363 + "visualName":"backgroundVisual",
  364 + "effect":"FADE_OUT",
  365 + "animator":
  366 + {
  367 + "alphaFunction":"EASE_OUT_BACK",
  368 + "duration":0.8
  369 + }
  370 + },
  371 + {
  372 + "from":"NORMAL",
  373 + "to":"DISABLED",
  374 + "visualName":"*",
  375 + "effect":"CROSSFADE",
  376 + "animator":
  377 + {
  378 + "alphaFunction":"EASE_OUT_BACK",
  379 + "duration":0.8
  380 + }
  381 + }
  382 + ]
  383 + },
  384 + "BeatControl":
  385 + {
  386 + "beatVisual":{
  387 + "visualType":"IMAGE",
  388 + "url":"{APPLICATION_RESOURCE_PATH}/images/Logo-for-demo.png"
  389 + },
  390 +
  391 + "bounceTransition":
  392 + [
  393 + {
  394 + "target":"beatVisual",
  395 + "property":"size",
  396 + "initialValue":[0.5, 0.5],
  397 + "targetValue":[0.75, 0.75],
  398 + "animator":
  399 + {
  400 + "alphaFunction":"BOUNCE",
  401 + "timePeriod":
  402 + {
  403 + "duration":0.5,
  404 + "delay":0
  405 + }
  406 + }
  407 + }
  408 + ],
  409 +
  410 + "leftTransition":
  411 + [
  412 + {
  413 + "target":"beatVisual",
  414 + "property":"offset",
  415 + "initialValue":[0, 0],
  416 + "targetValue":[0.25, 0],
  417 + "animator":
  418 + {
  419 + "alphaFunction":"BOUNCE",
  420 + "timePeriod":
  421 + {
  422 + "duration":0.5,
  423 + "delay":0
  424 + }
  425 + }
  426 + }
  427 + ],
  428 +
  429 + "upTransition":
  430 + [
  431 + {
  432 + "target":"beatVisual",
  433 + "property":"offset",
  434 + "initialValue":[0, 0],
  435 + "targetValue":[0, 0.25],
  436 + "animator":
  437 + {
  438 + "alphaFunction":"BOUNCE",
  439 + "timePeriod":
  440 + {
  441 + "duration":0.5,
  442 + "delay":0
  443 + }
  444 + }
  445 + }
  446 + ],
  447 +
  448 + "fadeTransition":
  449 + [
  450 + {
  451 + "target":"beatVisual",
  452 + "property":"opacity",
  453 + "targetValue":0,
  454 + "animator":
  455 + {
  456 + "alphaFunction":"BOUNCE",
  457 + "timePeriod":
  458 + {
  459 + "duration":0.8,
  460 + "delay":0
  461 + }
  462 + }
  463 + }
  464 + ]
  465 + }
  466 + }
  467 +}
... ...
resources/style/rpi/style-example-theme-three.json 0 → 100644
  View file @19322a7
  1 +{
  2 + "styles":
  3 + {
  4 + "Title":{
  5 + "textColor":"#0000ff",
  6 + "background":
  7 + {
  8 + "visualType":"COLOR",
  9 + "mixColor": [ 1.0, 1.0, 1.0, 1.0 ]
  10 + }
  11 + },
  12 + "TableView":{
  13 + "background":
  14 + {
  15 + "visualType":"COLOR",
  16 + "mixColor": [ 1.0, 1.0, 1.0, 0.03 ]
  17 + }
  18 + },
  19 + "RadioButton":{
  20 + "label":{
  21 + "textColor": [1,1,1,1]
  22 + }
  23 + },
  24 + "CheckboxButton":{
  25 + "label":{
  26 + "textColor": [1,1,1,1]
  27 + }
  28 + },
  29 + "ColorLabel1":{
  30 + "textColor": [1,0,0,1]
  31 + },
  32 + "ColorLabel2":{
  33 + "textColor": [0,1,0,1]
  34 + },
  35 + "ColorLabel3":{
  36 + "textColor": [0.3,0.3,1,1]
  37 + },
  38 + "ThemeLabel":{
  39 + "textColor":[0,1,1,1]
  40 + },
  41 + "PopupTitle":{
  42 + "textColor":[1,1,1,1]
  43 + },
  44 + "PopupBody":{
  45 + "textColor":[1,1,0,1]
  46 + },
  47 + "TextLabel":{
  48 + "textColor":[0,0,0,1]
  49 + },
  50 + "ImageChannelControl":
  51 + {
  52 + "enableVisibilityTransition":
  53 + [
  54 + {
  55 + "target":"imageVisual",
  56 + "property":"size",
  57 + "initialValue":[0.1,0.1],
  58 + "targetValue":[1,1],
  59 + "animator":
  60 + {
  61 + "alphaFunction":"EASE_IN",
  62 + "timePeriod":
  63 + {
  64 + "duration":0.3,
  65 + "delay":0.1
  66 + }
  67 + }
  68 + },
  69 + {
  70 + "target":"imageVisual",
  71 + "property":"mixColor",
  72 + "targetValue":[1,1,1,1]
  73 + }
  74 + ],
  75 + "disableVisibilityTransition":
  76 + [
  77 + {
  78 + "target":"imageVisual",
  79 + "property":"size",
  80 + "initialValue":[1,1],
  81 + "targetValue":[0.1,0.1],
  82 + "animator":
  83 + {
  84 + "alphaFunction":"EASE_OUT",
  85 + "timePeriod":
  86 + {
  87 + "duration":0.3,
  88 + "delay":0.0
  89 + }
  90 + }
  91 + },
  92 + {
  93 + "target":"imageVisual",
  94 + "property":"mixColor",
  95 + "targetValue":[1,1,1,0],
  96 + "animator":
  97 + {
  98 + "alphaFunction":"EASE_OUT",
  99 + "timePeriod":
  100 + {
  101 + "duration":0.3,
  102 + "delay":0.0
  103 + }
  104 + }
  105 + }
  106 + ]
  107 + }
  108 + }
  109 +}
... ...
resources/style/rpi/style-example-theme-two.json 0 → 100644
  View file @19322a7
  1 +{
  2 + "constants":
  3 + {
  4 + "STYLE_DIR":"{APPLICATION_RESOURCE_PATH}/style"
  5 + },
  6 + "styles":
  7 + {
  8 + "Title":{
  9 + "textColor":"#0000ff",
  10 + "background":
  11 + {
  12 + "visualType":"COLOR",
  13 + "mixColor": [ 1.0, 1.0, 1.0, 1.0 ]
  14 + }
  15 + },
  16 + "TableView":{
  17 + "background":
  18 + {
  19 + "visualType":"GRADIENT",
  20 + "startPosition": [0,-1],
  21 + "endPosition": [0,1],
  22 + "stopColor": [ [ 1.0, 0.0, 1.0, 0.03 ], [1.0,0.0,1.0,0.15] ]
  23 + }
  24 + },
  25 +
  26 + // Change an icon size, see if it gets properly re-sized
  27 + "RadioButton":{
  28 + "unselectedVisual":
  29 + {
  30 + "visualType": "IMAGE",
  31 + "url": "{STYLE_DIR}/images/radio-button-unselected.png"
  32 + },
  33 + "selectedVisual":
  34 + {
  35 + "visualType": "IMAGE",
  36 + "url": "{STYLE_DIR}/images/radio-button-selected.png"
  37 + },
  38 + "label":{
  39 + "textColor": [0.1,1,1,1]
  40 + }
  41 + },
  42 + "checkboxbutton":{
  43 + "label":{
  44 + "textColor": [1,1,1,1]
  45 + }
  46 + },
  47 + "colorLabel1":{
  48 + "textColor": [1,0,0,1]
  49 + },
  50 + "colorLabel2":{
  51 + "textColor": [0,1,0,1]
  52 + },
  53 + "colorLabel3":{
  54 + "textColor": [0.3,0.3,1,1]
  55 + },
  56 + "themelabel":{
  57 + "textColor":[0,1,1,1]
  58 + },
  59 + "popupTitle":{
  60 + "textColor":[1,1,1,1]
  61 + },
  62 + "popupBody":{
  63 + "textColor":[1,1,0,1]
  64 + },
  65 +
  66 + // Note, this overrides any non-renamed label styles, e.g. those in a button.
  67 + "TextLabel":{
  68 + //"textColor":[0,0,0,1]
  69 + },
  70 +
  71 + "ThinSlider":{
  72 + "styles": ["slider"],
  73 + "showPopup":true,
  74 + "showValue":false,
  75 + "valuePrecision":0,
  76 + "handleVisual":{
  77 + "size":[48,48]
  78 + },
  79 + "trackVisual":{
  80 + "size":[10, 10]
  81 + },
  82 + "enabled":true
  83 + },
  84 + "ColorSlider1":{
  85 + "styles":["ThinSlider"],
  86 + "progressVisual":{
  87 + "url":"{STYLE_DIR}/images/slider-skin-progress-red.9.png"
  88 + }
  89 + },
  90 + "ColorSlider2":{
  91 + "styles":["ThinSlider"],
  92 + "progressVisual":{
  93 + "url":"{STYLE_DIR}/images/slider-skin-progress-green.9.png"
  94 + }
  95 + },
  96 + "ColorSlider3":{
  97 + "styles":["thinslider"],
  98 + "progressVisual":{
  99 + "url":"{STYLE_DIR}/images/slider-skin-progress-blue.9.png"
  100 + }
  101 + },
  102 + "ImageChannelControl":
  103 + {
  104 + "enableVisibilityTransition":
  105 + [
  106 + {
  107 + "target":"imageVisual",
  108 + "property":"mixColor",
  109 + "initialValue":[1,1,1,0],
  110 + "targetValue":[1,1,1,1],
  111 + "animator":
  112 + {
  113 + "alphaFunction":"EASE_IN_OUT",
  114 + "timePeriod":
  115 + {
  116 + "duration":0.4,
  117 + "delay":0
  118 + }
  119 + }
  120 + },
  121 + {
  122 + "target":"imageVisual",
  123 + "property":"size",
  124 + "targetValue":[1,1]
  125 + }
  126 + ],
  127 + "disableVisibilityTransition":
  128 + [
  129 + {
  130 + "target":"imageVisual",
  131 + "property":"mixColor",
  132 + "targetValue":[1,1,1,0],
  133 + "animator":
  134 + {
  135 + "alphaFunction":"EASE_IN_OUT",
  136 + "timePeriod":
  137 + {
  138 + "duration":0.4,
  139 + "delay":0.2
  140 + }
  141 + }
  142 + },
  143 + {
  144 + "target":"imageVisual",
  145 + "property":"size",
  146 + "targetValue":[1,1]
  147 + }
  148 + ]
  149 + },
  150 + "ShadowButton":
  151 + {
  152 + "backgroundVisual":{
  153 + "visualType":"IMAGE",
  154 + "url":"{STYLE_DIR}/images/shadowButtonBg.9.png"
  155 + },
  156 + "checkboxBgVisual":{
  157 + "visualType":"IMAGE",
  158 + "url":"{STYLE_DIR}/images/CheckBg.png",
  159 + "transform":{
  160 + "size":[0.09, 0.28],
  161 + "offset":[30,0],
  162 + "offsetPolicy":["ABSOLUTE", "ABSOLUTE"],
  163 + "sizePolicy":["RELATIVE", "RELATIVE"],
  164 + "origin":"CENTER_BEGIN",
  165 + "anchorPoint":"CENTER_BEGIN"
  166 + }
  167 + },
  168 + "checkboxFgVisual":{
  169 + "visualType":"IMAGE",
  170 + "url":"{STYLE_DIR}/images/Tick.png",
  171 + "transform":{
  172 + "size":[0.09, 0.28],
  173 + "offset":[30,0],
  174 + "offsetPolicy":["ABSOLUTE", "ABSOLUTE"],
  175 + "sizePolicy":["RELATIVE", "RELATIVE"],
  176 + "origin":"CENTER_BEGIN",
  177 + "anchorPoint":"CENTER_BEGIN"
  178 + }
  179 + },
  180 + "labelVisual":{
  181 + "visualType":"TEXT",
  182 + "text":"Don't show again",
  183 + "pointSize":8,
  184 + "horizontalAlignment":"END",
  185 + "verticalAlignment":"CENTER",
  186 + "textColor":[1,1,1,1],
  187 + "mixColor":[0.3, 0.3, 0.3, 1],
  188 + "transform":{
  189 + "size":[0.9, 0.9],
  190 + "offset":[-30,0],
  191 + "offsetPolicy":["ABSOLUTE", "ABSOLUTE"],
  192 + "sizePolicy":["RELATIVE", "RELATIVE"],
  193 + "origin":"CENTER_END",
  194 + "anchorPoint":"CENTER_END"
  195 + }
  196 + },
  197 + "activeTransition":
  198 + [
  199 + {
  200 + "target":"checkboxBgVisual",
  201 + "property":"size",
  202 + "initialValue":[0.09, 0.28],
  203 + "targetValue":[0.12, 0.37],
  204 + "animator":
  205 + {
  206 + "alphaFunction":"EASE_OUT_BACK",
  207 + "timePeriod":
  208 + {
  209 + "duration":0.8,
  210 + "delay":0
  211 + }
  212 + }
  213 + }
  214 + ],
  215 + "inactiveTransition":
  216 + [
  217 + {
  218 + "target":"checkboxBgVisual",
  219 + "property":"size",
  220 + "initialValue":[0.12, 0.37],
  221 + "targetValue":[0.09, 0.28],
  222 + "animator":
  223 + {
  224 + "alphaFunction":"EASE_OUT_BACK",
  225 + "timePeriod":
  226 + {
  227 + "duration":0.8,
  228 + "delay":0
  229 + }
  230 + }
  231 + }
  232 + ]
  233 + }
  234 + }
  235 +}
... ...
resources/style/rpi/tests-theme.json 0 → 100644
  View file @19322a7
  1 +/*
  2 + * Copyright (c) 2019 Samsung Electronics Co., Ltd
  3 + * Licensed under the Apache License, Version 2.0 (the "License");
  4 + * you may not use this file except in compliance with the License.
  5 + * You may obtain a copy of the License at
  6 + *
  7 + * http://www.apache.org/licenses/LICENSE-2.0
  8 + *
  9 + * Unless required by applicable law or agreed to in writing, software
  10 + * distributed under the License is distributed on an "AS IS" BASIS,
  11 + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  12 + * See the License for the specific language governing permissions and
  13 + * limitations under the License.
  14 + *
  15 + */
  16 +
  17 +{
  18 + "includes":
  19 + [
  20 + "{APPLICATION_RESOURCE_PATH}/style/base-theme.json"
  21 + ],
  22 +
  23 + "styles":
  24 + {
  25 + "DemoTile":
  26 + {
  27 + "styles": ["DemoTileBase"],
  28 + "states":
  29 + {
  30 + "NORMAL":
  31 + {
  32 + "color":[0.6, 0.4, 0.9, 0.6]
  33 + }
  34 + }
  35 + },
  36 +
  37 + "LauncherBackground":
  38 + {
  39 + "background":
  40 + {
  41 + "visualType": "GRADIENT",
  42 + "center": [360, 640],
  43 + "radius": 1468,
  44 + "units": "USER_SPACE",
  45 + "stopColor": [[0.392157,0.254902,0.647059,1.0],[0.164706,0.0313725,0.270588,1.0]]
  46 + }
  47 + },
  48 +
  49 + "BubbleColor1":
  50 + {
  51 + "color": [ 0.8255, 0.2412, 0.9353, 0.32 ]
  52 + },
  53 +
  54 + "BubbleColor2":
  55 + {
  56 + "color": [ 0.8647, 0.4569, 0.8157, 0.32 ]
  57 + },
  58 +
  59 + "BubbleColor3":
  60 + {
  61 + "color": [ 0.9804, 0.5412, 0.9510, 0.32 ]
  62 + },
  63 +
  64 + "BubbleColor4":
  65 + {
  66 + "color": [ 1, 1, 1, 0.13 ]
  67 + }
  68 +
  69 + }
  70 +}
... ...
resources/style/rpi/text-editor-example-theme.json 0 → 100644
  View file @19322a7
  1 +/*
  2 + * Copyright (c) 2000-2017 Samsung Electronics Co., Ltd
  3 + * Licensed under the Apache License, Version 2.0 (the "License");
  4 + * you may not use this file except in compliance with the License.
  5 + * You may obtain a copy of the License at
  6 + *
  7 + * http://www.apache.org/licenses/LICENSE-2.0
  8 + *
  9 + * Unless required by applicable law or agreed to in writing, software
  10 + * distributed under the License is distributed on an "AS IS" BASIS,
  11 + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  12 + * See the License for the specific language governing permissions and
  13 + * limitations under the License.
  14 + *
  15 + */
  16 +
  17 +{
  18 + "styles":
  19 + {
  20 + "ScrollBar":
  21 + {
  22 + "indicatorShowDuration":1.0,
  23 + "indicatorHideDuration":1.0,
  24 + "background": {
  25 + "rendererType": "image",
  26 + "url": "{APPLICATION_RESOURCE_PATH}/images/button-disabled.9.png"
  27 + }
  28 + },
  29 + "ScrollBarIndicator":
  30 + {
  31 + "resourceUrl":"{APPLICATION_RESOURCE_PATH}/images/button-white-up.9.png"
  32 + }
  33 + }
  34 +}
... ...
resources/style/rpi/tooltip-example-theme.json 0 → 100644
  View file @19322a7
  1 +/*
  2 + * Copyright (c) 2016 Samsung Electronics Co., Ltd.
  3 + *
  4 + * Licensed under the Apache License, Version 2.0 (the "License");
  5 + * you may not use this file except in compliance with the License.
  6 + * You may obtain a copy of the License at
  7 + *
  8 + * http://www.apache.org/licenses/LICENSE-2.0
  9 + *
  10 + * Unless required by applicable law or agreed to in writing, software
  11 + * distributed under the License is distributed on an "AS IS" BASIS,
  12 + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13 + * See the License for the specific language governing permissions and
  14 + * limitations under the License.
  15 + *
  16 + */
  17 +
  18 +{
  19 + "styles":
  20 + {
  21 + "TooltipTextOnly" :
  22 + {
  23 + "tooltip": "Using defaults defined in the Toolkit stylesheet"
  24 + },
  25 +
  26 + "TooltipArray" :
  27 + {
  28 + "tooltip" :
  29 + {
  30 + "content" :
  31 + [
  32 + {
  33 + "visualType" : "IMAGE",
  34 + "url" : "{APPLICATION_RESOURCE_PATH}/images/application-icon-0.png",
  35 + "desiredWidth" : 75,
  36 + "desiredHeight" : 75
  37 + },
  38 + {
  39 + "visualType" : "TEXT",
  40 + "text" : "An icon on the left and\nmulti-line text on the right",
  41 + "multiLine" : true,
  42 + "pointSize" : 16
  43 + }
  44 + ],
  45 + "tail" : true
  46 + }
  47 + },
  48 +
  49 + "TooltipCustom" :
  50 + {
  51 + "tooltip":
  52 + {
  53 + "content":
  54 + {
  55 + "visualType" : "TEXT",
  56 + "textColor" : [1,1,1,1],
  57 + "text" : "Completely custom style\nthat disappears on movement",
  58 + "multiLine" : true,
  59 + "pointSize" : 16
  60 + },
  61 + "waitTime":0.5,
  62 + "background":
  63 + {
  64 + "visual":"{APPLICATION_RESOURCE_PATH}/images/tooltip.9.png",
  65 + "border":[1,5,5,1]
  66 + },
  67 + "tail":
  68 + {
  69 + "visibility":true,
  70 + "aboveVisual":"{APPLICATION_RESOURCE_PATH}/images/tooltip-tail-above.png",
  71 + "belowVisual":"{APPLICATION_RESOURCE_PATH}/images/tooltip-tail-below.png"
  72 + },
  73 + "position":"ABOVE",
  74 + "hoverPointOffset":[10,10],
  75 + "movementThreshold":5,
  76 + "disappearOnMovement":true
  77 + }
  78 + },
  79 +
  80 + "TableView" :
  81 + {
  82 + "cellPadding" : [ 5.0, 5.0 ]
  83 + }
  84 + }
  85 +}
... ...