themes/widgets/radio.edc

   1 /*
   2  * efl-theme-tizen
   3  * Copyright (c) 2012-2013 Samsung Electronics Co., Ltd.
   4  *
   5  * Licensed under the Apache License, Version 2.0 (the License);
   6  * you may not use this file except in compliance with the License.
   7  * You may obtain a copy of the License at
   8  *
   9  *     http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  * Unless required by applicable law or agreed to in writing, software
  12  * distributed under the License is distributed on an AS IS BASIS,
  13  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  * See the License for the specific language governing permissions and
  15  * limitations under the License.
  16  */
  17
  18
  19
  20 #define RADIO_STATE_DEFAULT 0
  21 #define RADIO_STATE_VISIBLE 1
  22 #define RADIO_STATE_DISABLED_VISIBLE 2
  23 #define RADIO_STATE_DISABLED 3
  24
  25    styles {
  26       style { name: "radio_label_textblock_style";
  27          base: "font=Tizen:style=Medium font_size="RADIO_STYLE_DEFAULT_FONT_SIZE_INC" color=#ffffff wrap=char text_class=tizen";
  28          tag: "br" "\n";
  29          tag: "ps" "ps";
  30          tag: "hilight" "+ font=Tizen:style=Bold";
  31          tag: "b" "+ font=Tizen:style=Bold";
  32          tag: "whitecolor" "+ color=#ffffff";
  33          tag: "tab" "\t";
  34       }
  35    }
  36 ////////////////////////////////////////////////////////////////////////////////////////
  37
  38 #define RADIO_STYLE_DEFAULT(style_name, min_width, min_height) \
  39    group { name: "elm/radio/base/"style_name; \
  40       images { \
  41          image: "00_button_radio_select.png" COMP; \
  42          image: "00_button_radio_dim.png" COMP; \
  43          image: "00_button_radio.png" COMP; \
  44          image: "00_button_radio_press.png" COMP; \
  45          image: "00_button_radio_select_dim.png" COMP; \
  46       } \
  47       parts { \
  48          part { name: "back_bg"; \
  49             type: RECT; \
  50             scale: 1; \
  51             description { state: "default" 0.0; \
  52                rel2.relative: 0.0 1.0; \
  53                align: 0 0.5; \
  54                min: min_width min_height; \
  55                fixed: 1 0; \
  56                color: 0 0 0 0; \
  57             } \
  58          } \
  59          part { name: "bg"; \
  60             mouse_events: 0; \
  61             scale: 1; \
  62             description { state: "default" 0.0; \
  63                min: RADIO_STYLE_DEFAULT_BG_MIN_MAX_INC; \
  64                max: RADIO_STYLE_DEFAULT_BG_MIN_MAX_INC; \
  65                fixed: 1 1; \
  66                rel1.to: "back_bg"; \
  67                rel2.to: "back_bg"; \
  68                image.normal: "00_button_radio.png"; \
  69             } \
  70             description { state: "disabled" 0.0; \
  71                inherit: "default" 0.0; \
  72                image.normal: "00_button_radio_dim.png"; \
  73             } \
  74             description { state: "pressed" 0.0; \
  75                inherit: "default" 0.0; \
  76                image.normal: "00_button_radio_press.png"; \
  77             } \
  78          } \
  79          part { name: "radio"; \
  80             clip_to: "opacity_clip"; \
  81             mouse_events: 0; \
  82             scale: 1; \
  83             description { state: "default" 0.0; \
  84                rel1.to: "bg"; \
  85                rel2.to: "bg"; \
  86                max: 0 0; \
  87                image.normal: "00_button_radio_select.png"; \
  88                visible: 0; \
  89             } \
  90             description { state: "visible" 0.0; \
  91                inherit: "default" 0.0; \
  92                visible: 1; \
  93                max: RADIO_STYLE_DEFAULT_BG_MIN_MAX_INC; \
  94             } \
  95             description { state: "disabled" 0.0; \
  96                inherit: "default" 0.0; \
  97             } \
  98             description { state: "disabled_visible" 0.0; \
  99                inherit: "visible" 0.0; \
 100                image.normal: "00_button_radio_select_dim.png"; \
 101             } \
 102          } \
 103          part { name: "opacity_clip"; \
 104             type: RECT; \
 105             mouse_events: 0; \
 106             description { state: "default" 0.0; \
 107                color: 255 255 255 0; \
 108             } \
 109             description { state: "visible" 0.0; \
 110                inherit: "default" 0.0; \
 111                color: 255 255 255 255; \
 112             } \
 113          } \
 114          part { name: "elm.swallow.content"; \
 115             type: SWALLOW; \
 116             clip_to: "disclip"; \
 117             description { state: "default" 0.0; \
 118                fixed: 1 0; \
 119                visible: 0; \
 120                align: 0.0 0.5; \
 121                rel1 { \
 122                   to_x: "bg"; \
 123                   relative: 1.0 0.0; \
 124                   offset: 1 1; \
 125                } \
 126                rel2 { \
 127                   to_x: "bg"; \
 128                   offset: 2 -2; \
 129                } \
 130             } \
 131             description { state: "visible" 0.0; \
 132                inherit: "default" 0.0; \
 133                fixed: 1 1; \
 134                visible: 1; \
 135                aspect: 1.0 1.0; \
 136                aspect_preference: VERTICAL; \
 137             } \
 138             description { state: "disabled" 0.0; \
 139                inherit: "default" 0.0; \
 140             } \
 141             description { state: "disabled_visible" 0.0; \
 142                inherit: "default" 0.0; \
 143                fixed: 1 1; \
 144                visible: 1; \
 145                aspect: 1.0 1.0; \
 146             } \
 147          } \
 148          part { name: "elm.text"; \
 149             type: TEXTBLOCK; \
 150             mouse_events: 0; \
 151             clip_to: "disclip"; \
 152             scale: 1; \
 153             description { state: "default" 0.0; \
 154                visible: 0; \
 155                fixed: 0 1; \
 156                rel1 { \
 157                   relative: 1.0 0.5; \
 158                   offset: 1 1; \
 159                   to_x: "elm.swallow.content"; \
 160                } \
 161                rel2 { \
 162                   relative: 1.0 0.5; \
 163                   offset: -2 -2; \
 164                } \
 165                align: 0.0 0.5; \
 166                text { \
 167                   style: "radio_label_textblock_style"; \
 168                   min: 0 0; \
 169                } \
 170                color: RADIO_DEFAULT_TEXT_NORMAL_COLOR_INC; \
 171             } \
 172             description { state: "visible" 0.0; \
 173                inherit: "default" 0.0; \
 174                visible: 1; \
 175                text.min: 1 1; \
 176             } \
 177             description { state: "disabled" 0.0; \
 178                inherit: "default" 0.0; \
 179             } \
 180             description { state: "disabled_visible" 0.0; \
 181                inherit: "default" 0.0; \
 182                visible: 1; \
 183                text.min: 1 1; \
 184                color: RADIO_DEFAULT_TEXT_DISABLED_COLOR_INC; \
 185             } \
 186          } \
 187          part { name: "over1"; \
 188             type: RECT; \
 189             ignore_flags: ON_HOLD; \
 190             description { state: "default" 0.0; \
 191                color: 0 0 0 0; \
 192             } \
 193          } \
 194          part { name: "over2"; \
 195             type: RECT; \
 196             repeat_events:1; \
 197             description { state: "default" 0.0; \
 198                color: 0 0 0 0; \
 199             } \
 200          } \
 201          part { name: "disclip"; \
 202             type: RECT; \
 203             mouse_events: 0; \
 204             description { state: "default" 0.0; \
 205                color: RADIO_DISCLIP_NORMAL_COLOR_INC; \
 206             } \
 207             description { state: "disabled" 0.0; \
 208                color: RADIO_DISCLIP_DISABLED_COLOR_INC; \
 209             } \
 210          } \
 211          part { name: "disabler"; \
 212             type: RECT; \
 213             description { state: "default" 0.0; \
 214                visible: 0; \
 215             } \
 216             description { state: "disabled" 0.0; \
 217                inherit: "default" 0.0; \
 218                visible: 1; \
 219                color: 0 0 0 0; \
 220             } \
 221          } \
 222       } \
 223       programs { \
 224          program { name: "click"; \
 225             signal: "mouse,clicked,1"; \
 226             source: "over1"; \
 227             action: SIGNAL_EMIT "elm,action,radio,toggle" ""; \
 228          } \
 229          program { name: "bg_normal"; \
 230             signal: "mouse,up,1"; \
 231             source: "over2"; \
 232             action: STATE_SET "default" 0.0; \
 233             target: "bg"; \
 234          } \
 235          program { name: "pressed"; \
 236             signal: "mouse,down,1"; \
 237             source: "over2"; \
 238             action: STATE_SET "pressed" 0.0; \
 239             target: "bg"; \
 240          } \
 241          program { name: "radio_on"; \
 242             signal: "elm,state,radio,on"; \
 243             source: "elm"; \
 244             script { \
 245                run_program(PROGRAM:"radio_show_effect"); \
 246                run_program(PROGRAM:"radio_draw_effect"); \
 247             } \
 248          } \
 249          program { name: "radio_off"; \
 250             signal: "elm,state,radio,off"; \
 251             source: "elm"; \
 252             script { \
 253                set_state(PART:"opacity_clip", "default", 0.0); \
 254                set_state(PART:"radio", "default", 0.0); \
 255             } \
 256          } \
 257          program { name: "radio_show_effect"; \
 258             action: STATE_SET "visible" 0.0; \
 259             transition: LINEAR 0.233; \
 260             target: "opacity_clip"; \
 261          } \
 262          program { name: "radio_draw_effect"; \
 263             action: STATE_SET "visible" 0.0; \
 264             transition: LINEAR 0.267; \
 265             target: "radio"; \
 266          } \
 267          program { name: "text_show"; \
 268             signal: "elm,state,text,visible"; \
 269             source: "elm"; \
 270             action: STATE_SET "visible" 0.0; \
 271             target: "elm.text"; \
 272          } \
 273          program { name: "text_hide"; \
 274             signal: "elm,state,text,hidden"; \
 275             source: "elm"; \
 276             action: STATE_SET "default" 0.0; \
 277             target: "elm.text"; \
 278          } \
 279          program { name: "icon_show"; \
 280             signal: "elm,state,icon,visible"; \
 281             source: "elm"; \
 282             action: STATE_SET "visible" 0.0; \
 283             target: "elm.swallow.content"; \
 284          } \
 285          program { name: "icon_hide"; \
 286             signal: "elm,state,icon,hidden"; \
 287             source: "elm"; \
 288             action: STATE_SET "default" 0.0; \
 289             target: "elm.swallow.content"; \
 290          } \
 291          program { name: "disable"; \
 292             signal: "elm,state,disabled"; \
 293             source: "elm"; \
 294             action: STATE_SET "disabled" 0.0; \
 295             target: "disclip"; \
 296             target: "bg"; \
 297             target: "disabler"; \
 298             after: "disable_text"; \
 299          } \
 300          program { name: "disable_text"; \
 301             script { \
 302                new st[31]; \
 303                new Float:vl; \
 304                get_state(PART:"elm.text", st, 30, vl); \
 305                if (!strcmp(st, "visible")) \
 306                  set_state(PART:"elm.text", "disabled_visible", 0.0); \
 307                else \
 308                  set_state(PART:"elm.text", "disabled", 0.0); \
 309                get_state(PART:"elm.swallow.content", st, 30, vl); \
 310                if (!strcmp(st, "visible")) \
 311                  set_state(PART:"elm.swallow.content", "disabled_visible", 0.0); \
 312                else \
 313                  set_state(PART:"elm.swallow.content", "disabled", 0.0); \
 314                get_state(PART:"radio", st, 30, vl); \
 315                if (!strcmp(st, "visible")) \
 316                  set_state(PART:"radio", "disabled_visible", 0.0); \
 317                else \
 318                  set_state(PART:"radio", "disabled", 0.0); \
 319             } \
 320          } \
 321          program { name: "enable"; \
 322             signal: "elm,state,enabled"; \
 323             source: "elm"; \
 324             action: STATE_SET "default" 0.0; \
 325             target: "disabler"; \
 326             target: "disclip"; \
 327             target: "bg"; \
 328             after: "enable_text"; \
 329          } \
 330          program { name: "enable_text"; \
 331             script { \
 332                new st[31]; \
 333                new Float:vl; \
 334                get_state(PART:"elm.text", st, 30, vl); \
 335                if (!strcmp(st, "disabled_visible")) \
 336                  set_state(PART:"elm.text", "visible", 0.0); \
 337                else \
 338                  set_state(PART:"elm.text", "default", 0.0); \
 339                get_state(PART:"elm.swallow.content", st, 30, vl); \
 340                if (!strcmp(st, "disabled_visible")) \
 341                  set_state(PART:"elm.swallow.content", "visible", 0.0); \
 342                else \
 343                  set_state(PART:"elm.swallow.content", "default", 0.0); \
 344                get_state(PART:"radio", st, 30, vl); \
 345                if (!strcmp(st, "disabled_visible")) \
 346                  { \
 347                     set_state(PART:"opacity_clip", "visible", 0.0); \
 348                     set_state(PART:"radio", "visible", 0.0); \
 349                  } \
 350                else \
 351                  { \
 352                     set_state(PART:"opacity_clip", "default", 0.0); \
 353                     set_state(PART:"radio", "default", 0.0); \
 354                  } \
 355             } \
 356          } \
 357       } \
 358    }
 359
 360 ///////////////////////////////////////////////////////////////////////////////////////
 361 RADIO_STYLE_DEFAULT("default", RADIO_STYLE_DEFAULT_BG_IMAGE_MIN_WIDTH_INC, RADIO_STYLE_DEFAULT_BG_IMAGE_MIN_HEIGHT_INC)
 362
 363 ///////////////////////////////////////////////////////////////////////////////////////
 364 RADIO_STYLE_DEFAULT("default/extended", RADIO_STYLE_DEFAULT_EXTENDED_BG_IMAGE_MIN_WIDTH_INC, RADIO_STYLE_DEFAULT_EXTENDED_BG_IMAGE_MIN_WIDTH_INC)
 365
 366 ///////////////////////////////////////////////////////////////////////////////////////
 367
 368 #undef RADIO_STATE_DEFAULT
 369 #undef RADIO_STATE_VISIBLE
 370 #undef RADIO_STATE_DISABLED_VISIBLE
 371 #undef RADIO_STATE_DISABLED