From 98bbad5d4d08851bfd3a58b5fd50ad1a4c24d2c4 Mon Sep 17 00:00:00 2001 From: Sungtaek Hong Date: Wed, 4 Jan 2017 13:22:14 +0900 Subject: [PATCH] theme: add tv overlay theme from efl-theme-tizen-tv - TODO: temporarily named image directory as "HD" since mobile is already using it. Copyright year has to be verified. Change-Id: I3d5f4d9ebb782b873f0cf1fecf713e1d04110bbb Signed-off-by: Sungtaek Hong --- .../theme/tv/HD/images/User_Input_Elements/README | 2 + ElmSharp/theme/tv/HD/images/bt_bases.png | Bin 0 -> 587 bytes ElmSharp/theme/tv/HD/images/btn_text_foc.png | Bin 0 -> 248 bytes ElmSharp/theme/tv/HD/images/btn_text_nor.png | Bin 0 -> 248 bytes ElmSharp/theme/tv/HD/images/checkbox_check_foc.png | Bin 0 -> 365 bytes ElmSharp/theme/tv/HD/images/checkbox_check_nor.png | Bin 0 -> 373 bytes .../theme/tv/HD/images/checkbox_uncheck_foc.png | Bin 0 -> 212 bytes .../theme/tv/HD/images/checkbox_uncheck_nor.png | Bin 0 -> 249 bytes .../theme/tv/HD/images/content_innershadow.png | Bin 0 -> 162 bytes .../tv/HD/images/core_icon_picker_arrow_down.png | Bin 0 -> 1340 bytes .../tv/HD/images/core_icon_picker_arrow_up.png | Bin 0 -> 1358 bytes ElmSharp/theme/tv/HD/images/elipse_114.png | Bin 0 -> 1553 bytes .../theme/tv/HD/images/ico_default_video_180.png | Bin 0 -> 1031 bytes .../theme/tv/HD/images/ico_dropdown_menu_check.png | Bin 0 -> 228 bytes .../tv/HD/images/ico_dropdown_menu_open_arrow.png | Bin 0 -> 167 bytes ElmSharp/theme/tv/HD/images/ico_folder.png | Bin 0 -> 1367 bytes ElmSharp/theme/tv/HD/images/ico_search.png | Bin 0 -> 667 bytes .../tv/HD/images/modal_banner_type_shadow.png | Bin 0 -> 124 bytes .../theme/tv/HD/images/modal_dialogs_banner_bg.png | Bin 0 -> 863 bytes ElmSharp/theme/tv/HD/images/modal_dialogs_bg.png | Bin 0 -> 863 bytes ElmSharp/theme/tv/HD/images/popover_arrow.png | Bin 0 -> 167 bytes ElmSharp/theme/tv/HD/images/progress_wheel.png | Bin 0 -> 1182 bytes .../theme/tv/HD/images/progressbar_thumb_foc.png | Bin 0 -> 434 bytes .../theme/tv/HD/images/progressbar_thumb_nor.png | Bin 0 -> 876 bytes .../tv/HD/images/progressbar_thumb_stroke_foc.png | Bin 0 -> 602 bytes ElmSharp/theme/tv/HD/images/radiobtn_off_foc.png | Bin 0 -> 466 bytes ElmSharp/theme/tv/HD/images/radiobtn_off_nor.png | Bin 0 -> 577 bytes ElmSharp/theme/tv/HD/images/radiobtn_on_foc.png | Bin 0 -> 750 bytes ElmSharp/theme/tv/HD/images/radiobtn_on_nor.png | Bin 0 -> 750 bytes .../theme/tv/HD/images/round_rectangle_4X4.png | Bin 0 -> 130 bytes .../tv/HD/images/round_rectangle_4X4_bottom.png | Bin 0 -> 107 bytes .../theme/tv/HD/images/round_rectangle_4X4_top.png | Bin 0 -> 106 bytes .../theme/tv/HD/images/round_rectangle_8X8_top.png | Bin 0 -> 150 bytes .../theme/tv/HD/images/scrollbar_horizontal.png | Bin 0 -> 127 bytes .../theme/tv/HD/images/scrollbar_mask_bottom.png | Bin 0 -> 111 bytes ElmSharp/theme/tv/HD/images/scrollbar_mask_top.png | Bin 0 -> 112 bytes ElmSharp/theme/tv/HD/images/scrollbar_vertical.png | Bin 0 -> 134 bytes .../theme/tv/HD/images/search_searchbar_bg_foc.png | Bin 0 -> 173 bytes .../theme/tv/HD/images/search_searchbar_bg_nor.png | Bin 0 -> 133 bytes .../tv/HD/images/search_searchbar_small_bg_foc.png | Bin 0 -> 90 bytes .../tv/HD/images/search_searchbar_small_bg_nor.png | Bin 0 -> 78 bytes ElmSharp/theme/tv/HD/images/slider_thumb_fill.png | Bin 0 -> 347 bytes .../theme/tv/HD/images/slider_thumb_stroke.png | Bin 0 -> 881 bytes .../theme/tv/HD/images/spincontrol_arrow_down.png | Bin 0 -> 263 bytes .../theme/tv/HD/images/spincontrol_arrow_up.png | Bin 0 -> 248 bytes .../theme/tv/HD/images/tooltip-edge-bottom-tip.png | Bin 0 -> 203 bytes .../theme/tv/HD/images/tooltip-edge-top-tip.png | Bin 0 -> 154 bytes ElmSharp/theme/tv/HD/images/tooltip_arrow.png | Bin 0 -> 203 bytes ElmSharp/theme/tv/HD/images/tooltip_arrow_up.png | Bin 0 -> 154 bytes ElmSharp/theme/tv/HD/images/tooltip_bg.png | Bin 0 -> 259 bytes ElmSharp/theme/tv/common.edc | 44 + ElmSharp/theme/tv/elm-sharp-theme-tv.edc | 26 +- ElmSharp/theme/tv/macros.edc | 35 + ElmSharp/theme/tv/widgets/button.edc | 1593 ++++++++++++++++++ ElmSharp/theme/tv/widgets/check.edc | 358 ++++ ElmSharp/theme/tv/widgets/ctxpopup.edc | 625 +++++++ ElmSharp/theme/tv/widgets/datetime.edc | 759 +++++++++ ElmSharp/theme/tv/widgets/entry.edc | 1710 ++++++++++++++++++++ ElmSharp/theme/tv/widgets/gengrid.edc | 1144 +++++++++++++ ElmSharp/theme/tv/widgets/genlist.edc | 775 +++++++++ ElmSharp/theme/tv/widgets/genlist_common.edc | 267 +++ ElmSharp/theme/tv/widgets/hover.edc | 587 +++++++ ElmSharp/theme/tv/widgets/hoversel.edc | 999 ++++++++++++ ElmSharp/theme/tv/widgets/layout.edc | 125 ++ ElmSharp/theme/tv/widgets/list.edc | 445 +++++ ElmSharp/theme/tv/widgets/popup.edc | 533 ++++++ ElmSharp/theme/tv/widgets/progressbar.edc | 767 +++++++++ ElmSharp/theme/tv/widgets/radio.edc | 335 ++++ ElmSharp/theme/tv/widgets/scroller.edc | 613 +++++++ ElmSharp/theme/tv/widgets/slider.edc | 939 +++++++++++ ElmSharp/theme/tv/widgets/spinner.edc | 325 ++++ ElmSharp/theme/tv/widgets/tooltip.edc | 292 ++++ 72 files changed, 13295 insertions(+), 3 deletions(-) create mode 100644 ElmSharp/theme/tv/HD/images/User_Input_Elements/README create mode 100644 ElmSharp/theme/tv/HD/images/bt_bases.png create mode 100644 ElmSharp/theme/tv/HD/images/btn_text_foc.png create mode 100644 ElmSharp/theme/tv/HD/images/btn_text_nor.png create mode 100755 ElmSharp/theme/tv/HD/images/checkbox_check_foc.png create mode 100755 ElmSharp/theme/tv/HD/images/checkbox_check_nor.png create mode 100755 ElmSharp/theme/tv/HD/images/checkbox_uncheck_foc.png create mode 100755 ElmSharp/theme/tv/HD/images/checkbox_uncheck_nor.png create mode 100755 ElmSharp/theme/tv/HD/images/content_innershadow.png create mode 100755 ElmSharp/theme/tv/HD/images/core_icon_picker_arrow_down.png create mode 100755 ElmSharp/theme/tv/HD/images/core_icon_picker_arrow_up.png create mode 100644 ElmSharp/theme/tv/HD/images/elipse_114.png create mode 100755 ElmSharp/theme/tv/HD/images/ico_default_video_180.png create mode 100644 ElmSharp/theme/tv/HD/images/ico_dropdown_menu_check.png create mode 100755 ElmSharp/theme/tv/HD/images/ico_dropdown_menu_open_arrow.png create mode 100755 ElmSharp/theme/tv/HD/images/ico_folder.png create mode 100644 ElmSharp/theme/tv/HD/images/ico_search.png create mode 100644 ElmSharp/theme/tv/HD/images/modal_banner_type_shadow.png create mode 100644 ElmSharp/theme/tv/HD/images/modal_dialogs_banner_bg.png create mode 100644 ElmSharp/theme/tv/HD/images/modal_dialogs_bg.png create mode 100755 ElmSharp/theme/tv/HD/images/popover_arrow.png create mode 100644 ElmSharp/theme/tv/HD/images/progress_wheel.png create mode 100755 ElmSharp/theme/tv/HD/images/progressbar_thumb_foc.png create mode 100755 ElmSharp/theme/tv/HD/images/progressbar_thumb_nor.png create mode 100755 ElmSharp/theme/tv/HD/images/progressbar_thumb_stroke_foc.png create mode 100755 ElmSharp/theme/tv/HD/images/radiobtn_off_foc.png create mode 100755 ElmSharp/theme/tv/HD/images/radiobtn_off_nor.png create mode 100755 ElmSharp/theme/tv/HD/images/radiobtn_on_foc.png create mode 100755 ElmSharp/theme/tv/HD/images/radiobtn_on_nor.png create mode 100644 ElmSharp/theme/tv/HD/images/round_rectangle_4X4.png create mode 100755 ElmSharp/theme/tv/HD/images/round_rectangle_4X4_bottom.png create mode 100755 ElmSharp/theme/tv/HD/images/round_rectangle_4X4_top.png create mode 100644 ElmSharp/theme/tv/HD/images/round_rectangle_8X8_top.png create mode 100755 ElmSharp/theme/tv/HD/images/scrollbar_horizontal.png create mode 100755 ElmSharp/theme/tv/HD/images/scrollbar_mask_bottom.png create mode 100755 ElmSharp/theme/tv/HD/images/scrollbar_mask_top.png create mode 100755 ElmSharp/theme/tv/HD/images/scrollbar_vertical.png create mode 100644 ElmSharp/theme/tv/HD/images/search_searchbar_bg_foc.png create mode 100644 ElmSharp/theme/tv/HD/images/search_searchbar_bg_nor.png create mode 100644 ElmSharp/theme/tv/HD/images/search_searchbar_small_bg_foc.png create mode 100644 ElmSharp/theme/tv/HD/images/search_searchbar_small_bg_nor.png create mode 100755 ElmSharp/theme/tv/HD/images/slider_thumb_fill.png create mode 100755 ElmSharp/theme/tv/HD/images/slider_thumb_stroke.png create mode 100755 ElmSharp/theme/tv/HD/images/spincontrol_arrow_down.png create mode 100755 ElmSharp/theme/tv/HD/images/spincontrol_arrow_up.png create mode 100755 ElmSharp/theme/tv/HD/images/tooltip-edge-bottom-tip.png create mode 100755 ElmSharp/theme/tv/HD/images/tooltip-edge-top-tip.png create mode 100755 ElmSharp/theme/tv/HD/images/tooltip_arrow.png create mode 100755 ElmSharp/theme/tv/HD/images/tooltip_arrow_up.png create mode 100755 ElmSharp/theme/tv/HD/images/tooltip_bg.png create mode 100644 ElmSharp/theme/tv/common.edc create mode 100644 ElmSharp/theme/tv/macros.edc create mode 100644 ElmSharp/theme/tv/widgets/button.edc create mode 100644 ElmSharp/theme/tv/widgets/check.edc create mode 100644 ElmSharp/theme/tv/widgets/ctxpopup.edc create mode 100644 ElmSharp/theme/tv/widgets/datetime.edc create mode 100644 ElmSharp/theme/tv/widgets/entry.edc create mode 100644 ElmSharp/theme/tv/widgets/gengrid.edc create mode 100644 ElmSharp/theme/tv/widgets/genlist.edc create mode 100644 ElmSharp/theme/tv/widgets/genlist_common.edc create mode 100644 ElmSharp/theme/tv/widgets/hover.edc create mode 100644 ElmSharp/theme/tv/widgets/hoversel.edc create mode 100644 ElmSharp/theme/tv/widgets/list.edc create mode 100644 ElmSharp/theme/tv/widgets/popup.edc create mode 100644 ElmSharp/theme/tv/widgets/progressbar.edc create mode 100644 ElmSharp/theme/tv/widgets/radio.edc create mode 100644 ElmSharp/theme/tv/widgets/scroller.edc create mode 100644 ElmSharp/theme/tv/widgets/slider.edc create mode 100644 ElmSharp/theme/tv/widgets/spinner.edc create mode 100644 ElmSharp/theme/tv/widgets/tooltip.edc diff --git a/ElmSharp/theme/tv/HD/images/User_Input_Elements/README b/ElmSharp/theme/tv/HD/images/User_Input_Elements/README new file mode 100644 index 0000000..8db8ed0 --- /dev/null +++ b/ElmSharp/theme/tv/HD/images/User_Input_Elements/README @@ -0,0 +1,2 @@ +This is reserved space for User Input Images. +Please erase this file when any image is added. diff --git a/ElmSharp/theme/tv/HD/images/bt_bases.png b/ElmSharp/theme/tv/HD/images/bt_bases.png new file mode 100644 index 0000000000000000000000000000000000000000..7d77abe0ca807402aa6c8fdf72412503ae5080a8 GIT binary patch literal 587 zcmV-R0<`^!P)c-6R;4XXnd89P1f5 zaptQF6XU=&o*QCm=FY-K*=8K;89Fj?YT`K9i>}dy3`@UU88#_Z`!yaraA0hpA1L1% zoM7z0p|MO_EAPOm%s|%s#i8;gQc3j;WcpnRqqtj6BvNU&bA^m{b4r_yDYBPY)E#dT z^=7=MA3s`rw+L6u5AX;0FW~B-Ie9N|)g5mUwG-LXkGqAftwPas%+T1fQ?GXYxW*Q8 ztEOKjLYlo&VPn;(*J)KdaBlA2y}69QZE@9U=Zc-@s+;xF%uVAI!W)4b*KW)#A9}9R z#=_L4k;u}aEV%Xg?$WgNA8p2!!osaS7Jj~w+56$vLh<_n&|KeE#C( z@2w|a{n^&EUv9JPJDxicKqVfYE{-7_*G-SP3pFSRFdS5rn5dBX|9`OeK|528+#?yR zWfQL_T{Ox#bEoUijkL19ox_!3^W$GZu Nc)I$ztaD0e0sy7jT801s literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/btn_text_nor.png b/ElmSharp/theme/tv/HD/images/btn_text_nor.png new file mode 100644 index 0000000000000000000000000000000000000000..4834090145bd9fff0a691a63919bed5dfc3da6e5 GIT binary patch literal 248 zcmeAS@N?(olHy`uVBq!ia0vp^oIuRO!3-qZo6;u&DUSf35LY1W;1Pp{?A#*l+@cK3 zT!Dy}Psr9a0;HEuNZ-^2!Ul4Y0Z{w*Y=-|pA@PzRzhDN{wI9{rfBy0F`HPdkx1N0U zXIs;Lxy`cgcs+*m!JI4S@yqb{r|UL z{-1mF-)HiF*Z%*r4*g$o`hWA5|G)qI|MU0%<){BMmi#YT_5b19|Cvkwht2%|;O+m4 zb^rhV`~TwO|CqV|pMU(n<$Tl~nPa3U`1`X7F_Nb6Mw<&;$Ujjm8WB literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/checkbox_check_nor.png b/ElmSharp/theme/tv/HD/images/checkbox_check_nor.png new file mode 100755 index 0000000000000000000000000000000000000000..543ad01ac625def3b8c932335910d2b1cbc86a97 GIT binary patch literal 373 zcmeAS@N?(olHy`uVBq!ia0vp^Y9P$P3?%12mYf5m@&kNAT>t<7@7j+K6|VY!{lE0&fAYfrw_pB$_w|3u z!vAL;{CA)5KW6U#7a#w}&iy}O&;Rx3|BJf#W&y3{DhcunW?)cV`%(Sa@lp79C-|X_3q3a8A&j_Vm>GYod>io!-Z_-EP^{y!VN2vO5I(mVa&y zZiyAlH(kuJJNbQ2mReP|{INh+_ZM5LgG^_ISTD(n@pxY+dUq& zr1(2Cqi2o6w>KH;s6WWoaZvvH_(83ETTR@_k~>us&5vJ?xN%5q+lE%(7FW-0miN7W zUAf_X>Eek<*-7&>{hpS*&*T5LYY}(5x|yTkeCys#i}-6B_8;5VbH&<6uz$*Wpfedf MUHx3vIVCg!00=f!E&u=k literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/checkbox_uncheck_nor.png b/ElmSharp/theme/tv/HD/images/checkbox_uncheck_nor.png new file mode 100755 index 0000000000000000000000000000000000000000..dc4469a6429b27bdef372b28f959aade41eb9838 GIT binary patch literal 249 zcmeAS@N?(olHy`uVBq!ia0vp^Y9P$P0wkGC6jg!L0Z$jl5Rc<;ry24!8A!D5mvUG2 zdCKC}->{q8{1eNOiP0N2ni;;SV(C%8;Mo|>Y%J-^R~Y+q<`NmhLLqk|cv;Z&Ej9E_e}|WH@t8c#Zp_TWiEbSpt)< zn|#d?K6~%yO8df+E~V-EU3!b`ujx;UOA0u@kpKH(fya$s{(j=!%C1lm=5Uq+XeooI LtDnm{r-UW|)9yUD literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/core_icon_picker_arrow_down.png b/ElmSharp/theme/tv/HD/images/core_icon_picker_arrow_down.png new file mode 100755 index 0000000000000000000000000000000000000000..378f2e8a19ab683ee9dea64ff994d4047b78ff46 GIT binary patch literal 1340 zcmeAS@N?(olHy`uVBq!ia0vp^lYlsYgAGW2iq8U}fi7AzZCsS=07?_nZLn2Bde0{8v^Kf6`()~Xj@TAnpKdC8`Lf!&sHg;q@=(~U%$M( zT(8_%FTW^V-_X+15@d#vkuFe$ZgFK^Nn(X=Ua>OF1ees}+T7#d8#0MoBXEYLU9GXQxBrqI_HztY@Xxa#7Ppj3o=u^L<)Qdy9y zACy|0Us{w5jJPyqkW~d%&PAz-CHX}m`T04pPz=b(FUc>?$S+WE4mMNJ2+zz*$uBR~ z1grP;werj>E=kNwPW5!LRRWrzmzkMjWo+qcXl!a>Ze(fbVrb}UYH49$;^gLRYGGnw zVq|1t2-EA5pIn-onpXnTn}X15fm1IiDdZLaZFWg5$}CGwaVyHtRRDY0DigO`OmUhA z)tiFbEoM0N>H{644~kf%h=vIPQxAvSSv7B`8&)2Ec1SkUF!rd7$&-F7#aGQ+ zcC1VOmiRi^y5w8H3brjz^%({HtKEXhoeI$Dzc<=5UvFBF+q%Fd8W zHdA0)nKk3maij9Jv1g{$Uo}gt>WkF>X|?;Pn;kRfvj0i9G|fIpdU(xB@%g|MF&)_~yGXqW{|8U}fi7AzZCsS=07?_nZLn2Bde0{8v^Kf6`()~Xj@TAnpKdC8`Lf!&sHg;q@=(~U%$M( zT(8_%FTW^V-_X+15@d#vkuFe$ZgFK^Nn(X=Ua>OF1ees}+T7#d8#0MoBXEYLU9GXQxBrqI_HztY@Xxa#7Ppj3o=u^L<)Qdy9y zACy|0Us{w5jJPyqkW~d%&PAz-CHX}m`T04pPz=b(FUc>?$S+WE4mMNJ2+zz*$uBR~ z1grP;werj>E=kNwPW5!LRRWrzmzkMjW#r~;;AY`$WMpaRVrb}U>f~x@>|$zUU}0=( zVr*()2Gi@3pIn-onpXnTn}X15j8iWtDdZLaZFWg5$}CGwaVyHtRRDY0DigO`3~-tU z)tiFbErvMt>H{644~kf%h=vIPQxAvw)ExR$KMYtp173wV~^$bnR(lz zC${CXsWhrgV41`+$wA12$&<-bffFczOUNPU|Gy(P$M<~Om*uc|+k(W8*#DP5&6C$THf4xhOTqzz+->*k28~LhMj;A`+$eZy5V#&1Hdaq|D|J#E_e zJnvJVU=TkQlrf%S3K>lS`S>URE+Sl}lTO-bB>Tk# z`(=^%-6wRrgFIO#ZAJub+T>ly)051VcjT;5L7NU)Cb_AX^vQfVof1Kt(=uOtsg#@~ zbtx6J*(2qtksK_mbW=1kc)@r*& z@R9Sw*6Amn0=6*As}DyWv6C0M;N*eMBp={ADzu$qP|vfpdLvoNcE)M@#38^O8r@4y z=4VD}yCmRWW^>$~WC?ZLtL@Pb9n9cl@{)z@qfpzy0RgIMj(>NeFSo<^J|h&NkZ&25 zjHI8fOwms7n8|F#KXAzpsMStBAZqzA-d*utlMC3SojM5?@|APRi5wwMJ8=?RWhzb4 zH^(|$bJ&!TiZGOo8pT+2AZ5bdlk=wT`+B5%5NBz=6E(Td>b zGkl39UtxxJO4m$he&h|2hifj4+^?O{0|JzCEwmXql1sBf5ej)bd^3C`^Ej3E-#DDo zNikRKjqs6tGiwxKMEF>SM$%6U_i1PIkamjf6T6|2d^M{SVNB>fHYB-3JC)}wwXfKR z>lDvUc%~B%^E-q_a<@lG|3y28QT7BS zcWLJ^%I=_KOBTN>n`pMbPyVEx#TY+=E%}Xh7Grz^p~8p&W3=-aAfhm$kFT}!7-37W z?}R-wut7VI5xxliu_cdjKs%A=9Oh7@B&^rYl?E8(S}ty%Tv6SEYwhqc8^@?0il!QahVRoTHe__D1-;>lM~$XY-6TA;nvlOx#IBR-BY=qm-+m&Bz(_Ypl@D z=LyTh6{FW``PfaBc1D-%qml@%=mlxz9M0&~T0J~^>*QSY37>jaYv**u>gf5$SSw+3 z*vmBStVwc+>CtWeVlVeC;ZR1dg&n|hUufbj?Yv2`B$i_Q)9D-eSUd56S;v>L?}*

1=J1(~7JMJRO?-N(UPAzORg-Fj+6*? zy6d3rMiN2tWregG6>OK4lJ731TS+9??A^?J?yvHO3~`^(ySDugv6z<`?a|)Ou$c`U z^=4;Y{{X{Go}-orUHkyUAM9WoyXo~VmYJW@xQ7~Qsb&&`96qC$#+yH-VW3>xjHJyS zlvBEaw6w9!g4^_<|kxfuTg!9{eRZRaiG00000NkvXXu0mjf D*?t6K literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/ico_default_video_180.png b/ElmSharp/theme/tv/HD/images/ico_default_video_180.png new file mode 100755 index 0000000000000000000000000000000000000000..9e329917dad989e9f747c5b6bf4445b585b80c3a GIT binary patch literal 1031 zcmeAS@N?(olHy`uVBq!ia0vp^TR@nD1xQXma&9LB1M@jg7srr_TW{~$cE_Yjw151s zqNmrW;iAgovoJzpi-%y4Lj8{1f6>_qVmq-5YW1M#PO9D|~|ya=GSm zeeM~*XHO$mv?i+mHcDUj+~)CDZSl07&mY~Jx%vFQIdQ^*eN*Kg{6BO-z}cCH*U;n$ zWsD~q!|YC1yYw`E{e&*GJDPk$_#ckcVnnVByg`BpFM{dfE0oYPT$Q{^6Sc*Q+e zMZH+_`R1Uip2I7QOD4@ZJ9Un(?U935rL7`Q{){gr-s_*8sM@t`nUVGhaySrq1NY$j9tN8bBtuFoixH|Jve%sRY$|r)xG{!F^m1BxvYKKDvK{^|9hq5zZ#$QyZmr^PkpFVl||+MZ`S3r)OPQ@zva_> z1F^NIF2vu9-d~wMqwtq+`+DPlt9MC)DO>&rQg20f5Po()rIb7+wJ52W?G#!_-l3Vk6f7Ri|pI4rLVKkToQk{ z_0B!3`fG+W_H6(7$ox9HF54dI zg(b(fwu?@3i-rINfvK|&Pa+(UgkG1^Ij$e zdVh32Fu#Fj+H0fXeNX$WxB{^7k@ifL)*48XF1eX}7Ff~u(R|Viakor4vSXY_JURey zW|BiZ+TM->i%GY6ZMTd#CCntD5M{*XHi@ej7&b{up0byu*{8q^^4MI*O!DkSlq_w6 eivJ(+1*!qV%BY&imBwKJ0000!uo~Mgrh{fsTKj$5+5|o_JuUMwI z@?_^j?ZfptANZYBx~xnp+yBS^U)*f}|8QVvqEvSKvbX2|8Q=_mkDAILmB*&ImH2pn7A zdi&tyx!sw!4ovcKHomrJ0vjs}&@P}jrj0VyO%ggC^S8cILDNamMJ+!GNS?SZ4*#~`om84|a zaP4_`!EMP6sZN`}b-okZHM^bu-8T~VOn-XL=gBIO%_TbjqQjK>*SXg=T}=||&vQ)K zJ4Y?BfLUp_O|rS-Cfz)jl<;$xW(!o-EIlFL_cKMQ-il4>zv$1?h60ToE(%P79S%=Q zmFh1)?d|&GEZz~otaPP;!&JeE7tGus_|bix`|akl(%SYVwzuSR?kQF+aXoYY72nd)&UNY>xU{nT0ZA6$e8I3V5e|7v`7goWOG@;D40bibC2)DYM?z2|J`$Y62EIt z;KWtyviw3re_ct*3Jm7Vstwxd)qbkM%l&HZ9S{N4oRkZYWeyF|v+R}w{ zPgL)U=)5EQZO-9`2key;FDb1S+Vo_>CM%ESAxphX-^_OVRb{a)k3V+he)sPMfBya5 z`1|m^S1U`mFYcauqD`+%>Hg)TeoG!qX|-8BS7cVn#j~pfDm7Heh4n;L^?0pW+3kCxXVj~#Sb6Th{DkkO7H-eaZ|1U|$Qt{` z#c0=!PM;S^>Wj>0&L}^ZK4bpL`KwLt865U=$vJq~{*TT&pSiA#uhU!uW=~tG5~!OZ zlKp9w$MX{Y+)&}_HFa|5Zav%No~AAYbl8(iw|DPhvYt2r=+N*RHZPXm==>q%FFVgB z#VO~@l@Qa4eXB%E=iSeJSzdHJEiPL1v9<5K@6|eXX3yH^o-i$2TBTT~bp4jr8`c}0 di2U3z`w6p%I>V`e+1OFsAsU~nnFs0aYdw! z!2(`p$4%)@-?EF1ao^>=?R@8bIx{=JHg?KjEIuG^1dhNFI0FAS;Gy8)gb(d7Wr~cF z2B3{ilTYlQ4;&NjPDN%Y^(<*nW%pvhN#>{+6*bm43LBhbfqd6*oiju9oi`kW3C^*| z75&tpMw1pD5@ab*adm&2*M87uaFQ3gwO?7MaYj+#A!EALulN-X_^}?_O;$PXsky`> zrd9lbWhvM+kHqNNKd1dOzsV~l`qK>X`L;TdxM>~xgtxXb;4QT4YrgY zV@i2yw4U*TKptMhH-A`zvUa< z|CE_!fe~p3%F&W@^$_>DZ74s*V#;;k6``d!iEG?pQg0k?=r&cpaGiO7Xek&VOPLZQ zq)E`Bjm<6=hpN;k+7Gy&`9gmdKI;Vst04lR8>;M1& literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/modal_dialogs_banner_bg.png b/ElmSharp/theme/tv/HD/images/modal_dialogs_banner_bg.png new file mode 100644 index 0000000000000000000000000000000000000000..c4a5fe516ad4f57aa1e0ff2f29d860da2149e3cd GIT binary patch literal 863 zcmV-l1EBngP)6B6L)VY)-r1c6eMRp~_iTOo`(C|zuLO%taFp5O zO%aEDMu1%m6btS|xJ2ctb$_kMxl0;Og#)Ae78UK3C8oSuc_P2}~G6=931g9yb zO^-f9#y8e&VGpZc1wgP?oz_9YYw=@bb-_`DGz^y!&3mfGiQq#@*P4Sh0r7bR--ljW%Kr$JK) zdQw|Oi9~gW%Tet?&AkdLZWoD4)N&L!_mY@ZagX^elbGUIsOqL_#40HJXKy)Y`fp|9 zG-4Ga#$V5uqngWmVsCHRA^)G6sQOFn+3XJm>@ci8AUbo44vv>KsTfdMoCnK+I=KzvOQWvidT{?7R|H`@Z zXHI=QJdvur`1|dnKR54h{HEWMF=fik#VJRlvDh*v{QgU6(V|0}4sF`BNL^{O7z%Rc zWMs_9m@#)Qmby?_glho;P2sX0H#tQj5m+>u+`%G5hu~WkR={G=A$QBWJQR}hzMx=E z&fJx~+A6A$Y7s`5=sOF5!MGJG!(I3od6)uhm>v~cbghi|7ikKoPRF$?#Y6|oH%DhB znj|EP$Co&dF_jJ-926Cp@58#%>SLQXK}`f5X!IWD-ASq?Bt&J=nW0f8-rGs$Ag+GJ pGu1K9SIsBycA$w==pGEH<^)*cn}YI&`2(ckc&j{V8EjUMG!>)1dkrXa|At!>_H4U1OhoF zVn7Il5Xj9_3>efsgrMRs>JB^G(_K|LbbWO9&h9LjDr#oBnST0xfAxNpVEPbjH{8x1 z5nFsGfSV2!Q?5i@qITE$Pv?KTHcm{%)Mp*#8ncBHEl`*;t~$!%;z~dd(+&3$L?QhY z5#_Lc8V_u^s9SDHk5Q;SyT3X6@#%%5*#Ic>*K2?O`QY+*FV-*!ECwP>Bw%HSrbCZ8 z<{7Yf=iO#m%0WbcnxM|Lx4; zi=Y~=X%rdR*I#~h6S-CJ9ytEt|B zn_}bzaceI2hqF=Lg@$`IR7w|xmU=b{yn8Z5Rm!oDGSZeiLe-P1rB$@-&FXB<_+3Pa zwpK|o{#l-ldio^TQa7_c91ec^bvDZXr%^{!%4Bru(r1?*Jo|pIXFJfVSBK7-Rn{4k zlT%P)v655^s~Tj>^(!~0H-c(dd*zl{59t#9L2a&6sK+nLjW0giqU*Tpx9|Q;PR@jq zk}@DwEvCX$$lsqlT0Zf~T))kEy?Xh^y$9q>$SE4>96_ooFLdeBqfd{Xn!j-J%;$#> z3_r+pQLeoG>-i6VeEW-eOU{@v8(yaZgTdjdm5%!-=CG6$OvuUE zAZLS#cd@by?JKjxA~2Lb>hTX}C=>#R!BBWuf|w}2({TqJ787H)x+-EJsjf>(CKOD3 z*=y{gj-i%d#0NDR>BHD!{f<>~mqDWd(^Soe*w;c2HjOe8USue}btdgyWlVCgdUJAC zVURIc0=~ipjIDL(=%A>ee=4LJ{{bhVv^P$;PGJB5002ovPDHLkV1f`joFD)I literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/popover_arrow.png b/ElmSharp/theme/tv/HD/images/popover_arrow.png new file mode 100755 index 0000000000000000000000000000000000000000..8160bf9ebb480ad0260695bb2b8d4d017e6d4025 GIT binary patch literal 167 zcmeAS@N?(olHy`uVBq!ia0vp^fy-38vta3u@=-I~$(r$2-t zM5)!kLqUA^<;drWst&-DBHy;t?B zs-2KN#KB40AzQ3*gUejx7iL-NdHzkaY%0n3A zB=1t_<%vU;LhiHc-vUcZp1J+UR(mQeNM`*OvLmcH(DtQoxI)%ufsqyc& zpxJbWkM*FrZ>#nW%DJ&uPYb*Fixzc?Mn=ql?q`hIY);CIT5gEPfsapMz&#%0Ii9B$ z<;2WUNXW~4WkLkIadIGSy5x=7IbDzbrI(hr|3~ zAc9Eiys0O?K-HS?E*q&J+2j&W@ukI+kY_odAfq^mA0p8%>-1HmX>**f6AzSzyb|Zc zW75*wJFNDJkW%Ce9=F-;5`4OopqbAw+cEU~3=*z!g3s zz}FA~0Z)U#qhxp>5WxDt2!NBUX7V!4xS*1lR>xK!eaa>c&RWtxBPeUeTdBuxdIZTt8UIus z$Y@%|@gqyIy)}=HHtEaDHJqXI;xZLM6zCt1cIuJ?)MyR~xsO5uiES==w4$6i$;V;W z(2yhe$qFYvUKBKqF(P&EkjbxdI2t9Yu=vagI&2zsOCTt+Zz#w!loLn{y2?!ftfcC& zKrqF~z=&~p#xP&ZPk}sHG2DdLnffqTHnnh&mjC2xUo$E{_t1VTPC)vTzJ-hR6USKM!SYfoo zls3+D8Pqbh$m0|ZOq?b7n+3W#fHFroN*Nb{o5Vm`Xz>PXIt0c!WcZ;1=;CvgE8H|@ ze!(OMd6X(Ht`+hDKgqx9JFWYVkdhUiOky}vz$^LPssvR_M{ei zx|Wz=QZs9={vFLv!5pV`r~)LLGiFY%#1iJJq?=SOa&dYNuM zJx%Kf)xN;{bo4)F_wj;*+-s=;am>{*-I98q&(jmI{bj*EW+++GpGKu2o1EeIthv0` z9wi=TI^&Oev2w_(cK`qY literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/progressbar_thumb_foc.png b/ElmSharp/theme/tv/HD/images/progressbar_thumb_foc.png new file mode 100755 index 0000000000000000000000000000000000000000..9356150ed3ecb68ca7f8f8a4d0100a271b12ec3a GIT binary patch literal 434 zcmV;j0ZsmiP)foT@sEC4#AP!Fc0aX|0*1tfs zMbw}aTO1r5@^z3VF_&C&M+OI9mW1#=9LKx&&LGl@z7(xLjP*XBm>qUKUkUP=2eHr4~fdBvi07*qoM6N<$f?>wJnE(I) literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/progressbar_thumb_nor.png b/ElmSharp/theme/tv/HD/images/progressbar_thumb_nor.png new file mode 100755 index 0000000000000000000000000000000000000000..ea4b2790a1a62f894ba79b69118280c3fb0addf6 GIT binary patch literal 876 zcmV-y1C#uTP)Ru2*i)&`r4tu$IAn2IP0-b8v9dQpn#MTK4!>q$>i z4>2kf|5Ys(g@O?glq!l?6f3rDRyWyh++_CW;eBU!c6YKFp$FeNybm+)``LGA=6U9I z#FcCA6}0}xm~T2K<&u2nxQE-hnIfXbPb~8>XJ{oynVI&^3(@}&G^%Ixr_$Q5I-*dh zYo?9UFg>CR8r05fJ`*NS$F+TH=><94VDhxonel}l)QuWbUImS5rykaKN$_I0MldfsMmCL9~2+A>4VOno!SQZNNtF_-V&mI@T;ev3ut<;F@oomLkp0er~knNsHr-tL2bZ({4ola4s_TIZDTq3{iy2g3m zMvIGTwBIMYvLUV=KX`f7{MySYWife-=!9KYa{a~8W1L;?fv=Z4gHLKf*Vw9C z)b)BmrxVm?pE~=Pri7dJ4aji=Gv3@Mr!su%w7BHl#U8FBNZk1Z=2BoMd)fcgvCFkV zP_1(KIrei0JII^2-zfIWXY;|MzyxK2V(Iv!4;>0q-jRCk#5+&E)u^#fg-fiNorhJr zFz_fcPKglD4<4UAG&6n6#AJRH)&IWm$G1Pc{neXawl>+M!3q`Xijo_bUJN`!N{o?b zICaAn(WFk5zi6n{y$kBcz-5>`BNWKtNKU!%&jrAzF~5Ngbd?b zY=b5Z8mzNH)IEGKW>)Copu_mb8wmgEe<3>y*- z4VYrVQ1@xrh6=t&1jXN5rLRa>UWMM(MS(D?>pO!j3HPQG3QVcBE5@*EYK}*aFz~6$ z3nSPw;aYb_fl#&Oi4YLy1bFY&bLPc31B3v&h3k_S?4ua>M6jE}wc`c*EynE;tVy_z zykLi7+#JFF-(=4ZBABeE$qUx3s|*4B60RFwFk`ht0A=CIc)|L`xB`ISusC{Oy$>-E1Kk@G5&a&Tmzk(iuU*I=N3@ zTVvV|1G~85g(^vu?cp-zjCyJ2+Lk!a?+(9ruR1en`yaEM2>QZ@_N<`Bo3{1uGqfEo oAP%sLWfbs1^;c!Vc|MT;0D;$pDr?~be*gdg07*qoM6N<$f;z4lz5oCK literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/radiobtn_off_foc.png b/ElmSharp/theme/tv/HD/images/radiobtn_off_foc.png new file mode 100755 index 0000000000000000000000000000000000000000..38ecec975cee370241a968066e10d716d8178442 GIT binary patch literal 466 zcmV;@0WJQCP))`pC>>_*gpdx3oOfC zXPq&4Zo0Gge0R^Bdw%CwC^|cekoAXQ$AMo9$}6jLol2T%pq?B(2b{-$#i-NA&-&Df z`Fr`J%8USTsgT1)2%9VwTmVKqgoU*L=#ufhC_@*3Rv1_tm{Zyl{$kxS2ik{VO<+PQ z5G6#43D69J-28*C)78#mO_i)4=#Izl zm&9=@DPinyOPcM%hLX;VVM$4YUD#$`!dhbw#BdKQeUo~w$ zbk99;#>NsfCLSz~;X=I#7Do}OY>P-6ideO}&Yp17bi%hfA37fuPXGV_07*qo IM6N<$f+VZSOaK4? literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/radiobtn_off_nor.png b/ElmSharp/theme/tv/HD/images/radiobtn_off_nor.png new file mode 100755 index 0000000000000000000000000000000000000000..6bd4c7e4f58953acb06313278acf48204935a46c GIT binary patch literal 577 zcmV-H0>1r;P)_`*BDz>d$|8%*N}?UB@nhCOT_~f~!~{L@Bax&y zNbBMxM1BFV`7!E%N@;KDy$OSZ?{sr+-Y4h0=iK|AfuD9RcI}|`4`aLkJcOjTV~S2X z>HyX)S$qZ6_sS{yW6;*ZmA*f0q(@_$rz8-40;ic_oa?| zX;3XbY9HkD-?bk|3?H!J=i3yZ z?_5iQ{DK)61VSerd->C4-Flfdzc%MtinB+(dtWaqGIRN#%9;xAYgdS|<)8i% zc42bv#Vb>eT3fw7aq`mDO~PLVH`H0My1x3Yw`Pkf0|R55r;B5V#p$h6ZWc8;2)GKW zW(Wj`bo}P)@-{oFBK7_E|NSD&=XhpMHH{hs}MNKt~mLb zzI&n0Y-a_z&7JX+KQ*jb(Yk1vDEBHQ=1R@Jsi!XRPM&KgX?1F;Mi}F&qaSpSY6Wm6 zi(Yy4@zJZT4CTwDR+vt9$+&hQDPnhX-lhoKl3OCLlM8&WF#cjW?X+FVDmYbFR{U>} zrNkZ69^(n04doVj8dh5r&AE7C*$mC5?{dciGETnje1Bz$@7s_IA3li~H)Wnba#6fD zA$CvIPu}+|!81Q=9egIRXHSEt!SqDEgFZTYbPlV{IAhSBVD?1g*_{KE^kd!hMGgEl z5+!sMHBPWEv`cPMIi(#~xnJ+oyt7e;o3A{r+8g4WR{J~Oygagg^F*I(9@}qi^0Iqo zUim(1@^sa%rBUU*XZA9`=-({bw&sV$@6(C9la{Z}y;Nkee%8PDt7g7k^Y`AZvm$~o z)Yr@^mN7ecbgN~{f5jba$AiCDSjpafIpg_1{W=EsZT@T#3$^)yQOw}!>gTe~DWM4f D4d=z9 literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/radiobtn_on_nor.png b/ElmSharp/theme/tv/HD/images/radiobtn_on_nor.png new file mode 100755 index 0000000000000000000000000000000000000000..f74c505e74639855fd063f717a6c17768efc08e4 GIT binary patch literal 750 zcmeAS@N?(olHy`uVBq!ia0vp^Y9P$P3?%12mYf5mE(Q36xc>kD-?e{Op;@KvVv7F7lY#x_qE#}JFtTc_MCYH|>86;#a- z2oUM`&DZ5^c2q^``|tnzMVQa=%$~;Yx!=TePST6&-LoJ6vk21pQQ}r1aFktf@-uz+ zLY>*p3UZq}<0pS=ShJ#a(K1o)RZ7g2ntfAGUErNO*G|&v)KZNw##Ki@=pNMy;7k_1 z^6KNGS6dm%mr1QKo$Qiv?Ltz-?&iEr5w<0_L|!Ks_+DZB#d6wdyOLFKs;;c~-ylng zJElFx6FwWtE%G$1wkVo&@xrnhnoZy3js;|#eB1f{$`aqVAs0S;5;1PdJb&b(cyB`N zo~oa`?^%Lpe%3npOkmHR22X?OiFyZpboS^RR-19gpgqCtiN>=#2PWyqy6KA=_-iCe z=qhTQU|(pL+@x|!JFs%U-lutIqYO7+d0MqM#5t|@cfNUfWc}ueKG!_9-`eD5_sqQV zebnUXs$EN?%6rf3Wq#4WS+s4<4~yTY6L%*qU!8lY$YTAhfA3e#e7olFy<2BR1YfAH znN=)fcJSy{%a;F&JJ^l~f3L8Tz58;;^MCqv4DQ?f*&-Hd^8=%p!PC{xWt~$(695Pw Bb&dc4 literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/round_rectangle_4X4.png b/ElmSharp/theme/tv/HD/images/round_rectangle_4X4.png new file mode 100644 index 0000000000000000000000000000000000000000..bd4edfecdba9c0ea49fcd40e4f1c60c9f43f5ddb GIT binary patch literal 130 zcmeAS@N?(olHy`uVBq!ia0vp^oFL4>0wld=oSO}#JUv|;LpZL-o;}FhpdfPK!Xt(} z$Aq8z8w%B#9>(>*sy`mr6~VjQig$HF@ee68p8tz1EPvi|_2diF`u)J~<)L|fvKuA! dN+r!I86HT6+?=W3d>?2igQu&X%Q~loCIA7-EieE8 literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/round_rectangle_4X4_bottom.png b/ElmSharp/theme/tv/HD/images/round_rectangle_4X4_bottom.png new file mode 100755 index 0000000000000000000000000000000000000000..50646a5d5a636759693bd80c422aaebc2539f1e7 GIT binary patch literal 107 zcmeAS@N?(olHy`uVBq!ia0vp^oIuRV!2%?0qxc>GDI-r8#}JO|u_rciG8k~U9+aPc z@oB6=in`;a{Zkm%?_rhlv3)k{+zQ>MN7_yt>X{2XWo*wHC^N0xz`F~mo59o7&t;uc GLK6UQpdP&d literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/round_rectangle_4X4_top.png b/ElmSharp/theme/tv/HD/images/round_rectangle_4X4_top.png new file mode 100755 index 0000000000000000000000000000000000000000..59d03cd2340feba95b4b63339869f000347dd9cf GIT binary patch literal 106 zcmeAS@N?(olHy`uVBq!ia0vp^oIuRV!2%?0qxc>GDML>e#}JO|u?J7`9#9Zq*|4y& zq;W-EwzKxf@_CkTI#!xQ%@jKQ?MB#?^-@;h_s%KUn`fFEUyoR7lL^$!;OXk;vd$@? F2>`)bAx{7R literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/round_rectangle_8X8_top.png b/ElmSharp/theme/tv/HD/images/round_rectangle_8X8_top.png new file mode 100644 index 0000000000000000000000000000000000000000..1403c5458c9ef857911b4097c103a2e3b6f3ac34 GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^fbn;LAbh=(-rDpSB=8KIFIUNt4y6jWwFLiILVxi2$ zCkGTKZWP#_AbfRG*XC764s5@;LG$YLyA5@7`YkpeYCb0@477;B)78&qol`;+02%u^ AO8@`> literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/scrollbar_horizontal.png b/ElmSharp/theme/tv/HD/images/scrollbar_horizontal.png new file mode 100755 index 0000000000000000000000000000000000000000..b060a3db2d91d1f971394b7faca3ea9451510fcb GIT binary patch literal 127 zcmeAS@N?(olHy`uVBq!ia0vp^oIuRM!2%>3kI32qDK}3S#}JO|vF8lA8Vp2OE*iRX zntgoMwBW|;&K{P7RXSJypVFM>`ets7)y`-KQf8hmjv*Y^L(e#J9WdZwKA7q$ zW&QVm^<8H}6$6fv2`d!+qbCUoO`5bR|9$M{&+)pQ`(}l3F6Y1YfyHKOfVv*g1O`u6 KKbLh*2~7Z4MItQ# literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/scrollbar_mask_top.png b/ElmSharp/theme/tv/HD/images/scrollbar_mask_top.png new file mode 100755 index 0000000000000000000000000000000000000000..d64edbcd9e65b730ccfc534b5181603a74e5af38 GIT binary patch literal 112 zcmeAS@N?(olHy`uVBq!ia0vp^j6kfy!2%>7)y`-KQs$m6jv*Y^Lwg*#7!(B#JKgyI zKTP(kfn17MOMu1_)!>Son^I3snxLuZ-1gpk$u~b^pb-q7 Lu6{1-oD!M<)q*9_ literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/scrollbar_vertical.png b/ElmSharp/theme/tv/HD/images/scrollbar_vertical.png new file mode 100755 index 0000000000000000000000000000000000000000..447f94034e75a897f8404fd3196807976241ec8d GIT binary patch literal 134 zcmeAS@N?(olHy`uVBq!ia0vp^96-#;!2%?gMlD?mq;M1%UHh>kpp>KT+_gZJ z93?@1!3?5v-_5!8eje`;r9z;XnWu|m2*>s0gphX`Whn^)Z(qE~5KXwi5G2dRBdMU( w$mmjL!m!ehgY}u?(*;@!e@S#(&*GM3P*sus_tRBpFVF-APgg&ebxsLQ00z%JrT_o{ literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/search_searchbar_bg_nor.png b/ElmSharp/theme/tv/HD/images/search_searchbar_bg_nor.png new file mode 100644 index 0000000000000000000000000000000000000000..34add3a8d610ad608e19227a1d2d91262982eeaa GIT binary patch literal 133 zcmeAS@N?(olHy`uVBq!ia0vp^+#t-s0wkH2?q3U}d^}woLpZKaJ-?f=K|z4!;z2H- zb=3=5xE66NX*M+Y*xaZ;CqvxuOqu`PvjRM`%g-Ko6YckIjZNDFiqRP$ARWDc)I$ztaD0e0st<2E>i#i literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/search_searchbar_small_bg_foc.png b/ElmSharp/theme/tv/HD/images/search_searchbar_small_bg_foc.png new file mode 100644 index 0000000000000000000000000000000000000000..8c1c0c9e92757732ee1921488b56f2ce3f398301 GIT binary patch literal 90 zcmeAS@N?(olHy`uVBq!ia0vp^oFL4|3?y&GPYDK6YymzYuCD$6fk6Df>IR?)zo(01 j2*>s01P3OW6EbWJ4BZTz6&e@ffl>^fu6{1-oD!MIv$0(}Teg^+mgMtB5*p1sKLfeRZuvpc3< z4AWEFo$t`j%&sHqi-Q`iJ@$(@RNtOsfE*c8IJ{$l2_EsLtfzE!_{^#(*_CptA0P3S z8%nX^kV!1o4KBe*$FV>gt9Bb6HSBz||={)*~tWy%{V$EioE tHu}hs;S9hEOB8s*tGwLp&u9M#`vwnEtMab$&58g3002ovPDHLkV1l&!6vsdBM>{i2OFOMJM50hz7N+R}i?%V*B1A%B!Uh6~h6N$6O==7V5MvY*{s35* z=*s8=!uX#5H4(gFRgB)g*t z<%D99#!rH2hwiGC-PV>=FgZG^rLC$%vX+3!(PSj#mOj)gdRhhbXpJ`OknTlRKavu zgjGHc_ch!Sn-YS>MGa#!QTVQ$-U6ZapN$X0>k?bhehbL);2|r z=u#ltvyUOVu7LM-Rwl$Y;ysM?+7hk`1yj*0SY3?)Y zmr_HC!N8%DUJB%J+|2H=t?P%@_N~l!q0&Eh?_ItA)em2OUtMI8G7p%hBrp1KsfU3> zjso4}X-|A`c~mGd!$Zod#$Q2=FtBMS&vH7*;^JUq168VcEHKY3MM_kpT4ZyWzrS{} zujP)1VI0002aNkly8F&O z-Lp^{lS{?&EzL-GA>?Wn%1`79p}WSO9RGH3c+Hxk=Tc;4E)HF9E2t4Qjs`za{iId) zCOuO3cfvHH#Ku(4v=O3(ZIUgeU?W^3Eap4_xG`kF6@Ui|tS~-GBSepjDZhkQ`cZ70 zMl?9_9-C$~8Lts#b^z?D#Bo;QGZeH`UQ@YoP_pKi&yZ;{O{Vz^%@bjxJ5B3Ik;wo6 N002ovPDHLkV1kxxXsG}I literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/spincontrol_arrow_up.png b/ElmSharp/theme/tv/HD/images/spincontrol_arrow_up.png new file mode 100755 index 0000000000000000000000000000000000000000..3daf5e42c80a12a2fb672c7fdba8a8daa34dfd57 GIT binary patch literal 248 zcmV1VI0002LNklSHumG77)J^&FB z06wix8O>0ZuXJd05paY~&gAjrlp{41iYf<5<`j}KE*n`{<2+J_m84tTc&5%t#%I_s y9h<3i&NR$SmjHl}!P|5Dga8Eeo^$<=|I`g4%3Mr&+x6oB0000` z#jkqgY~*wIrC%ZsIhU3e1^!+pzLv4BwcaG(-2Z7#7?VVTWE0SJ44$rjF6*2UngBoU BN811Z literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/tooltip-edge-top-tip.png b/ElmSharp/theme/tv/HD/images/tooltip-edge-top-tip.png new file mode 100755 index 0000000000000000000000000000000000000000..661a2558de4ef16e89491ed96a031d5261140726 GIT binary patch literal 154 zcmeAS@N?(olHy`uVBq!ia0vp^JV4CF!2%?;RLcv2RHCPgV+hCf;5Z#SWV~8{~Q04|Np$u8u@?yum5lUZ~njf-{wVLKEM9+aQ&XpTKwS9`G5Am=N~=* z1SbxBxIaCSjahk` z#jkqgY~*wIrC%ZsIhU3e1^!+pzLv4BwcaG(-2Z7#7?VVTWE0SJ44$rjF6*2UngBoU BN811Z literal 0 HcmV?d00001 diff --git a/ElmSharp/theme/tv/HD/images/tooltip_arrow_up.png b/ElmSharp/theme/tv/HD/images/tooltip_arrow_up.png new file mode 100755 index 0000000000000000000000000000000000000000..661a2558de4ef16e89491ed96a031d5261140726 GIT binary patch literal 154 zcmeAS@N?(olHy`uVBq!ia0vp^JV4CF!2%?;RLcv2RHCPgV+hCf;5Z#SWV~8{~Q04|Np$u8u@?yum5lUZ~njf-{wVLKEM9+aQ&XpTKwS9`G5Am=N~=* z1SbxBxIaCSjahkB~5U~*}v0*Yg{=9kfx@Lh9Y2Wsj zs#F00+R}+SRdqViCeO61uXP{L)UXx+*))`F3Lu$#LkBDgCPy#9G22}xmnk%an;)7x|+57ollN@3wb`MQO5jl^Eh_w zb9g+0#b6MWU(Ou(A`!q)q(Yej22XgN_o h) { + set_float(min_w, w - h * (1 - ratio)); + set_float(min_h, h * ratio); + } else { + set_float(min_w, w * ratio); + set_float(min_h, h - w * (1 - ratio)); + } + } + } + parts { + part { name: "base"; + scale: 1; + type: SPACER; + description { state: "default" 0.0; + min: 50 78; + } + } + //Base Shape Part + part { name: "tizen_vg_shape"; + type: SWALLOW; + clip_to: "tizen_vg_shape_clipper"; + scale: 1; + description { state: "default" 0.0; + min: 0 78; + rel1.relative: 0 0.0; + rel2.relative: 1 1.0; + } + } + part { name: "tizen_vg_shape_clipper"; + type: RECT; + scale: 1; + description { state: "default" 0.0; + color: 82 198 216 255; + } + description { state: "disabled" 0.0; + color: 138 195 204 255; + } + } + part { name: "effect_spacer"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + } + } + //Effect Shape Part + part { name: "tizen_vg_shape2"; + type: SWALLOW; + clip_to: "tizen_vg_shape_clipper2"; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1.relative: 0.5 0.5; + rel2.relative: 0.5 0.5; + } + description { state: "ready" 0.0; + rel1.to: "effect_spacer"; + rel2.to: "effect_spacer"; + } + description { state: "pressed" 0.0; + inherit: "ready" 0.0; + } + } + part { name: "tizen_vg_shape_clipper2"; + type: RECT; + description { state: "default" 0.0; + visible: 0; + color: 0 0 0 0; + } + description { state: "ready" 0.0; + inherit: "default" 0.0; + visible: 1; + } + description { state: "pressed" 0.0; + color: 0 0 0 77; + } + } + part { name: "padding_left_top"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + align: 0.0 0.0; + rel2.relative: 0.0 0.0; + min: 22 0; + fixed: 1 1; + } + } + part { name: "padding_right_bottom"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1.to: "tizen_vg_shape"; + rel2.to: "tizen_vg_shape"; + align: 1.0 1.0; + rel1.relative: 1.0 1.0; + min: 22 4; + fixed: 1 1; + } + } + part { name: "icon_rect"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + align: 0.0 0.5; + rel1 { + relative: 1.0 1.0; + to: "padding_left_top"; + } + rel2 { + relative: 1.0 0.0; + to_x: "padding_left_top"; + to_y: "padding_right_bottom"; + } + min: 0 60; + fixed: 1 1; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + min: 60 60; + max: 60 60; + fixed: 1 1; + } + description { state: "icon_only" 0.0; + inherit: "default" 0.0; + } + } + part { name: "icon_text_padding"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + align: 1.0 0.5; + min: 0 0; + rel1 { + relative: 0.0 0.0; + to: "elm.text"; + } + rel2 { + relative: 0.0 1.0; + to: "elm.text"; + } + fixed: 1 1; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + min: 14 0; + } + } + part { name: "elm.swallow.content"; + type: SWALLOW; + scale: 1; + clip_to: "clipper"; + description { state: "default" 0.0; + align: 0.0 1.0; + rel1 { + relative: 1.0 1.0; + to: "padding_left_top"; + } + rel2 { + relative: 1.0 1.0; + to_x: "padding_left_top"; + to_y: "padding_right_bottom"; + } + min: 0 60; + fixed: 1 0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + align: 1.0 0.5; + rel1 { + relative: 0.0 1.0; + to_x: "icon_text_padding"; + to_y: "padding_left_top"; + } + rel2 { + relative: 0.0 0.0; + to_x: "icon_text_padding"; + to_y: "padding_right_bottom"; + } + min: 60 60; + fixed: 1 1; + } + description { state: "icon_only" 0.0; + rel1.to: "tizen_vg_shape"; + rel2.to: "tizen_vg_shape"; + min: 60 60; + max: 60 60; + align: 0.5 0.5; + fixed: 1 1; + } + } + part { name: "elm.text"; + type: TEXTBLOCK; + mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1 { + relative: 1.0 1.0; + to_x: "icon_rect"; + to_y: "padding_left_top"; + } + rel2 { + relative: 0.0 0.0; + to: "padding_right_bottom"; + } + text { + style: "button_main"; + max: 1 0; + } + color: 250 250 250 255; + } + description { state: "pressed" 0.0; + inherit: "default" 0.0; + text.style: "button_main_press"; + color: 250 250 250 255; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + text.style: "button_main_dim"; + color: 250 250 250 163; + } + } + part { name: "clipper"; + type: RECT; + description { state: "default" 0.0; + } + description { state: "pressed" 0.0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 255 255 255 163; + } + } + part { name: "event"; + type: RECT; + description { state: "default" 0.0; + rel1.to: "tizen_vg_shape"; + rel2.to: "tizen_vg_shape"; + color: 0 0 0 0; + } + } + } + programs { + program { name: "pressed_effect"; + action: STATE_SET "ready" 0.0; + target: "tizen_vg_shape_clipper2"; + action: STATE_SET "custom" 0.0; + target: "tizen_vg_shape2"; + after: "pressed_effect2"; + } + program { name: "pressed_effect2"; + action: STATE_SET "pressed" 0.0; + target: "elm.text"; + target: "clipper"; + target: "tizen_vg_shape2"; + target: "tizen_vg_shape_clipper2"; + transition: GLIDE_EASE_OUT(0.15); + after: "pressed_effect3"; + } + program { name: "pressed_effect3"; + script { + set_int(animate, 0); + } + } + program { name: "delay_unpressed_effect"; + in: 0.1 0.0; + after: "unpressed_effect"; + } + program { name: "unpressed_effect"; + script { + if (get_int(disabled) == 0) { + run_program(PROGRAM:"unpressed_effect2"); + run_program(PROGRAM:"unpressed_effect3"); + } else { + run_program(PROGRAM:"disabled_effect"); + run_program(PROGRAM:"disabled_effect2"); + run_program(PROGRAM:"disabled_effect3"); + } + } + } + program { name: "unpressed_effect2"; + action: STATE_SET "ready" 0.0; + target: "tizen_vg_shape2"; + target: "tizen_vg_shape_clipper2"; + transition: GLIDE_EASE_OUT(0.45); + } + program { name: "unpressed_effect3"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + transition: GLIDE_EASE_OUT(0.45); + after: "unpressed_effect4"; + } + program { name: "unpressed_effect4"; + action: STATE_SET "default" 0.0; + target: "clipper"; + after: "finished_animation"; + } + program { name: "disabled_effect"; + action: STATE_SET "ready" 0.0; + target: "tizen_vg_shape2"; + target: "tizen_vg_shape_clipper2"; + transition: GLIDE_EASE_OUT(0.45); + } + program { name: "disabled_effect2"; + action: STATE_SET "disabled" 0.0; + target: "elm.text"; + transition: GLIDE_EASE_OUT(0.45); + } + program { name: "disabled_effect3"; + action: STATE_SET "disabled" 0.0; + target: "clipper"; + target: "tizen_vg_shape_clipper"; + transition: GLIDE_EASE_OUT(0.45); + after: "finished_animation"; + } + program { name: "finished_animation"; + action: STATE_SET "default" 0.0; + target: "tizen_vg_shape2"; + target: "tizen_vg_shape_clipper2"; + } + program { name: "pressed"; + signal: "mouse,down,1*"; + source: "event"; + script { + if ((get_int(multi_down) == 0) && (get_int(mouse_down) == 0) && (get_int(disabled) == 0)) { + stop_program(PROGRAM:"delay_unpressed_effect"); + set_int(mouse_down, 1); + set_int(animate, 1); + custom_state(PART:"tizen_vg_shape2", "default", 0.0); + get_effect_min_size(PART:"effect_spacer", 0.7, minw, minh); + set_state_val(PART:"tizen_vg_shape2", STATE_MIN, get_int(minw), get_int(minh)); + emit("elm,action,press", ""); + run_program(PROGRAM:"pressed_effect"); + } + } + } + program { name: "unpressed"; + signal: "mouse,up,1"; + source: "event"; + script { + if (get_int(mouse_down) == 1) { + set_int(mouse_down, 0); + if (get_int(disabled) == 0) { + if (get_int(animate) == 0) { + run_program(PROGRAM:"unpressed_effect"); + } else { + set_state(PART:"elm.text", "pressed", 0.0); + set_state(PART:"clipper", "pressed", 0.0); + set_state(PART:"tizen_vg_shape2", "pressed", 0.0); + set_state(PART:"tizen_vg_shape_clipper2", "pressed", 0.0); + set_int(animate, 0); + run_program(PROGRAM:"delay_unpressed_effect"); + } + emit("elm,action,unpress", ""); + } + } + } + } + program { name: "touch_snd"; + signal: "mouse,clicked,1"; + source: "event"; + script { + if (get_int(multi_down) == 0) { + if (get_int(disabled) == 0) { + run_program(PROGRAM:"touch_sound"); + run_program(PROGRAM:"clicked_signal"); + } + } + } + } + program { name: "touch_sound"; + action: RUN_PLUGIN "touch_sound"; + } + program { name: "clicked_signal"; + in: 0.001 0.0; + action: SIGNAL_EMIT "elm,action,click" ""; + } + program { name: "icon_show"; + signal: "elm,state,icon,visible"; + source: "elm"; + script { + set_int(content, 1); + set_state(PART:"icon_text_padding", "visible", 0.0); + if (get_int(text) == 1) { + set_state(PART:"icon_rect", "visible", 0.0); + set_state(PART:"elm.swallow.content", "visible", 0.0); + } else { + set_state(PART:"icon_rect", "icon_only", 0.0); + set_state(PART:"elm.swallow.content", "icon_only", 0.0); + set_state(PART:"padding_left_top", "icon_only", 0.0); + } + } + } + program { name: "icon_hide"; + signal: "elm,state,icon,hidden"; + source: "elm"; + script { + set_int(content, 0); + set_state(PART:"icon_text_padding", "default", 0.0); + set_state(PART:"icon_rect", "default", 0.0); + set_state(PART:"elm.swallow.content", "default", 0.0); + } + } + program { name: "text_show"; + signal: "elm,state,text,visible"; + source: "elm"; + script { + set_int(text, 1); + if (get_int(content) == 1) { + set_state(PART:"icon_rect", "visible", 0.0); + set_state(PART:"elm.swallow.content", "visible", 0.0); + } + } + } + program { name: "text_hide"; + signal: "elm,state,text,hidden"; + source: "elm"; + script { + set_int(text, 0); + if (get_int(content) == 1) { + set_state(PART:"icon_rect", "icon_only", 0.0); + set_state(PART:"elm.swallow.content", "icon_only", 0.0); + } + } + } + program { name: "disable"; + signal: "elm,state,disabled"; + source: "elm"; + script { + set_int(disabled, 1); + if (get_int(animate) == 1) return; + set_state(PART:"clipper", "disabled", 0.0); + set_state(PART:"tizen_vg_shape_clipper", "disabled", 0.0); + set_state(PART:"elm.text", "disabled", 0.0); + } + } + program { name: "enable"; + signal: "elm,state,enabled"; + source: "elm"; + script { + set_int(disabled, 0); + set_state(PART:"clipper", "default", 0.0); + set_state(PART:"tizen_vg_shape_clipper", "default", 0.0); + set_state(PART:"elm.text", "default", 0.0); + } + } + program { name: "multi_down"; + signal: "elm,action,multi,down"; + source: "elm"; + script { + set_int(multi_down, 1); + } + } + program { name: "multi_up"; + signal: "elm,action,multi,up"; + source: "elm"; + script { + set_int(multi_down, 0); + } + } + program { name: "pass_event_enable"; + signal: "elm,event,pass,enabled"; + source: "elm"; + script { + set_mouse_events(PART:"event", 0); + } + } + program { name: "pass_event_disable"; + signal: "elm,event,pass,disabled"; + source:"elm"; + script { + set_mouse_events(PART:"event", 1); + } + } + program { name: "repeat_event_enable"; + signal: "elm,event,repeat,enabled"; + source: "elm"; + script { + set_repeat_events(PART:"event", 1); + } + } + program { name: "repeat_event_disable"; + signal: "elm,event,repeat,disabled"; + source:"elm"; + script { + set_repeat_events(PART:"event", 0); + } + } + } + } + + group { name: "elm/button/base/datetime/ampm"; + inherit: "elm/button/base/datetime/default"; + parts { + part { name: "base"; + description { state: "default" 0.0; + min: 160 78; + } + } + part { name: "tizen_vg_shape"; + description { state: "default" 0.0; + min: 0 78; + } + } + part { name: "tizen_vg_shape_clipper"; + description { state: "unselected" 0.0; + color: 204 204 204 255; + } + } + part { name: "padding_left_top"; + description { state: "default" 0.0; + min: 32 10; + } + } + part { name: "padding_right_bottom"; + description { state: "default" 0.0; + min: 32 14; + } + } + part { name: "elm.text"; + description { state: "default" 0.0; + text.style: "button_ampm"; + color: 250 250 250 255; + } + description { state: "pressed" 0.0; + text.style: "button_ampm_press"; + color: 250 250 250 255; + } + description { state: "unselected" 0.0; + inherit: "default" 0.0; + text.style: "button_ampm_dim"; + color: 250 250 250 163; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + text.style: "button_ampm_dim"; + color: 250 250 250 163; + } + } + } + program { name: "unselected"; + signal: "elm,action,button,unselected"; + source: "elm"; + script { + set_int(selected, 0); + set_state(PART:"tizen_vg_shape_clipper", "unselected", 0.0); + set_state(PART:"elm.text", "unselected", 0.0); + if (get_int(animate) == 1) + run_program(PROGRAM:"pressed_effect3"); + } + } + program { name: "selected"; + signal: "elm,action,button,selected"; + source: "elm"; + script { + set_int(selected, 1); + set_state(PART:"tizen_vg_shape_clipper", "default", 0.0); + if (get_int(animate) == 0) + set_state(PART:"elm.text", "default", 0.0); + } + } + program { name: "unselected_effect"; + action: STATE_SET "unselected" 0.0; + target: "elm.text"; + transition: GLIDE_EASE_OUT(0.45); + after: "unpressed_effect4"; + } + program { name: "unpressed_effect"; + script { + if (get_int(disabled) == 0) { + run_program(PROGRAM:"unpressed_effect2"); + if (get_int(selected) == 0) + run_program(PROGRAM:"unselected_effect"); + else + run_program(PROGRAM:"unpressed_effect3"); + } else { + run_program(PROGRAM:"disabled_effect"); + run_program(PROGRAM:"disabled_effect2"); + run_program(PROGRAM:"disabled_effect3"); + } + } + } + } + +/***********************SPINNER BUTTONS STYLES******************************/ + +#undef BUTTON_DEFAULT_PAD_SIZE +#undef BUTTON_DEFAULT_MIN_SIZE +#undef BUTTON_DEFAULT_FONT_SIZE +#undef BUTTON_TEXT_PAD_SIZE +#undef BUTTON_TEXT_MIN_SIZE +#undef BUTTON_TEXT_FONT_SIZE +#undef BUTTON_BORDER diff --git a/ElmSharp/theme/tv/widgets/check.edc b/ElmSharp/theme/tv/widgets/check.edc new file mode 100644 index 0000000..3b30023 --- /dev/null +++ b/ElmSharp/theme/tv/widgets/check.edc @@ -0,0 +1,358 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +/**************************************************************************** +Document: Tizen TV_General Guide_GUI Guideline_v1.0_140508_1.ppt, Page no. 76, +*****************************************************************************/ +#define CHECK_SIZE 38 38 +#define CHECK_FONT_SIZE 28 + +group { name: "elm/check/base/default"; + images { + image: "checkbox_check_foc.png" COMP; + image: "checkbox_check_nor.png" COMP; + image: "checkbox_uncheck_nor.png" COMP; + image: "checkbox_uncheck_foc.png" COMP; + } + data.item: "focus_highlight" "on"; + script { + public is_focus=0; + public set_focus() { + set_int(is_focus, 1); + } + public unset_focus() { + set_int(is_focus, 0); + } + public set_check_set() { + if (get_int(is_focus)) { + set_state(PART:"check", "highlight", 0.0); + set_state(PART:"bg", "highlight", 0.0); + } + else { + set_state(PART:"check", "visible", 0.0); + set_state(PART:"bg", "default", 0.0); + } + } + public set_check_unset() { + set_state(PART:"check", "default", 0.0); + if (get_int(is_focus)) { + set_state(PART:"bg", "highlight", 0.0); + } + else { + set_state(PART:"bg", "default", 0.0); + } + } + } + parts { + part { name: "bg"; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel2.relative: 0.0 1.0; + align: 0.0 0.5; + min: CHECK_SIZE; + max: CHECK_SIZE; + aspect: 1.0 1.0; + aspect_preference: VERTICAL; + image.normal: "checkbox_uncheck_nor.png"; + } + description { state: "highlight" 0.0; + inherit: "default" 0.0; + image.normal: "checkbox_uncheck_foc.png"; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 255 255 255 51; + } + } + part { name: "check"; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1 { + to: "bg"; + } + rel2 { + to: "bg"; + } + image.normal: "checkbox_check_nor.png"; + visible: 0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + } + description { state: "highlight" 0.0; + inherit: "default" 0.0; + image.normal: "checkbox_check_foc.png"; + visible: 1; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + visible: 0; + } + description { state: "disabled_visible" 0.0; + inherit: "default" 0.0; + color: 255 255 255 51; + visible: 1; + } + } + part { name: "elm.swallow.content"; type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + visible: 0; + align: 0.0 0.5; + fixed: 1 0; + rel1.to_x: "bg"; + rel1.relative: 1.0 0.0; + rel2.to_x: "bg"; + rel2.relative: 1.0 1.0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + fixed: 1 0; + visible: 1; + aspect: 1.0 1.0; + min: CHECK_SIZE; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 255 255 255 128; + } + description { state: "disabled_visible" 0.0; + inherit: "default" 0.0; + color: 255 255 255 128; + fixed: 1 0; + visible: 1; + aspect: 1.0 1.0; + } + } + part { name: "elm.text"; type: TEXT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + visible: 0; + rel1.to_x: "elm.swallow.content"; + rel1.relative: 1.0 0.0; + rel2.to: "pad.elm.text"; + rel2.relative: 0.0 1.0; + color: 0 0 0 255; + text { + font: FONT_L; + size: CHECK_FONT_SIZE; + min: 0 1; + align: -1.0 0.5; + } + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + text.min: 1 1; + text.ellipsis: -1; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 0 0 0 128; + color3: 0 0 0 0; + } + description { state: "disabled_visible" 0.0; + inherit: "default" 0.0; + color: 0 0 0 128; + color3: 0 0 0 0; + visible: 1; + text.min: 1 1; + text.ellipsis: -1; + } + } + part { name: "pad.elm.text"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 1 0; + max: 1 0; + fixed: 1 0; + rel1.relative: 1.0 1.0; + align: 1.0 0.5; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + min: 12 0; + max: 12 0; + } + } + part { name: "events"; type: RECT; + ignore_flags: ON_HOLD; + description { state: "default" 0.0; + color: 0 0 0 0; + } + } + part { name: "disabler"; type: RECT; + description { state: "default" 0.0; + color: 0 0 0 0; + visible: 0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + } + programs { + program { name: "click"; + signal: "mouse,clicked,1"; source: "events"; + action: SIGNAL_EMIT "elm,action,check,toggle" ""; + } + program { name: "check_on"; + signal: "elm,state,check,on"; source: "elm"; + script{ + set_check_set(); + } + } + program { name: "check_off"; + signal: "elm,state,check,off"; source: "elm"; + script{ + set_check_unset(); + } + } + program { name: "text_show"; + signal: "elm,state,text,visible"; source: "elm"; + action: STATE_SET "visible" 0.0; + target: "elm.text"; + target: "pad.elm.text"; + } + program { name: "text_hide"; + signal: "elm,state,text,hidden"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + } + program { name: "icon_show"; + signal: "elm,state,icon,visible"; source: "elm"; + action: STATE_SET "visible" 0.0; + target: "elm.swallow.content"; + } + program { name: "icon_hide"; + signal: "elm,state,icon,hidden"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.swallow.content"; + } + program { name: "focus"; + signal: "elm,action,focus"; source: "elm"; + script { + set_focus(); + } + after: "enable_focus"; + } + program { name: "enable_focus"; + script { + new st[31]; + new Float:vl; + get_state(PART:"check", st, 30, vl); + if (!strcmp(st, "visible")) + set_state(PART:"check", "highlight", 0.0); + + get_state(PART:"bg", st, 30, vl); + if (!strcmp(st, "default")) + set_state(PART:"bg", "highlight", 0.0); + } + } + program { name: "unfocus"; + signal: "elm,action,unfocus"; source: "elm"; + script { + unset_focus(); + } + after: "disable_focus"; + } + program { name: "disable_focus"; + script { + new st[31]; + new Float:vl; + get_state(PART:"check", st, 30, vl); + if (!strcmp(st, "highlight")) + set_state(PART:"check", "visible", 0.0); + + get_state(PART:"bg", st, 30, vl); + if (!strcmp(st, "highlight")) + set_state(PART:"bg", "default", 0.0); + } + } + program { name: "disable"; + signal: "elm,state,disabled"; source: "elm"; + action: STATE_SET "disabled" 0.0; + target: "bg"; + target: "disabler"; + after: "disable_text"; + } + program { name: "disable_text"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.text", st, 30, vl); + if (!strcmp(st, "visible")) + set_state(PART:"elm.text", "disabled_visible", 0.0); + else + set_state(PART:"elm.text", "disabled", 0.0); + + get_state(PART:"elm.swallow.content", st, 30, vl); + if (!strcmp(st, "visible")) + set_state(PART:"elm.swallow.content", "disabled_visible", 0.0); + else + set_state(PART:"elm.swallow.content", "disabled", 0.0); + + get_state(PART:"check", st, 30, vl); + if (!strcmp(st, "visible")) + set_state(PART:"check", "disabled_visible", 0.0); + else + set_state(PART:"check", "disabled", 0.0); + } + } + program { name: "enable"; + signal: "elm,state,enabled"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "bg"; + target: "disabler"; + after: "enable_text"; + } + program { name: "enable_text"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.text", st, 30, vl); + if (!strcmp(st, "disabled_visible")) + set_state(PART:"elm.text", "visible", 0.0); + else + set_state(PART:"elm.text", "default", 0.0); + + get_state(PART:"elm.swallow.content", st, 30, vl); + if (!strcmp(st, "visible")) + set_state(PART:"elm.swallow.content", "visible", 0.0); + else + set_state(PART:"elm.swallow.content", "default", 0.0); + + get_state(PART:"check", st, 30, vl); + if (!strcmp(st, "disabled_visible")) + set_state(PART:"check", "visible", 0.0); + else + set_state(PART:"check", "default", 0.0); + } + } + } +} diff --git a/ElmSharp/theme/tv/widgets/ctxpopup.edc b/ElmSharp/theme/tv/widgets/ctxpopup.edc new file mode 100644 index 0000000..f23d5e1 --- /dev/null +++ b/ElmSharp/theme/tv/widgets/ctxpopup.edc @@ -0,0 +1,625 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +/************************************************************************************* +Tizen TV_General Guide_GUI Guideline_v1.0_140508.ppt page 90 style 1text +Tizen TV_General Guide_GUI Guideline_v1.0_140508.ppt page 91 style 1text.1icon +***************************************************************************************/ + +group { name: "elm/ctxpopup/bg/default"; + parts { + part { name: "ctxpopup_bg"; type: RECT; mouse_events: 1; + description { state: "default" 0.0; + color: 0 0 0 0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + color: 0 0 0 64; + } + } + } + programs { + program { name: "clicked_event"; + signal: "mouse,clicked,1"; + source: "ctxpopup_bg"; + action: SIGNAL_EMIT "elm,action,click" ""; + } + program { name: "show"; + signal: "elm,state,show"; + source: "elm"; + action: STATE_SET "visible" 0.0; + target: "ctxpopup_bg"; + transition: LINEAR 0.25; + } + program { name: "hide"; + signal: "elm,state,hide"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "ctxpopup_bg"; + transition: LINEAR 0.25; + } + } +} + +group { name: "elm/ctxpopup/base/default"; + parts { + part { name: "base"; type: RECT; + clip_to: "clip"; + description { state: "default" 0.0; + color: 0 0 0 0; + } + } + part { name: "elm.swallow.content"; type: SWALLOW; + clip_to: "clip"; + description { state: "default" 0.0; + rel1 { to:"base"; offset: 8 6; } + rel2 { to:"base"; offset: -7 -8; } + } + } + part { name: "event"; type: RECT; + description { state: "default" 0.0; + color: 0 0 0 0; + visible: 1; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "clip"; type: RECT; + description { state: "default" 0.0; + color: 255 255 255 0; + visible: 0; + rel1.offset: -20 -20; + rel2.offset: 19 19; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + visible: 1; + } + } + + // 17x10 + part { name: "arrow_area_left"; type: SPACER; + description { state: "default" 0.0; + min: 17 10; + fixed: 1 0; + align: 1.0 0.5; + rel1.to: "base"; + rel1.offset: 2 5; + rel2.to: "base"; + rel2.offset: 2 -6; + rel2.relative: 0.0 1.0; + } + } + part { name: "elm.swallow.arrow_left"; type: SWALLOW; mouse_events: 0; + clip_to: "clip"; + dragable.x: 1 1 0; + dragable.y: 1 1 0; + dragable.confine: "arrow_area_left"; + description { state: "default" 0.0; + min: 9 13; + fixed: 1 1; + } + } + + part { name: "arrow_area_right"; type: SPACER; + description { state: "default" 0.0; + min: 17 10; + fixed: 1 0; + align: 0.0 0.5; + rel1.to: "base"; + rel1.offset: -3 5; + rel1.relative: 1.0 0.0; + rel2.to: "base"; + rel2.offset: -3 -6; + } + } + part { name: "elm.swallow.arrow_right"; type: SWALLOW; mouse_events: 0; + clip_to: "clip"; + dragable.x: 1 1 0; + dragable.y: 1 1 0; + dragable.confine: "arrow_area_right"; + description { state: "default" 0.0; + min: 9 13; + fixed: 1 1; + } + } + + // 10x17 + part { name: "arrow_area_up"; type: SPACER; + description { state: "default" 0.0; + min: 10 17; + fixed: 1 1; + align: 0.5 1; + rel1.to: "base"; + rel1.offset: 5 3; + rel2.to: "base"; + rel2.offset: -6 3; + rel2.relative: 1.0 0.0; + } + } + part { name: "elm.swallow.arrow_up"; type: SWALLOW; mouse_events: 0; + clip_to: "clip"; + dragable.x: 1 1 0; + dragable.y: 1 1 0; + dragable.confine: "arrow_area_up"; + description { state: "default" 0.0; + min: 11 9; + fixed: 1 1; + } + } + + part { name: "arrow_area_down"; type: SPACER; + description { state: "default" 0.0; + min: 10 17; + fixed: 1 1; + align: 0.5 0.0; + rel1.to: "base"; + rel1.offset: 5 -4; + rel1.relative: 0.0 1.0; + rel2.to: "base"; + rel2.offset: -6 -4; + } + } + part { name: "elm.swallow.arrow_down"; type: SWALLOW; mouse_events: 0; + clip_to: "clip"; + dragable.x: 1 1 0; + dragable.y: 1 1 0; + dragable.confine: "arrow_area_down"; + description { state: "default" 0.0; + min: 11 9; + fixed: 1 1; + } + } + } + programs { + program { + signal: "elm,state,show"; source: "elm"; + action: STATE_SET "visible" 0.0; + transition: LINEAR 0.2; + target: "clip"; + target: "event"; + } + program { + signal: "elm,state,hide"; source: "elm"; + action: STATE_SET "default" 0.0; + transition: LINEAR 0.3; + target: "clip"; + target: "event"; + after: "hide2"; + } + program { name: "hide2"; + action: SIGNAL_EMIT "elm,action,hide,finished" "elm"; + } + + } +} + +group { name: "elm/ctxpopup/arrow/default"; + images { + image: "popover_arrow.png" COMP; + } + parts { + part { name: "ctxpopup_arrow"; + type: IMAGE; + scale: 1; + description { + state: "default" 0.0; + min: 17 10; + fixed: 1 1; + visible: 0; + align: 0.5 0.5; + image.normal: "popover_arrow.png"; + } + description { state: "left" 0.0; + inherit: "default" 0.0; + align: 0.0 0.5; + map.on: 1; + map.smooth: 1; + map.rotation.z: 270; + } + description { state: "right" 0.0; + inherit: "default" 0.0; + align: 1.0 0.5; + map.on: 1; + map.smooth: 1; + map.rotation.z: 90; + } + description { state: "top" 0.0; + inherit: "default" 0.0; + visible: 1; + align: 0.5 0.0; + } + description { state: "bottom" 0.0; + inherit: "default" 0.0; + align: 0.5 1.0; + map.on: 1; + map.smooth: 1; + map.rotation.z: 180; + } + } + } + programs { + program { name: "enable_left_arrow"; + signal: "elm,state,left"; + source: "elm"; + action: STATE_SET "left" 0.0; + target: "ctxpopup_arrow"; + } + program { name: "enable_right_arrow"; + signal: "elm,state,right"; + source: "elm"; + action: STATE_SET "right" 0.0; + target: "ctxpopup_arrow"; + } + program { name: "enable_top_arrow"; + signal: "elm,state,top"; + source: "elm"; + action: STATE_SET "top" 0.0; + target: "ctxpopup_arrow"; + } + program { name: "enable_bottom_arrow"; + signal: "elm,state,bottom"; + source: "elm"; + action: STATE_SET "bottom" 0.0; + target: "ctxpopup_arrow"; + } + } +} + +group { + name: "elm/ctxpopup/icon_text_style_item/default"; + alias: "elm/ctxpopup/text_style_item/default"; + alias: "elm/ctxpopup/icon_style_item/default"; + images { + image: "hoversel_entry_bg.png" COMP; + } + parts { + part { name: "base.pad"; type: SPACER; + mouse_events: 0; + description { state: "default" 0.0; + min: 12 70; + max: 12 70; + align: 0 1; + } + } + + part { name: "bg"; type: RECT; + mouse_events: 0; + description { state: "default" 0.0; + rel1.to: "base.pad"; + rel1.relative: 1 0; + min: 300 70; + max: 300 70; + color: 0 0 0 0; + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + } + part { name: "elm.proxy1.icon"; + type: PROXY; + clip_to: "disclip"; + scale: 1; + description { state: "default" 0.0; + max: 20 20; + fixed : 1 1; + rel1.to: "elm.swallow.icon"; + rel2.to: "elm.swallow.icon"; + rel1.relative: 1.0 0.0; + rel2.relative: 2.0 1.0; + source: "elm.swallow.icon"; + visible: 0; + align: 0.0 0.5; + } + } + part { name: "elm.proxy2.icon"; type: PROXY; + clip_to: "disclip"; + scale: 1; + description { state: "default" 0.0; + min: 20 20; + fixed : 1 1; + rel1.to: "elm.proxy1.icon"; + rel2.to: "elm.proxy1.icon"; + rel1.relative: 0.0 0.0; + rel2.relative: 1.0 1.0; + max: 20 20; + source: "elm.proxy1.icon"; + visible: 0; + align: 1.0 0.5; + } + } + part { name: "elm.swallow.icon"; type: SWALLOW; + clip_to: "disclip"; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1.to: "base.pad"; + rel1.relative: 1.0 0.0; + rel2.to: "base.pad"; + rel2.relative: 1.0 1.0; + min: 0 0; + max: 37 37; + align: 0 0.5; + } + } + part { name: "elm.text"; type: TEXT; mouse_events: 0; + clip_to: "disclip"; + scale: 1; + description { state: "default" 0.0; + min: 1 40; + fixed: 1 1; + align: 0 0.5; + rel1.relative: 1.0 0.0; + rel1.to_x: "elm.swallow.icon"; + rel2.to_x: "elm.proxy2.icon"; + rel2.relative: 1.0 1.0; + color: 89 89 89 255; + text { + font: "FONT_M"; + size: 30; + align: 0.0 0.5; + min: 1 1; + ellipsis: -1; + } + } + description { state: "focus" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + color: 0 0 0 255; + } + } + part { name: "over1"; type: RECT; mouse_events: 1; + repeat_events: 1; + description { state: "default" 0.0; + color: 255 255 255 0; + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + } + part { name: "bottom_line"; type: RECT; + mouse_events: 1; + repeat_events: 1; + description { state: "default" 0.0; + min: 0 2; + max: 9999 2; + fixed: 1 1; + rel1.to:"over1"; + rel1.relative: 0 1; + rel1.offset: -32 0; + rel2.to:"over1"; + color: 222 222 222 255; + } + + } + part { name: "over2"; type: RECT; mouse_events: 1; + repeat_events: 1; + description { state: "default" 0.0; + color: 255 255 0 0; + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "focus" 0.0; + inherit: "default" 0.0; + } + } + part { name: "disclip"; + type: RECT; + description { state: "default" 0.0; + color: 255 255 255 255; + } + description { state: "enabled" 0.0; + color: 127 127 127 127; + } + } + part { name: "blocker"; + type: RECT; + description { state: "default" 0.0; + visible: 0; + } + description { state: "enabled" 0.0; + visible: 1; + color: 0 0 0 0; + } + } + } + programs { + program { name: "focused"; + signal: "elm,action,focus"; source: "elm"; + action: STATE_SET "focus" 0.0; + target: "over2"; + } + program { name: "unfocused"; + signal: "elm,action,unfocus"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + } + program{ + name: "item_unclick"; + signal: "mouse,clicked,1"; + source: "over1"; + action: SIGNAL_EMIT "elm,action,click" ""; + } + program { name: "disable"; + signal: "elm,state,disabled"; + source: "elm"; + action: STATE_SET "enabled" 0.0; + target: "disclip"; + target: "blocker"; + } + program { name: "enable"; + signal: "elm,state,enabled"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "disclip"; + target: "blocker"; + } + program { name: "item_click2"; + signal: "mouse,down,1"; + source: "over2"; + script { + set_state(PART:"elm.text", "clicked", 0.0); + set_state(PART:"bg", "clicked", 0.0); + } + } + program { name: "item_unclick2"; + signal: "mouse,up,1"; + source: "over2"; + script { + set_state(PART:"elm.text", "default", 0.0); + set_state(PART:"bg", "default", 0.0); + } + } + } +} +group { + name: "elm/ctxpopup/item_compress/default"; + images { + image: "hoversel_entry_bg.png" COMP; + } + parts { + part { name: "bg"; type: RECT; + mouse_events: 0; + description { state: "default" 0.0; + color: 255 255 255 0; + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + } + part { name: "elm.swallow.icon"; + type: SWALLOW; + clip_to: "disclip"; + scale: 1; + description { state: "default" 0.0; + min: 25 25; + max: 25 25; + align: 0 0.5; + aspect: 1.0 1.0; + } + } + part { name: "elm.text"; type: TEXT; mouse_events: 0; + clip_to: "disclip"; + scale: 1; + description { state: "default" 0.0; + min: 1 40; + fixed: 0 1; + align: 0.5 0.5; + rel1.relative: 1.0 0.0; + rel1.to: "elm.swallow.icon"; + rel2.relative: 1.0 1.0; + color: 255 255 255 255; + text { + font: "FONT_M"; + size: 30; + min: 0 1; + align: 0.0 0.5; + } + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + color: 0 0 0 255; + } + } + part { name: "over1"; type: RECT; mouse_events: 1; + repeat_events: 1; + description { state: "default" 0.0; + color: 255 255 255 0; + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + } + part { name: "disclip"; + type: RECT; + description { state: "default" 0.0; + color: 255 255 255 255; + } + description { state: "enabled" 0.0; + color: 127 127 127 127; + } + } + part { name: "blocker"; + type: RECT; + description { state: "default" 0.0; + visible: 0; + } + description { state: "enabled" 0.0; + visible: 1; + color: 0 0 0 0; + } + } + } + programs { + program { name: "item_unclick"; + signal: "mouse,clicked,1"; + source: "over1"; + action: SIGNAL_EMIT "elm,action,click" ""; + } + program { name: "disable"; + signal: "elm,state,disabled"; + source: "elm"; + action: STATE_SET "enabled" 0.0; + target: "disclip"; + target: "blocker"; + } + program { name: "enable"; + signal: "elm,state,enabled"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "disclip"; + target: "blocker"; + } + program { name: "item_click2"; + signal: "mouse,down,1"; + source: "over2"; + script { + set_state(PART:"elm.text", "clicked", 0.0); + set_state(PART:"bg", "clicked", 0.0); + } + } + program { name: "item_unclick2"; + signal: "mouse,up,1"; + source: "over2"; + script { + set_state(PART:"elm.text", "default", 0.0); + set_state(PART:"bg", "default", 0.0); + } + } + } +} diff --git a/ElmSharp/theme/tv/widgets/datetime.edc b/ElmSharp/theme/tv/widgets/datetime.edc new file mode 100644 index 0000000..5421038 --- /dev/null +++ b/ElmSharp/theme/tv/widgets/datetime.edc @@ -0,0 +1,759 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +/********************************************************************* +Doc: Tizen TV_General Guide_GUI Guideline_v1.0_140709.ppt page:93 +**********************************************************************/ + +group { name: "elm/datetime/base/default"; + alias: "elm/datetime/base/date_layout"; + parts { + part { name: "base_bg"; + type: RECT; + scale: 1; + description { state: "default" 0.0; + color: 250 250 250 255; + } + } + part { name: "base"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 646 406; + } + } + part { name: "bg.top.padding"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 0 0; + max: -1 0; + fixed: 0 1; + rel1 { + relative: 0.0 0.0; + to: "base"; + } + rel2 { + relative: 1.0 0.0; + to: "base"; + } + align: 0.5 0.0; + } + } + part { name: "bg.bottom.padding"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 0 0; + max: -1 0; + fixed: 0 1; + rel1 { + relative: 0.0 1.0; + to: "base"; + } + rel2 { + relative: 1.0 1.0; + to: "base"; + } + align: 0.5 1.0; + } + } + part { name: "bg"; + type: RECT; + scale: 1; + description { state: "default" 0.0; + min: 646 348; + max: 646 348; + rel1 { + relative: 0.0 1.0; + to: "bg.top.padding"; + } + rel2 { + relative: 1.0 0.0; + to: "bg.bottom.padding"; + } + color: 250 250 250 255; + } + } + part { name: "left.padding"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 0 0; + max: 0 -1; + fixed: 1 0; + rel1 { + relative: 0.0 0.0; + to: "bg"; + } + rel2 { + relative: 0.0 1.0; + to: "bg"; + } + align: 0.0 0.0; + } + } + part { name: "right.padding"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 0 0; + max: 0 -1; + fixed: 1 0; + rel2.to: "bg"; + rel1 { + relative: 1.0 0.0; + to: "bg"; + } + rel2 { + relative: 1.0 1.0; + to: "bg"; + } + align: 1.0 1.0; + } + } + part { name: "field0"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 0; + min: 206 0; + rel1 { + relative: 1.0 0.0; + to: "left.padding"; + } + rel2.to: "left.padding"; + align: 0.0 0.5; + } + } + part { name: "center.padding1"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + fixed: 1 0; + min: 14 0; + max: 14 -1; + rel1 { + relative: 1.0 0.0; + to: "field0"; + } + rel2.to: "field0"; + align: 0.0 0.5; + } + } + part { name: "field1"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 0; + min: 206 0; + rel1 { + relative: 1.0 0.0; + to: "center.padding1"; + } + rel2 { + relative: 0.0 1.0; + to_x: "center.padding2"; + to_y: "center.padding1"; + } + } + } + part { name: "center.padding2"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + fixed: 1 0; + min: 14 0; + max: 14 -1; + rel1.to: "field2"; + rel2 { + relative: 0.0 1.0; + to: "field2"; + } + align: 1.0 0.5; + } + } + part { name: "field2"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 0; + min: 206 0; + rel1.to: "right.padding"; + rel2 { + relative: 0.0 1.0; + to: "right.padding"; + } + align: 1.0 0.5; + } + } + part { name: "field3"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + min: 0 0; + max: 0 0; + visible: 0; + } + } + part { name: "field4"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + min: 0 0; + max: 0 0; + visible: 0; + } + } + part { name: "field5"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + min: 0 0; + max: 0 0; + visible: 0; + } + } + part { + name: "event_area"; + type: RECT; + description { state: "default" 0.0; + color: 0 0 0 0; + visible: 0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + part { name: "access"; + type: RECT; + repeat_events: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1.to: "bg"; + rel2.to: "bg"; + color: 0 0 0 0; + } + } + } +} + +group { name: "elm/datetime/base/time_layout"; + parts { + part { name: "base_bg"; + type: RECT; + scale: 1; + description { state: "default" 0.0; + color: 250 250 250 255; + } + } + part { name: "base"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 603 406; + } + } + part { name: "bg.top.padding"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 0 0; + max: -1 0; + fixed: 0 1; + rel1 { + relative: 0.0 0.0; + to: "base"; + } + rel2 { + relative: 1.0 0.0; + to: "base"; + } + align: 0.5 0.0; + } + } + part { name: "bg.bottom.padding"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 0 0; + max: -1 0; + fixed: 0 1; + rel1 { + relative: 0.0 1.0; + to: "base"; + } + rel2 { + relative: 1.0 1.0; + to: "base"; + } + align: 0.5 1.0; + } + } + part { name: "bg"; + type: RECT; + scale: 1; + description { state: "default" 0.0; + min: 603 348; + max: 603 348; + rel1 { + relative: 0.0 1.0; + to: "bg.top.padding"; + } + rel2 { + relative: 1.0 0.0; + to: "bg.bottom.padding"; + } + color: 250 250 250 255; + } + } + part { name: "left.padding"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 0 0; + max: 0 -1; + fixed: 1 0; + rel1 { + relative: 0.0 0.0; + to: "bg"; + } + rel2 { + relative: 0.0 1.0; + to: "bg"; + } + align: 0.0 0.0; + } + } + part { name: "right.padding"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 0 0; + max: 0 -1; + fixed: 1 0; + rel1 { + relative: 1.0 0.0; + to: "bg"; + } + rel2 { + relative: 1.0 1.0; + to: "bg"; + } + align: 1.0 1.0; + } + } + part { name: "field3"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 0; + min: 146 0; + rel1 { + relative: 1.0 0.0; + to: "left.padding"; + } + rel2.to: "left.padding"; + align: 0.0 0.5; + } + } + part { name: "center.padding1"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + fixed: 1 0; + min: 39 0; + max: 39 -1; + rel1 { + relative: 1.0 0.0; + to: "field3"; + } + rel2.to: "field3"; + align: 0.0 0.5; + } + description { state: "invisible" 0.0; + inherit: default 0.0; + min: 55 0; + max: 55 -1; + } + } + part { name: "text_bg"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1 { + relative: 1.0 0.0; + to: "center.padding1"; + } + rel2.to: "center.padding1"; + align: 0.0 0.5; + min: 18 0; + max: 18 -1; + fixed: 1 0; + } + description { state: "invisible" 0.0; + inherit: default 0.0; + min: 0 0; + max: 0 0; + } + } + part { name: "hour.minute.colon"; + type: TEXT; + scale: 1; + description { state: "default" 0.0; + rel1.to: "text_bg"; + rel2.to: "text_bg"; + color: 0 0 0 255; + fixed: 1 1; + text { + min: 1 0; + font: "TizenSans:style=Light"; + size: "106"; + text: ":"; + align: 0.5 0.44; + } + visible: 1; + } + description { state: "invisible" 0.0; + inherit: default 0.0; + visible: 0; + } + } + part { name: "center.padding2"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + fixed: 1 0; + min: 39 0; + max: 39 -1; + rel1 { + relative: 1.0 0.0; + to: "text_bg"; + } + rel2.to: "text_bg"; + align: 0.0 0.5; + } + description { state: "invisible" 0.0; + inherit: default 0.0; + min: 0 0; + max: 0 0; + } + } + part { name: "field4"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 0; + min: 146 0; + rel1 { + relative: 1.0 0.0; + to: "center.padding2"; + } + rel2.to: "center.padding2"; + align: 0.0 0.5; + } + } + part { name: "center.padding3"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + fixed: 1 0; + min: 39 0; + max: 39 -1; + rel1 { + relative: 1.0 0.0; + to: "field4"; + } + rel2.to: "field4"; + align: 0.0 0.5; + } + description { state: "invisible" 0.0; + inherit: default 0.0; + min: 55 0; + max: 55 -1; + } + } + part { name: "text_bg2"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1 { + relative: 1.0 0.0; + to: "center.padding3"; + } + rel2.to: "center.padding3"; + align: 0.0 0.5; + min: 18 0; + max: 18 -1; + fixed: 1 0; + } + description { state: "invisible" 0.0; + inherit: default 0.0; + min: 0 0; + max: 0 0; + } + } + part { name: "hour.minute.colon2"; + type: TEXT; + scale: 1; + description { state: "default" 0.0; + rel1.to: "text_bg2"; + rel2.to: "text_bg2"; + color: 0 0 0 255; + fixed: 1 1; + text { + min: 1 0; + font: "TizenSans:style=Light"; + size: "106"; + text: ":"; + align: 0.5 0.44; + } + visible: 1; + } + description { state: "invisible" 0.0; + inherit: default 0.0; + visible: 0; + } + } + part { name: "center.padding4"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + fixed: 1 0; + min: 39 0; + max: 39 -1; + rel1 { + relative: 1.0 0.0; + to: "text_bg2"; + } + rel2.to: "text_bg2"; + align: 0.0 0.5; + } + description { state: "invisible" 0.0; + inherit: default 0.0; + min: 0 0; + max: 0 0; + } + } + part { name: "field5"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 0; + min: 160 0; + max: 160 -1; + rel1 { + relative: 1.0 0.0; + to: "center.padding4"; + } + rel2.to: "center.padding4"; + align: 0.0 0.5; + } + } + part { name: "field0"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + min: 0 0; + max: 0 0; + visible: 0; + } + } + part { name: "field1"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + min: 0 0; + max: 0 0; + visible: 0; + } + } + part { name: "field2"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + min: 0 0; + max: 0 0; + visible: 0; + } + } + part { + name: "event_area"; + type: RECT; + description { state: "default" 0.0; + color: 0 0 0 0; + visible: 0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + part { name: "access"; + type: RECT; + repeat_events: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1.to: "bg"; + rel2.to: "bg"; + color: 0 0 0 0; + } + } + } + programs { + program { name: "colon_field3_visible"; + signal: "elm,state,colon,visible,field3"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "center.padding1"; + target: "hour.minute.colon"; + target: "text_bg"; + target: "center.padding2"; + } + program { name: "colon_field3_invisible"; + signal: "elm,state,colon,invisible,field3"; + source: "elm"; + action: STATE_SET "invisible" 0.0; + target: "center.padding1"; + target: "hour.minute.colon"; + target: "text_bg"; + target: "center.padding2"; + } + program { name: "colon_field4_visible"; + signal: "elm,state,colon,visible,field4"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "center.padding3"; + target: "hour.minute.colon2"; + target: "text_bg2"; + target: "center.padding4"; + } + program { name: "colon_field4_invisible"; + signal: "elm,state,colon,invisible,field4"; + source: "elm"; + action: STATE_SET "invisible" 0.0; + target: "center.padding3"; + target: "hour.minute.colon2"; + target: "text_bg2"; + target: "center.padding4"; + } + } +} + +group { name: "elm/datetime/base/time_layout_24hr"; + inherit: "elm/datetime/base/time_layout"; + + parts { + part { name: "base"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 388 406; + } + } + part { name: "left.padding"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 0 0; + max: 0 -1; + fixed: 1 0; + rel1 { + relative: 0.0 0.0; + to: "bg"; + } + rel2 { + relative: 0.0 1.0; + to: "bg"; + } + align: 0.0 0.0; + } + } + part { name: "right.padding"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 0 0; + max: 0 -1; + fixed: 1 0; + rel1 { + relative: 1.0 0.0; + to: "bg"; + } + rel2 { + relative: 1.0 1.0; + to: "bg"; + } + align: 1.0 1.0; + } + } + part { name: "bg"; + type: RECT; + scale: 1; + description { state: "default" 0.0; + min: 388 348; + max: 388 348; + rel1 { + relative: 0.0 1.0; + to: "bg.top.padding"; + } + rel2 { + relative: 1.0 0.0; + to: "bg.bottom.padding"; + } + color: 250 250 250 255; + } + } + part { name: "field5"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + min: 0 0; + max: 0 -1; + visible: 0; + rel1.to: "right.padding"; + rel2.to: "right.padding"; + } + } + part { name: "access"; + type: RECT; + repeat_events: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1.to: "bg"; + rel2.to: "bg"; + color: 0 0 0 0; + } + } + } +} diff --git a/ElmSharp/theme/tv/widgets/entry.edc b/ElmSharp/theme/tv/widgets/entry.edc new file mode 100644 index 0000000..e8fcd3f --- /dev/null +++ b/ElmSharp/theme/tv/widgets/entry.edc @@ -0,0 +1,1710 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +#define ENTRY_TEXT_SIZE_INC 60 +#define ENTRY_PREEDIT_BACKGROUND_COLOR_INC "#FAFAFA" +#define ENTRY_PREEDIT_TEXT_COLOR_INC "#000000" +#define ENTRY_PREEDIT_UNDERLINE_COLOR_INC "#FAFAFA" +#define ENTRY_PREEDIT_SUB1_COLOR_INC "#2EA8E1" +#define ENTRY_PREEDIT_SUB2_COLOR_INC "#9962C3" +#define ENTRY_PREEDIT_SUB3_COLOR_INC "#76DE37" +#define ENTRY_PREEDIT_SUB4_COLOR_INC "#999999" +#define DEFAULT_COLOR 69 143 255 255 + +styles +{ + style { name: "entry_single_textblock_style"; + base: "font="FONT_M" font_size="32" align=left color=#cccccc wrap=none text_class=entry left_margin=0 right_margin=0"; + tag: "br" ""; + tag: "ps" ""; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#FFFFFF"; + } + style { name: "entry_single_textblock_selected_style"; + base: "font="FONT_M" font_size="32" align=left color=#3d3d3d wrap=none text_class=entry left_margin=0 right_margin=0"; + tag: "br" ""; + tag: "ps" ""; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#FFFFFF"; + } + style { name: "entry_single_textblock_disabled_style"; + base: "font="FONT_M" font_size="32" align=left color=#919191 wrap=none text_class=entry left_margin=0 right_margin=0"; + tag: "br" ""; + tag: "ps" ""; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#00000080 underline=on underline_color=#00000080"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#FFFFFF"; + } + style { name: "entry_single_textblock_guide_style"; + base: "font="FONT_M" font_size="32" align=left color=#7f7f7f wrap=none text_class=entry left_margin=0 right_margin=0 ellipsis=0.0"; + tag: "br" ""; + tag: "ps" ""; + tag: "em" "+ font_style=Oblique"; + tag: "hilight" "+ font_weight=Bold"; + } +} +styles +{ + style { name: "entry_textblock_style"; + base: "font="FONT_M" font_size="32" align=left color=#cccccc wrap=none text_class=entry left_margin=0 right_margin=0"; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#000"; + } + style { name: "entry_textblock_selected_style"; + base: "font="FONT_M" font_size="32" align=left color=#3d3d3d wrap=none text_class=entry left_margin=0 right_margin=0"; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#000"; + } + style { name: "entry_textblock_disabled_style"; + base: "font="FONT_M" font_size="32" align=left color=#3d3d3d wrap=none text_class=entry left_margin=0 right_margin=0"; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#00000080 underline=on underline_color=#00000080"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#000"; + } + style { name: "entry_textblock_guide_style"; + base: "font="FONT_M" font_size="32" align=left color=#7f7f7f wrap=none text_class=entry left_margin=0 right_margin=0 ellipsis=0.0"; + tag: "em" "+ font_style=Oblique"; + tag: "hilight" "+ font_weight=Bold"; + } +} +styles +{ + style { name: "entry_pin_textblock_style"; + base: "font="FONT_M" font_size="34" align=center color=#3d3d3d wrap=none text_class=entry left_margin=0 right_margin=0"; + tag: "br" ""; + tag: "ps" ""; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#FFFFFF"; + } + style { name: "entry_pin_textblock_selected_style"; + base: "font="FONT_M" font_size="34" align=center color=#3d3d3d wrap=none text_class=entry left_margin=0 right_margin=0"; + tag: "br" ""; + tag: "ps" ""; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#FFFFFF"; + } + style { name: "entry_pin_textblock_disabled_style"; + base: "font="FONT_M" font_size="34" align=center color=#3d3d3d wrap=none text_class=entry left_margin=0 right_margin=0"; + tag: "br" ""; + tag: "ps" ""; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#00000080 underline=on underline_color=#00000080"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#FFFFFF"; + } + style { name: "entry_pin_textblock_guide_style"; + base: "font="FONT_M" font_size="34" align=center color=#3d3d3d wrap=none text_class=entry left_margin=0 right_margin=0 ellipsis=0.0"; + tag: "br" ""; + tag: "ps" ""; + tag: "em" "+ font_style=Oblique"; + tag: "hilight" "+ font_weight=Bold"; + } +} +styles +{ + style { name: "entry_single_small_textblock_style"; + base: "font="FONT_M" font_size="24" align=left color=#3d3d3d wrap=none text_class=entry left_margin=0 right_margin=0"; + tag: "br" ""; + tag: "ps" ""; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#FFFFFF"; + } + style { name: "entry_single_small_textblock_selected_style"; + base: "font="FONT_M" font_size="24" align=left color=#3d3d3d wrap=none text_class=entry left_margin=0 right_margin=0"; + tag: "br" ""; + tag: "ps" ""; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#FFFFFF"; + } + style { name: "entry_single_small_textblock_disabled_style"; + base: "font="FONT_M" font_size="24" align=left color=#3d3d3d wrap=none text_class=entry left_margin=0 right_margin=0"; + tag: "br" ""; + tag: "ps" ""; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#00000080 underline=on underline_color=#00000080"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#FFFFFF"; + } + style { name: "entry_single_small_textblock_guide_style"; + base: "font="FONT_M" font_size="24" align=left color=#7f7f7f wrap=none text_class=entry left_margin=0 right_margin=0 ellipsis=0.0"; + tag: "br" ""; + tag: "ps" ""; + tag: "em" "+ font_style=Oblique"; + tag: "hilight" "+ font_weight=Bold"; + } +} +styles +{ + style { name: "entry_textblock_style_mixedwrap"; + base: "font="FONT_M" font_size="32" color=#000 wrap=mixed text_class=entry left_margin=2 right_margin=2"; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#000"; + } + style { name: "entry_textblock_selected_style_mixedwrap"; + base: "font="FONT_M" font_size="32" color=#019cff wrap=word text_class=entry left_margin=2 right_margin=2"; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#000"; + } + style { name: "entry_textblock_disabled_style_mixedwrap"; + base: "font="FONT_M" font_size="32" color=#919191 wrap=char text_class=entry left_margin=2 right_margin=2"; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#00000080 underline=on underline_color=#00000080"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#000"; + } + style { name: "entry_textblock_guide_style_mixedwrap"; + base: "font="FONT_M" font_size="32" color=#7f7f7f wrap=mixed text_class=entry left_margin=2 right_margin=2 ellipsis=0.0"; + tag: "em" "+ font_style=Oblique"; + tag: "hilight" "+ font_weight=Bold"; + } +} +styles +{ + style { name: "entry_textblock_style_charwrap"; + base: "font="FONT_M" font_size="32" color=#000 wrap=char text_class=entry left_margin=2 right_margin=2"; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#000"; + } + style { name: "entry_textblock_selected_style_charwrap"; + base: "font="FONT_M" font_size="32" color=#019cff wrap=word text_class=entry left_margin=2 right_margin=2"; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#000"; + } + style { name: "entry_textblock_disabled_style_charwrap"; + base: "font="FONT_M" font_size="32" color=#919191 wrap=char text_class=entry left_margin=2 right_margin=2"; + tag: "em" "+ font_style=Oblique"; + tag: "link" "+ color=#00000080 underline=on underline_color=#00000080"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color=#000"; + tag: "preedit_sel" "+ backing=on backing_color=#000 color=#000"; + } + style { name: "entry_textblock_guide_style_charwrap"; + base: "font="FONT_M" font_size="32" color=#7f7f7f wrap=char text_class=entry left_margin=2 right_margin=2 ellipsis=0.0"; + tag: "em" "+ font_style=Oblique"; + tag: "hilight" "+ font_weight=Bold"; + } +} + +images { + image: "search_searchbar_bg_foc.png" COMP; + image: "search_searchbar_bg_nor.png" COMP; + image: "search_searchbar_small_bg_foc.png" COMP; + image: "search_searchbar_small_bg_nor.png" COMP; +} + +/********************************************************************************* +Document: Tizen TV_General Guide_GUI Guideline_v1.1_140709.ppt +Page No. 103 +stlye: Text Input Field +**********************************************************************************/ +group { name: "elm/scroller/entry/input.field"; + inherit: "elm/scroller/base/default"; + alias: "elm/scroller/entry_single/input.field"; + parts { + part { name: "pad.left"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 28 5; + max: 28 5; + fixed: 1 1; + rel1.to: "bg"; + align: 0.0 0.0; + } + } + part { name: "pad.right"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 30 5; + max: 30 5; + fixed: 1 1; + rel2.to: "bg"; + align: 1.0 1.0; + } + } + part { name: "base_highlight"; + after: "bg"; + scale: 1; + description { state: "default" 0.0; + rel1.to: "bg"; + rel2.to: "bg"; + image { + normal: "search_searchbar_bg_nor.png"; + border: 5 5 5 5; + border_scale: 1; + } + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + image.normal: "search_searchbar_bg_foc.png"; + } + description { state: "over" 0.0; + inherit: "default" 0.0; + image.normal: "search_searchbar_bg_foc.png"; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + image.normal: "search_searchbar_bg_nor.png"; + } + description { state: "highlight" 0.0; + inherit: "default" 0.0; + image.normal: "search_searchbar_bg_foc.png"; + } + description { state: "normal" 0.0; + inherit: "default" 0.0; + image.normal: "search_searchbar_bg_nor.png"; + } + } + part { name: "clipper"; + description { state: "default" 0.0; + rel1.to: "pad.left"; + rel1.relative: 1.0 1.0; + rel2.to: "pad.right"; + rel2.relative: 0.0 0.0; + } + } + part { name: "elm.swallow.content"; + description { state: "default" 0.0; + rel1.to: "pad.left"; + rel1.relative: 1.0 1.0; + rel2.to: "pad.right"; + rel2.relative: 0.0 0.0; + } + } + } + programs { + program { name: "disable"; + signal: "elm,state,disabled"; source: "elm"; + action: STATE_SET "disabled" 0.0; + target: "base_highlight"; + } + program { name: "select"; + signal: "elm,state,selected"; source: "elm"; + action: STATE_SET "selected" 0.0; + target: "base_highlight"; + } + program { name: "over"; + signal: "elm,state,mouse,in"; source: "elm"; + action: STATE_SET "over" 0.0; + target: "base_highlight"; + } + program { name: "enable"; + signal: "elm,state,enabled"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "base_highlight"; + } + program { name: "go_active"; + signal: "elm,state,selected"; source: "elm"; + action: STATE_SET "selected" 0.0; + target: "base_highlight"; + } + program { name: "go_passive"; + signal: "elm,state,unselected"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "base_highlight"; + } + program { name: "highlight_show"; + signal: "elm,action,focus_highlight,show"; source: "elm"; + action: STATE_SET "selected" 0.0; + transition: ACCELERATE 0.01; + target: "base_highlight"; + } + program { name: "highlight_hide"; + signal: "elm,action,focus_highlight,hide"; source: "elm"; + action: STATE_SET "normal" 0.0; + transition: DECELERATE 0.01; + target: "base_highlight"; + } + } +} + +/********************************************************************************* +Document: Tizen TV_General Guide_GUI Guideline_v1.1_140709.ppt +Page No. 103 +stlye: Text Input Field with Icon +**********************************************************************************/ +group { name: "elm/scroller/entry/input.field.icon"; + inherit: "elm/scroller/entry/input.field"; + alias: "elm/scroller/entry_single/input.field.icon"; + parts { + part { name: "pad.left"; + description { state: "default" 0.0; + min: 15 5; + max: 15 5; + } + } + part { name: "pad.right"; + description { state: "default" 0.0; + min: 30 5; + max: 30 5; + } + } + part { name: "icon_base"; type: RECT; + scale: 1; + description { state: "default" 0.0; + color: 197 200 203 255; + } + } + part { name: "elm.swallow.icon"; type: SWALLOW; + scale: 1; + clip_to: "icon_base"; + description { state: "default" 0.0; + min: 60 60; + max: 60 60; + fixed: 1 1; + rel1.to: "pad.left"; + rel1.relative: 1.0 1.0; + rel2.to_x: "pad.left"; + rel2.to_y: "pad.right"; + rel2.relative: 1.0 0.0; + align: 0.0 0.5; + aspect_preference: BOTH; + } + } + part { name: "clipper"; + description { state: "default" 0.0; + rel1.to_x: "elm.swallow.icon"; + } + } + part { name: "elm.swallow.content"; + description { state: "default" 0.0; + rel1.to_x: "elm.swallow.icon"; + } + } + } +} + +/********************************************************************************* +Document: Tizen TV_General Guide_GUI Guideline_v1.1_140709.ppt +Page No. 105 +stlye: Text Input Field +**********************************************************************************/ +group { name: "elm/scroller/entry/input.field.small"; + inherit: "elm/scroller/entry/input.field"; + alias: "elm/scroller/entry_single/input.field.small"; + parts { + part { name: "pad.left"; + description { state: "default" 0.0; + min: 18 4; + max: 18 4; + } + } + part { name: "pad.right"; + description { state: "default" 0.0; + min: 18 4; + max: 18 4; + } + } + part { name: "base_highlight"; + description { state: "default" 0.0; + image { + normal: "search_searchbar_small_bg_nor.png"; + border: 4 4 4 4; + border_scale: 1; + } + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + image.normal: "search_searchbar_small_bg_foc.png"; + } + description { state: "over" 0.0; + inherit: "default" 0.0; + image.normal: "search_searchbar_small_bg_foc.png"; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + image.normal: "search_searchbar_small_bg_nor.png"; + } + description { state: "highlight" 0.0; + inherit: "default" 0.0; + image.normal: "search_searchbar_small_bg_foc.png"; + } + description { state: "normal" 0.0; + inherit: "default" 0.0; + image.normal: "search_searchbar_small_bg_nor.png"; + } + } + } +} + +/********************************************************************************* +Document: Tizen TV_General Guide_GUI Guideline_v1.1_140709.ppt +Page No. 105 +stlye: Text Input Field with Icon +**********************************************************************************/ +group { name: "elm/scroller/entry/input.field.small.icon"; + inherit: "elm/scroller/entry/input.field.small"; + alias: "elm/scroller/entry_single/input.field.small.icon"; + parts { + part { name: "pad.left"; type: SPACER; + description { state: "default" 0.0; + min: 14 5; + max: 14 5; + } + } + part { name: "pad.right"; + description { state: "default" 0.0; + min: 18 5; + max: 18 5; + } + } + part { name: "icon_base"; type: RECT; + scale: 1; + description { state: "default" 0.0; + color: 158 158 158 178; + } + } + part { name: "elm.swallow.icon"; type: SWALLOW; + scale: 1; + clip_to: "icon_base"; + description { state: "default" 0.0; + min: 60 60; + max: 60 60; + fixed: 1 1; + rel1.to: "pad.left"; + rel1.relative: 1.0 1.0; + rel2.to_x: "pad.left"; + rel2.to_y: "pad.right"; + rel2.relative: 1.0 0.0; + align: 0.0 0.5; + aspect_preference: BOTH; + } + } + + part { name: "clipper"; + description { state: "default" 0.0; + rel1.to_x: "pad.icon"; + } + } + part { name: "elm.swallow.content"; + description { state: "default" 0.0; + rel1.to_x: "pad.icon"; + } + } + part { name: "pad.icon"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 8 40; + max: 8 40; + fixed: 1 1; + rel1.to: "elm.swallow.icon"; + rel1.relative: 1.0 0.5; + align: 0.0 0.5; + } + } + } +} + +/********************************************************************************* +Document: Tizen TV_General Guide_GUI Guideline_v1.1_140709.ppt +Page No. 103 +stlye: Text Input Field +**********************************************************************************/ +group { name: "elm/entry/base/input.field"; + alias: "elm/entry/base/default"; + data { + item: "focus_highlight" "on"; + } + parts { + part { name: "elm.guide"; type: TEXTBLOCK; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "elm.text"; + rel2.to: "elm.text"; + text { + style: "entry_textblock_guide_style"; + min: 0 1; + } + } + description { state: "hidden" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.text"; type: TEXTBLOCK; mouse_events: 1; + scale: 1; + entry_mode: EDITABLE; + select_mode: DEFAULT; + cursor_mode: BEFORE; + multiline: 1; + source: "elm/entry/selection/input.field"; + source4: "elm/entry/cursor/input.field"; + source5: "elm/entry/anchor/input.field"; + description { state: "default" 0.0; + text { + style: "entry_textblock_style"; + min: 0 1; + align: 0.0 0.5; + } + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_textblock_disabled_style"; + min: 0 1; + } + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + text { + style: "entry_textblock_selected_style"; + min: 0 1; + } + } + description { state: "highlight" 0.0; + inherit: "default" 0.0; + text { + style: "entry_textblock_selected_style"; + min: 0 1; + } + } + description { state: "enabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_textblock_style"; + min: 0 1; + } + } + } + } + programs { + program { name: "focus"; + signal: "load"; source: ""; + action: FOCUS_SET; + target: "elm.text"; + } + program { name: "disable"; + signal: "elm,state,disabled"; source: "elm"; + action: STATE_SET "disabled" 0.0; + target: "elm.text"; + } + program { name: "select"; + signal: "elm,state,selected"; source: "elm"; + action: STATE_SET "selected" 0.0; + target: "elm.text"; + } + program { name: "over"; + signal: "elm,state,mouse,in"; source: "elm"; + action: STATE_SET "over" 0.0; + target: "elm.text"; + } + program { name: "enable"; + signal: "elm,state,enabled"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + target: "elm.guide"; + } + program { name: "go_active"; + signal: "elm,state,selected"; source: "elm"; + action: STATE_SET "selected" 0.0; + target: "elm.text"; + target: "elm.guide"; + } + program { name: "go_passive"; + signal: "elm,state,unselected"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + target: "elm.guide"; + } + program { name: "gdisable"; + signal: "elm,guide,disabled"; source: "elm"; + action: STATE_SET "hidden" 0.0; + target: "elm.guide"; + } + program { name: "genable"; + signal: "elm,guide,enabled"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.guide"; + } + program { name: "highlight_show"; + signal: "elm,action,focus_highlight,show"; source: "elm"; + action: STATE_SET "selected" 0.0; + transition: ACCELERATE 0.01; + target: "elm.text"; + } + program { name: "highlight_hide"; + signal: "elm,action,focus_highlight,hide"; source: "elm"; + action: STATE_SET "normal" 0.0; + transition: DECELERATE 0.01; + target: "elm.text"; + } + } +} + +/***************************************************************************************** +Document: Tizen TV_General Guide_GUI Guideline_v1.1_140709.ppt +Page No. 103 +style: Text Input Field +*******************************************************************************************/ +group { name: "elm/entry/base-single/input.field"; + inherit: "elm/entry/base/input.field"; + alias: "elm/entry/base-single/input.field.icon"; + parts { + part { name: "elm.guide"; type: TEXTBLOCK; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "elm.text"; + rel2.to: "elm.text"; + text { + style: "entry_single_textblock_guide_style"; + min: 0 1; + } + } + description { state: "hidden" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.text"; type: TEXTBLOCK; mouse_events: 1; + scale: 1; + multiline: 0; + description { state: "default" 0.0; + text { + style: "entry_single_textblock_style"; + min: 1 1; + ellipsis: -1; + max: 0 0; + align: 0.0 0.5; + } + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_single_textblock_disabled_style"; + } + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + text { + style: "entry_single_textblock_selected_style"; + min: 0 1; + } + } + description { state: "enabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_single_textblock_style"; + min: 0 1; + } + } + } + } +} + +/***************************************************************************************** +Document: Tizen TV_General Guide_GUI Guideline_v1.1_140709.ppt +Page No. 103 +style : Text Input Field +NO EDIT +**************************************************************************/ +group { name: "elm/entry/base-single-noedit/input.field"; + inherit: "elm/entry/base/input.field"; + parts { + part { name: "elm.guide"; type: TEXTBLOCK; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "elm.text"; + rel2.to: "elm.text"; + text { + style: "entry_single_textblock_guide_style"; + min: 0 1; + } + } + description { state: "hidden" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.text"; + entry_mode: PLAIN; + multiline: 0; + scale: 1; + source: "elm/entry/selection/input.field"; + source4: ""; + source5: "elm/entry/anchor/input.field"; + description { state: "default" 0.0; + text { + style: "entry_single_textblock_style"; + min: 1 1; + ellipsis: -1; + max: 0 0; + align: 0.0 0.5; + } + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_single_textblock_disabled_style"; + } + } + } + } +} + +/***************************************************************************************** +Document: Tizen TV_General Guide_GUI Guideline_v1.1_140709.ppt +Page No. 103 +style : Text Input Field +PASSWORD +********************************************************************************************/ +group { name: "elm/entry/base-password/input.field"; + inherit: "elm/entry/base/input.field"; + parts { + part { name: "elm.guide"; type: TEXTBLOCK; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "elm.text"; + rel2.to: "elm.text"; + text { + style: "entry_single_textblock_guide_style"; + min: 0 1; + align: 0.0 0.0; + } + } + description { state: "hidden" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.text"; type: TEXTBLOCK; mouse_events: 1; + entry_mode: PASSWORD; + cursor_mode: BEFORE; + select_mode: EXPLICIT; + scale: 1; + multiline: 0; + source: "elm/entry/selection/input.field"; + source4: "elm/entry/cursor/input.field"; + source5: "elm/entry/anchor/input.field"; + description { state: "default" 0.0; + text { + style: "entry_single_textblock_style"; + repch: "*"; + min: 1 1; + ellipsis: -1; + max: 0 0; + align: 0.0 0.5; + } + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_single_textblock_disabled_style"; + } + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + text { + style: "entry_textblock_selected_style"; + min: 0 1; + } + } + description { state: "enabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_textblock_style"; + min: 0 1; + } + } + } + } +} + +/***************************************************************************************** +Document: Tizen TV_General Guide_GUI Guideline_v1.1_140709.ppt +Page No. 104 +style : Text Input Field, pin style +Summmary: This style of entry is to get middle-aligned text. +***************************************************************************************/ +group { name: "elm/entry/base-single/input.field.pin"; + alias: "elm/entry/base/input.field.pin"; + inherit: "elm/entry/base-single/input.field"; + parts { + part { name: "pad.left"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 18 5; + max: 18 5; + fixed: 1 1; + align: 0.0 0.0; + } + } + part { name: "pad.right"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 18 5; + max: 18 5; + fixed: 1 1; + align: 1.0 1.0; + } + } + part { name: "base_highlight"; + before: "elm.text"; + scale: 1; + description { state: "default" 0.0; + image { + normal: "search_searchbar_bg_nor.png"; + border: 5 5 5 5; + border_scale: 1; + } + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + image.normal: "search_searchbar_bg_foc.png"; + } + description { state: "over" 0.0; + inherit: "default" 0.0; + image.normal: "search_searchbar_bg_foc.png"; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + image.normal: "search_searchbar_bg_nor.png"; + } + description { state: "highlight" 0.0; + inherit: "default" 0.0; + image.normal: "search_searchbar_bg_foc.png"; + } + description { state: "normal" 0.0; + inherit: "default" 0.0; + image.normal: "search_searchbar_bg_nor.png"; + } + } + part { name: "elm.text"; + entry_mode: EDITABLE; + select_mode: EXPLICIT; + cursor_mode: UNDER; + multiline: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "pad.left"; + rel1.relative: 1.0 1.0; + rel2.to: "pad.right"; + rel2.relative: 0.0 0.0; + text { + style: "entry_pin_textblock_style"; + min: 1 1; + ellipsis: -1; + max: 0 0; + } + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_pin_textblock_disabled_style"; + } + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + text { + style: "entry_pin_textblock_selected_style"; + min: 0 1; + } + } + description { state: "enabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_pin_textblock_style"; + min: 0 1; + } + } + } + } + programs { + program { name: "disable"; + target: "base_highlight"; + } + program { name: "select"; + target: "base_highlight"; + } + program { name: "over"; + signal: "elm,state,mouse,in"; source: "elm"; + action: STATE_SET "over" 0.0; + target: "base_highlight"; + } + program { name: "enable"; + target: "base_highlight"; + } + program { name: "go_active"; + target: "base_highlight"; + } + program { name: "go_passive"; + target: "base_highlight"; + } + program { name: "highlight_show"; + target: "base_highlight"; + } + program { name: "highlight_hide"; + target: "base_highlight"; + } + } +} + +/***************************************************************************************** +Document: Tizen TV_General Guide_GUI Guideline_v1.1_140709.ppt +Page No. 104 +style : Text Input Field, pin style, password mode +Summmary: This style of entry is to get middle-aligned text in password mode. +***************************************************************************************/ +group { name: "elm/entry/base-password/input.field.pin"; + inherit: "elm/entry/base-single/input.field.pin"; + parts { + part { name: "elm.text"; + entry_mode: PASSWORD; + select_mode: EXPLICIT; + cursor_mode: UNDER; + multiline: 0; + scale: 1; + source: "elm/entry/selection/input.field"; + source4: "elm/entry/cursor/input.field"; + source5: "elm/entry/anchor/input.field"; + description { state: "default" 0.0; + text { + style: "entry_pin_textblock_style"; + min: 1 1; + ellipsis: -1; + max: 0 0; + } + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_pin_textblock_disabled_style"; + } + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + text { + style: "entry_pin_textblock_selected_style"; + min: 0 1; + } + } + description { state: "enabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_pin_textblock_style"; + min: 0 1; + } + } + } + } +} + +/***************************************************************************************** +Document: Tizen TV_General Guide_GUI Guideline_v1.1_140709.ppt +Page No. 105 +style: Text Input Field Small +*******************************************************************************************/ +group { name: "elm/entry/base-single/input.field.small"; + inherit: "elm/entry/base/input.field"; + alias: "elm/entry/base-single/input.field.small.icon"; + parts { + part { name: "elm.guide"; type: TEXTBLOCK; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "elm.text"; + rel2.to: "elm.text"; + text { + style: "entry_single_small_textblock_guide_style"; + min: 0 1; + } + } + description { state: "hidden" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.text"; + scale: 1; + entry_mode: EDITABLE; + select_mode: DEFAULT; + cursor_mode: BEFORE; + multiline: 0; + source: "elm/entry/selection/input.field"; + source4: "elm/entry/cursor/input.field.small"; + source5: "elm/entry/anchor/input.field"; + description { state: "default" 0.0; + color: 61 61 61 127; + text { + style: "entry_single_small_textblock_style"; + min: 1 1; + max: 0 0; + align: 0.0 0.5; + ellipsis: -1; + } + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_single_small_textblock_disabled_style"; + } + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + color: 61 61 61 255; + text { + style: "entry_single_small_textblock_selected_style"; + min: 0 1; + } + } + description { state: "enabled" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + text { + style: "entry_single_small_textblock_style"; + min: 0 1; + } + } + } + } +} + +/******************************************************************************************* +Document: Tizen TV_General Guide_GUI Guideline_v1.0_140430_1.ppt +Page No. 81, +style : text input field +PROMPT +********************************************************************************************/ +group { name: "elm/entry/cursor/input.field"; + parts { + part { name: "base"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + } + } + part { name: "cursor"; type: RECT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + min: 2 36; + max: 2 36; + fixed: 1 1; + color: DEFAULT_COLOR; + visible: 0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + } + programs { + program { name: "blink"; + action: STATE_SET "visible" 0.0; + in: 0.4 0.0; + target: "cursor"; + after: "blink2"; + } + program { name: "blink2"; + action: STATE_SET "default" 0.0; + in: 0.4 0.0; + target: "cursor"; + after: "blink"; + } + program { name: "focused"; + signal: "elm,action,focus"; source: "elm"; + after: "blink"; + } + program { name: "noblink"; + action: ACTION_STOP; + target: "blink"; + target: "blink2"; + after: "noblink2"; + } + program { name: "noblink2"; + action: STATE_SET "default" 0.0; + target: "cursor"; + } + program { name: "unfocused"; + signal: "elm,action,unfocus"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "cursor"; + after: "noblink"; + } + } +} + +/******************************************************************************************* +Document: Tizen TV_General Guide_GUI Guideline_v1.0_140430_1.ppt +Page No. 83, +style : text input field small +PROMPT +********************************************************************************************/ +group { name: "elm/entry/cursor/input.field.small"; + inherit: "elm/entry/cursor/input.field"; + parts { + part { name: "base"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + } + } + part { name: "cursor"; type: RECT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + min: 2 26; + max: 2 26; + fixed: 1 1; + color: DEFAULT_COLOR; + visible: 0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + } +} +//Selection default used as source. +group { name: "elm/entry/selection/input.field"; + parts { + part { name: "bg"; type: RECT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + color: 128 128 128 128; + } + } + } +} + +//Anchor default used as source. +group { name: "elm/entry/anchor/input.field"; + parts { + part { name: "bg"; type: RECT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + color: 128 0 0 64; + } + } + } +} +//Mixed wrap +group { name: "elm/entry/base-mixedwrap/input.field"; + inherit: "elm/entry/base/input.field"; + parts { + part { name: "elm.guide"; type: TEXTBLOCK; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "elm.text"; + rel2.to: "elm.text"; + text { + style: "entry_textblock_guide_style_mixedwrap"; + min: 0 1; + align: 0.0 0.5; + } + } + description { state: "hidden" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.text"; + description { state: "default" 0.0; + fixed: 1 1; + text { + style: "entry_textblock_style_mixedwrap"; + min: 0 1; + align: 0.0 0.5; + } + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_textblock_disabled_style_mixedwrap"; + min: 0 1; + } + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + text { + style: "entry_textblock_selected_style_mixedwrap"; + min: 0 1; + } + } + description { state: "enabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_textblock_style_mixedwrap"; + min: 0 1; + } + } + } + } +} +//Char wrap +group { name: "elm/entry/base-charwrap/input.field"; + inherit: "elm/entry/base/input.field"; + parts { + part { name: "elm.guide"; type: TEXTBLOCK; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "elm.text"; + rel2.to: "elm.text"; + text { + style: "entry_textblock_guide_style_charwrap"; + min: 0 1; + align: 0.0 0.5; + } + } + description { state: "hidden" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.text"; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + text { + style: "entry_textblock_style_charwrap"; + min: 0 1; + align: 0.0 0.5; + } + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_textblock_disabled_style_charwrap"; + min: 0 1; + } + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + text { + style: "entry_textblock_selected_style_charwrap"; + min: 0 1; + } + } + description { state: "enabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_textblock_style_charwrap"; + min: 0 1; + } + } + } + } +} +//No wrap +group { name: "elm/entry/base-nowrap/input.field"; + inherit: "elm/entry/base/input.field"; + parts { + part { name: "elm.guide"; type: TEXTBLOCK; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "elm.text"; + rel2.to: "elm.text"; + text { + style: "entry_textblock_guide_style"; + min: 0 1; + align: 0.0 0.0; + } + } + description { state: "hidden" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.text"; + scale: 1; + description { state: "default" 0.0; + text { + style: "entry_textblock_style"; + min: 1 1; + ellipsis: -1; + align: 0.0 0.0; + } + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_textblock_disabled_style"; + min: 0 1; + } + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + text { + style: "entry_textblock_selected_style"; + min: 0 1; + } + } + description { state: "enabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_textblock_style"; + min: 0 1; + } + } + } + } +} + +/************************************************************************* +Doc: Tizen TV_General Guide_GUI Guideline_v1.0_140709.ppt page:93 +**************************************************************************/ + +#define ENTRY_SOUND_PROGRAM \ + program { name: "touch_snd"; \ + signal: "mouse,clicked,1"; \ + source: "elm.text"; \ + script { \ + new st[31]; \ + new Float:vl; \ + get_state(PART:"elm.text", st, 30, vl); \ + if (strcmp(st, "disabled")) \ + run_program(PROGRAM:"touch_sound"); \ + } \ + } \ + program { name: "touch_sound"; \ + action: RUN_PLUGIN "touch_sound"; \ + } + +group { name: "elm/entry/base-single/spinner/vertical"; + alias: "elm/entry/base-single/spinner/vertical_time_picker"; + alias: "elm/entry/base-single/spinner/datetime"; + data.item: "default_font_size" "106"; + styles { + style { name: "entry_single_spinner_vertical_textblock_style"; + base: "font=Tizen:style=Light font_size=106 color=#000000ff align=center"; + tag: "br" ""; + tag: "em" "+ font_style=Oblique"; + tag: "b" "+ font_weight=Bold"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sel" "+ backing=on backing_color="ENTRY_PREEDIT_BACKGROUND_COLOR_INC" color="ENTRY_PREEDIT_TEXT_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_highlight" "+ backing=on backing_color="ENTRY_PREEDIT_HIGHLIGHT_BACKGROUND_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_sub1" "+ backing=on backing_color="ENTRY_PREEDIT_SUB1_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub2" "+ backing=on backing_color="ENTRY_PREEDIT_SUB2_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub3" "+ backing=on backing_color="ENTRY_PREEDIT_SUB3_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub4" "+ backing=on backing_color="ENTRY_PREEDIT_SUB4_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + } + style { name: "entry_single_spinner_vertical_textblock_focused_style"; + base: "font=Tizen:style=Light font_size=106 color=#000000ff align=center"; + tag: "br" ""; + tag: "em" "+ font_style=Oblique"; + tag: "b" "+ font_weight=Bold"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sel" "+ backing=on backing_color="ENTRY_PREEDIT_BACKGROUND_COLOR_INC" color="ENTRY_PREEDIT_TEXT_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_highlight" "+ backing=on backing_color="ENTRY_PREEDIT_HIGHLIGHT_BACKGROUND_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_sub1" "+ backing=on backing_color="ENTRY_PREEDIT_SUB1_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub2" "+ backing=on backing_color="ENTRY_PREEDIT_SUB2_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub3" "+ backing=on backing_color="ENTRY_PREEDIT_SUB3_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub4" "+ backing=on backing_color="ENTRY_PREEDIT_SUB4_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + } + style { name: "entry_single_spinner_vertical_textblock_disabled_style"; + base: "font=Tizen:style=Light font_size=106 color=#000000a3 align=center"; + tag: "br" ""; + tag: "em" "+ font_style=Oblique"; + tag: "b" "+ font_weight=Bold"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sel" "+ backing=on backing_color="ENTRY_PREEDIT_BACKGROUND_COLOR_INC" color="ENTRY_PREEDIT_TEXT_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_highlight" "+ backing=on backing_color="ENTRY_PREEDIT_HIGHLIGHT_BACKGROUND_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_sub1" "+ backing=on backing_color="ENTRY_PREEDIT_SUB1_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub2" "+ backing=on backing_color="ENTRY_PREEDIT_SUB2_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub3" "+ backing=on backing_color="ENTRY_PREEDIT_SUB3_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub4" "+ backing=on backing_color="ENTRY_PREEDIT_SUB4_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + } + style { name: "entry_single_spinner_vertical_textblock_guide_style"; + base: "font=Tizen:style=Light font_size=106 color=#000000a3 align=center"; + tag: "br" ""; + tag: "em" "+ font_style=Oblique"; + tag: "b" "+ font_weight=Bold"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sel" "+ backing=on backing_color="ENTRY_PREEDIT_BACKGROUND_COLOR_INC" color="ENTRY_PREEDIT_TEXT_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_highlight" "+ backing=on backing_color="ENTRY_PREEDIT_HIGHLIGHT_BACKGROUND_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_sub1" "+ backing=on backing_color="ENTRY_PREEDIT_SUB1_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub2" "+ backing=on backing_color="ENTRY_PREEDIT_SUB2_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub3" "+ backing=on backing_color="ENTRY_PREEDIT_SUB3_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub4" "+ backing=on backing_color="ENTRY_PREEDIT_SUB4_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + } + } + data { + item: context_menu_orientation "horizontal"; + } + parts { + part { name: "elm.guide"; + type: TEXTBLOCK; + mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1.to: "elm.text"; + rel2.to: "elm.text"; + text { + style: "entry_single_spinner_vertical_textblock_guide_style"; + min: 0 1; + max: 0 0; + align: 0.0 0.5; + } + } + description { state: "hidden" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.text"; + type: TEXTBLOCK; + mouse_events: 1; + scale: 1; + entry_mode: EDITABLE; + select_mode: EXPLICIT; + cursor_mode: BEFORE; + multiline: 0; + source: "elm/entry/selection/input.field"; // selection under + source4: "elm/entry/cursor/input.field"; // cursorover + source5: "elm/entry/anchor/input.field"; // anchor under + description { state: "default" 0.0; + text { + style: "entry_single_spinner_vertical_textblock_style"; + min: 1 1; + max: 0 0; + align: 0.0 0.5; + } + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + text { + style: "entry_single_spinner_vertical_textblock_focused_style"; + } + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_single_spinner_vertical_textblock_disabled_style"; + } + } + } + } + programs { + program { name: "action_focus"; + signal: "elm,action,focus"; + source: "elm"; + action: STATE_SET "focused" 0.0; + target: "elm.text"; + } + program { name: "action_unfocus"; + signal: "elm,action,unfocus"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + } + program { name: "focus"; + signal: "load"; + source: ""; + action: FOCUS_SET; + target: "elm.text"; + } + program { name: "disable"; + signal: "elm,state,disabled"; + source: "elm"; + action: STATE_SET "disabled" 0.0; + target: "elm.text"; + } + program { name: "enable"; + signal: "elm,state,enabled"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + } + program { name: "gdisable"; + signal: "elm,guide,disabled"; + source: "elm"; + action: STATE_SET "hidden" 0.0; + target: "elm.guide"; + } + program { name: "genable"; + signal: "elm,guide,enabled"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.guide"; + } + ENTRY_SOUND_PROGRAM + } +} + +group { name: "elm/entry/base-single/spinner/vertical_date_picker"; + inherit: "elm/entry/base-single/spinner/vertical"; + data.item: "default_font_size" "90"; + styles { + style { name: "entry_single_spinner_vertical_date_picker_textblock_style"; + base: "font=TizenSans:style=Light font_size=90 color=#000000ff align=center text_class=tizen"; + tag: "br" ""; + tag: "em" "+ font_style=Oblique"; + tag: "b" "+ font_weight=Bold"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sel" "+ backing=on backing_color="ENTRY_PREEDIT_BACKGROUND_COLOR_INC" color="ENTRY_PREEDIT_TEXT_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_highlight" "+ backing=on backing_color="ENTRY_PREEDIT_HIGHLIGHT_BACKGROUND_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_sub1" "+ backing=on backing_color="ENTRY_PREEDIT_SUB1_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub2" "+ backing=on backing_color="ENTRY_PREEDIT_SUB2_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub3" "+ backing=on backing_color="ENTRY_PREEDIT_SUB3_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub4" "+ backing=on backing_color="ENTRY_PREEDIT_SUB4_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + } + style { name: "entry_single_spinner_vertical_date_picker_textblock_focused_style"; + base: "font=TizenSans:style=Light font_size=90 color=#000000ff align=center text_class=tizen"; + tag: "br" ""; + tag: "em" "+ font_style=Oblique"; + tag: "b" "+ font_weight=Bold"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sel" "+ backing=on backing_color="ENTRY_PREEDIT_BACKGROUND_COLOR_INC" color="ENTRY_PREEDIT_TEXT_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_highlight" "+ backing=on backing_color="ENTRY_PREEDIT_HIGHLIGHT_BACKGROUND_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_sub1" "+ backing=on backing_color="ENTRY_PREEDIT_SUB1_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub2" "+ backing=on backing_color="ENTRY_PREEDIT_SUB2_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub3" "+ backing=on backing_color="ENTRY_PREEDIT_SUB3_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub4" "+ backing=on backing_color="ENTRY_PREEDIT_SUB4_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + } + style { name: "entry_single_spinner_vertical_date_picker_textblock_disabled_style"; + base: "font=TizenSans:style=Light font_size=90 color=#000000a3 align=center text_class=tizen"; + tag: "br" ""; + tag: "em" "+ font_style=Oblique"; + tag: "b" "+ font_weight=Bold"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sel" "+ backing=on backing_color="ENTRY_PREEDIT_BACKGROUND_COLOR_INC" color="ENTRY_PREEDIT_TEXT_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_highlight" "+ backing=on backing_color="ENTRY_PREEDIT_HIGHLIGHT_BACKGROUND_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_sub1" "+ backing=on backing_color="ENTRY_PREEDIT_SUB1_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub2" "+ backing=on backing_color="ENTRY_PREEDIT_SUB2_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub3" "+ backing=on backing_color="ENTRY_PREEDIT_SUB3_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub4" "+ backing=on backing_color="ENTRY_PREEDIT_SUB4_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + } + style { name: "entry_single_spinner_vertical_date_picker_textblock_guide_style"; + base: "font=TizenSans:style=Light font_size=90 color=#000000a3 wrap=none align=center left_margin=1 right_margin=3 text_class=tizen ellipsis=1.0"; + tag: "br" ""; + tag: "em" "+ font_style=Oblique"; + tag: "b" "+ font_weight=Bold"; + tag: "link" "+ color=#800 underline=on underline_color=#8008"; + tag: "hilight" "+ font_weight=Bold"; + tag: "preedit" "+ underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sel" "+ backing=on backing_color="ENTRY_PREEDIT_BACKGROUND_COLOR_INC" color="ENTRY_PREEDIT_TEXT_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_highlight" "+ backing=on backing_color="ENTRY_PREEDIT_HIGHLIGHT_BACKGROUND_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_TEXT_COLOR_INC; + tag: "preedit_sub1" "+ backing=on backing_color="ENTRY_PREEDIT_SUB1_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub2" "+ backing=on backing_color="ENTRY_PREEDIT_SUB2_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub3" "+ backing=on backing_color="ENTRY_PREEDIT_SUB3_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + tag: "preedit_sub4" "+ backing=on backing_color="ENTRY_PREEDIT_SUB4_COLOR_INC" underline=on underline_color="ENTRY_PREEDIT_UNDERLINE_COLOR_INC; + } + } + parts { + part { name: "elm.guide"; + type: TEXTBLOCK; + mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + text { + style: "entry_single_spinner_vertical_date_picker_textblock_guide_style"; + min: 0 1; + max: 0 0; + align: 0.0 0.5; + } + } + description { state: "hidden" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.text"; + type: TEXTBLOCK; + mouse_events: 1; + scale: 1; + entry_mode: EDITABLE; + select_mode: EXPLICIT; + cursor_mode: BEFORE; + multiline: 0; + source: "elm/entry/selection/input.field"; // selection under + source4: "elm/entry/cursor/input.field"; // cursorover + source5: "elm/entry/anchor/input.field"; // anchor under + description { state: "default" 0.0; + min: 206 188; + text { + style: "entry_single_spinner_vertical_date_picker_textblock_style"; + } + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + text { + style: "entry_single_spinner_vertical_date_picker_textblock_focused_style"; + } + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + text { + style: "entry_single_spinner_vertical_date_picker_textblock_disabled_style"; + } + } + } + } +} + +#undef DEFAULT_COLOR diff --git a/ElmSharp/theme/tv/widgets/gengrid.edc b/ElmSharp/theme/tv/widgets/gengrid.edc new file mode 100644 index 0000000..bb5cd53 --- /dev/null +++ b/ElmSharp/theme/tv/widgets/gengrid.edc @@ -0,0 +1,1144 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +/***************************************************************************** +Tizen TV_General Guide_GUI Guideline_v1.1_140709.ppt 38 +******************************************************************************/ + +group { name: "elm/gengrid/item/default/default"; + data.item: "texts" "elm.text"; + data.item: "contents" "elm.swallow.icon"; + data.item: "focus_highlight" "on"; + images { + image: "content_innershadow.png" COMP; + } + parts { + part { name: "base"; type: RECT; + scale: 1; + description { state: "default" 0.0; + color: 0 0 0 179; + rel1 { + relative: 1.0 1.0; + to: "top.left.pad"; + } + rel2 { + relative: 0.0 0.0; + to: "bottom.right.pad"; + } + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color: 147 170 0 255; + } + } + part { name: "top.left.pad"; type: SPACER; + scale:1 ; + description { state: "default" 0.0; + rel2.relative: 0.0 0.0; + align: 0.0 0.0; + min: 20 20; + } + } + part { name: "bottom.right.pad"; type: SPACER; + scale:1 ; + description { state: "default" 0.0; + rel1.relative: 1.0 1.0; + align: 1.0 1.0; + min: 20 20; + } + } + part { name: "top.pad"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1.to: "base"; + rel2 { + relative: 0.0 0.0; + to: "base"; + } + align: 0.0 0.0; + min: 0 8; + } + } + part { name: "left.pad"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1.to: "base"; + rel2 { + relative: 0.0 0.0; + to: "base"; + } + align: 0.0 0.0; + min: 8 0; + } + } + part { name: "right.pad"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1 { + relative: 1.0 1.0; + to: "base"; + } + rel2.to: "base"; + align: 1.0 1.0; + min: 8 0; + } + } + part { name: "text.base"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 0 60; + rel1 { + relative: 0.0 1.0; + to: "base"; + } + rel2.to: "base"; + align: 0.5 1.0; + } + } + part { name: "elm.text"; type: TEXT; + scale: 1; + description { state: "default" 0.0; + color: 211 211 211 255; + text { + font: "Tizen Sans"; + size: 26; + min: 1 1; + ellipsis: -1; + } + rel1.to: "text.base"; + rel2.to: "text.base"; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + } + part { name: "elm.swallow.icon"; type: SWALLOW; + scale: 1; + clip_to: "clip"; + description { state: "default" 0.0; + rel1.to: "base"; + rel2 { + relative: 1.0 0.0; + to_x: "base"; + to_y: "text.base"; + } + } + } + part { name: "icon.shadow"; + scale: 1; + description { state: "default" 0.0; + rel1.to: "clip"; + rel2.to: "clip"; + image { + normal: "content_innershadow.png"; + border: 5 5 5 5; + } + visible: 0; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + part { name: "clip"; type: RECT; + scale: 1; + description { state: "default" 0.0; + rel1.to: "base"; + rel2.to: "base"; + } + description { state: "focused" 0.0; + rel1 { + relative: 1.0 1.0; + to_x: "left.pad"; + to_y: "top.pad"; + } + rel2 { + relative: 0.0 0.0; + to_x: "right.pad"; + to_y: "text.base"; + } + } + } + } + programs { + program { name: "focus"; + signal: "elm,state,focused"; + source: "elm"; + action: STATE_SET "focused" 0.0; + target: "clip"; + target: "elm.text"; + target: "base"; + target: "icon.shadow"; + transition: LINEAR 0.1; + } + program { name: "unfocus"; + signal: "elm,state,unfocused"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "clip"; + target: "elm.text"; + target: "base"; + target: "icon.shadow"; + transition: LINEAR 0.1; + } + } +} + +/***************************************************************************** +Tizen TV_General Guide_GUI Guideline_v1.1_140709.ppt 39 +******************************************************************************/ + +group { name: "elm/gengrid/item/video_preview/default"; + inherit: "elm/gengrid/item/default/default"; + data.item: "texts" "elm.text elm.text.time"; + data.item: "contents" "elm.swallow.icon"; + images { + image: "round_rectangle_4X4.png" COMP; + image: "ico_default_video_180.png" COMP; + } + parts { + part { name: "rect"; + scale: 1; + description { state: "default" 0.0; + min: 120 120; + rel1 { + relative: 0.5 0.5; + to: "elm.swallow.icon"; + } + rel2 { + relative: 0.5 0.5; + to: "elm.swallow.icon"; + } + color: 100 100 100 100; + image { + normal: "round_rectangle_4X4.png"; + border: 4 4 4 4; + } + } + } + part { name: "video.icon"; + scale: 1; + description { state: "default" 0.0; + rel1.to: "rect"; + rel2.to: "rect"; + image.normal: "ico_default_video_180.png"; + } + } + part { name: "time.pad"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1 { + relative: 1.0 0.0; + to: "base"; + } + rel2 { + relative: 1.0 0.0; + to: "base"; + } + align: 1.0 0.0; + min: 21 21; + } + } + part { name: "time.bg"; type: RECT; + scale: 1; + clip_to: "clip"; + description { state: "default" 0.0; + rel1.to: "base"; + rel2 { + relative: 1.0 0.0; + to: "base"; + } + align: 0.5 0.0; + min: 0 54; + color: 127 127 127 127; + } + } + part { name: "elm.text.time"; type: TEXT; + scale: 1; + description { state: "default" 0.0; + text { + font: "Tizen Sans"; + size: 22; + min: 1 1; + ellipsis: -1; + } + rel1 { + relative: 0.0 1.0; + to: "time.pad"; + } + rel2 { + relative: 0.0 1.0; + to: "time.pad"; + } + align: 1.0 0.0; + color: 200 200 200 200; + } + } + } +} + +/***************************************************************************** +Tizen TV_General Guide_GUI Guideline_v1.1_140709.ppt 40 +******************************************************************************/ + +group { name: "elm/gengrid/item/folder/default"; + inherit: "elm/gengrid/item/default/default"; + data.item: "texts" "elm.text elm.text2"; + data.item: "contents" ""; + images { + image: "ico_folder.png" COMP; + } + parts { + part { name: "base"; type: RECT; + scale: 1; + description { state: "focused" 0.0; + color: 126 128 255 255; + } + } + part { name: "icon.bg"; type: RECT; + scale: 1; + clip_to: "clip"; + description { state: "default" 0.0; + color: 0 0 0 255; + rel1.to: "elm.swallow.icon"; + rel2.to: "elm.swallow.icon"; + } + } + part { name: "folder.icon"; + scale: 1; + description { state: "default" 0.0; + min: 200 200; + max: 200 200; + rel1 { + relative: 0.5 0.5; + to: "icon.bg"; + } + rel2 { + relative: 0.5 0.5; + to: "icon.bg"; + } + image { + normal: "ico_folder.png"; + } + } + } + part { name: "text.base"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 0 80; + } + } + part { name: "elm.text"; type: TEXT; + scale: 1; + description { state: "default" 0.0; + color: 211 211 211 255; + text { + font: "Tizen Sans"; + size: 26; + min: 1 1; + ellipsis: -1; + } + rel1 { + relative: 0.5 0.5; + to: "text.base"; + } + rel2 { + relative: 0.5 0.5; + to: "text.base"; + } + align: 0.5 1.0; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + } + part { name: "elm.text2"; type: TEXT; + scale: 1; + description { state: "default" 0.0; + color: 128 128 128 255; + text { + font: "Tizen Sans"; + size: 22; + min: 1 1; + ellipsis: -1; + } + rel1 { + relative: 0.5 0.5; + to: "text.base"; + } + rel2 { + relative: 0.5 0.5; + to: "text.base"; + } + align: 0.5 0.0; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + } + } + programs { + program { name: "focus2"; + signal: "elm,state,focused"; + source: "elm"; + action: STATE_SET "focused" 0.0; + target: "elm.text2"; + } + program { name: "unfocus2"; + signal: "elm,state,unfocused"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text2"; + } + } +} + +/***************************************************************************** +Tizen TV_General Guide_GUI Guideline_v1.1_140709.ppt 41 +******************************************************************************/ + +group { name: "elm/gengrid/item/default_2text/default"; + inherit: "elm/gengrid/item/default/default"; + data.item: "texts" "elm.text elm.text2"; + data.item: "contents" "elm.swallow.icon"; + parts { + part { name: "base"; type: RECT; + scale: 1; + description { state: "focused" 0.0; + color: 255 168 0 255; + } + } + part { name: "text.base"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 0 100; + } + } + part { name: "elm.text"; type: TEXT; + scale: 1; + description { state: "default" 0.0; + color: 211 211 211 255; + text { + font: "Tizen Sans"; + size: 30; + min: 1 1; + ellipsis: -1; + } + rel1 { + relative: 0.5 0.5; + to: "text.base"; + } + rel2 { + relative: 0.5 0.5; + to: "text.base"; + } + align: 0.5 1.0; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + } + part { name: "elm.text2"; type: TEXT; + scale: 1; + description { state: "default" 0.0; + color: 128 128 128 255; + text { + font: "Tizen Sans"; + size: 22; + min: 1 1; + ellipsis: -1; + } + rel1 { + relative: 0.5 0.5; + to: "text.base"; + } + rel2 { + relative: 0.5 0.5; + to: "text.base"; + } + align: 0.5 0.0; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + } + } + programs { + program { name: "focus2"; + signal: "elm,state,focused"; + source: "elm"; + action: STATE_SET "focused" 0.0; + target: "elm.text2"; + } + program { name: "unfocus2"; + signal: "elm,state,unfocused"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text2"; + } + } +} + +#define DEFAULT 1 +#define SELECTED 2 +#define FOCUSED 3 +#define DISABLED 4 +/***************************************************************************** +Document: Tizen TV_General Guide_GUI Guideline_v1.0_140508_1.ppt : 36 and 11 +Description: Gengrid for single line text +******************************************************************************/ +group { name: "elm/gengrid/item/1text.1icon.bg/default"; + data.item: "texts" "elm.text elm.text.1"; + data.item: "contents" "elm.swallow.icon elm.swallow.icon_foc elm.swallow.end"; + images { + image: "bt_bases.png" COMP; + image: "elipse_114.png" COMP; + } + script { + public is_selected, is_enabled, is_focused, is_init, cur_state; + + public init_values() { + if(get_int(is_init)==0) + { + set_int(is_enabled, 1); + set_int(is_focused, 1); + set_int(is_init, 1); + set_int(cur_state, -1); + } + } + public set_states() { + new enab; + new foc; + new sel; + new c_state; + enab = get_int(is_enabled); + foc = get_int(is_focused); + sel = get_int(is_selected); + c_state = get_int(cur_state); + if(enab == 0) + { + if(c_state!=DISABLED) + run_program(PROGRAM:"do_disable"); + } + else + { + if(foc == 1) + { + if(c_state!=FOCUSED) + run_program(PROGRAM:"do_focus"); + } + else if(sel == 1) + { + if(c_state!=SELECTED) + run_program(PROGRAM:"do_select"); + } + else + { + if(c_state!=DEFAULT) + run_program(PROGRAM:"do_default"); + } + } + } + } + parts { + part { name: "event"; type: RECT; + repeat_events: 1; + description { + state: "default" 0.0; + color: 0 0 0 0; + } + } + part { name: "reorder_bg"; mouse_events: 0; + description { state: "default" 0.0; + visible: 0; + color: 255 255 255 0; + image { + normal: "bt_bases.png"; + border: 6 6 6 6; + } + } + description { state: "enabled" 0.0; + inherit: "default" 0.0; + visible: 1; + color: 255 255 255 255; + } + } + part { name: "base"; type: RECT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + color: 0 0 0 77; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + visible: 0; + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + visible: 0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 0 0 0 77; + } + } + part { name: "base_colored"; type: RECT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + color: 0 0 0 0; + visible: 0; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + color_class: "open_ux_theme"; + visible: 1; + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + color_class: "open_ux_theme_alpha"; + visible: 1; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + } + } + part { name: "bg"; type: RECT; mouse_events: 0; + clip_to: "base"; + description { state: "default" 0.0; + } + } + part { name: "bg_color_clipped"; type: RECT; mouse_events: 0; + clip_to: "base_colored"; + description { state: "default" 0.0; + } + } + part { name: "elm.swallow.pad"; type: SWALLOW; + description { state: "default" 0.0; + fixed: 1 0; + min: 25 25; + align: 0.0 0.5; + rel1 { + relative: 0.0 1.0; + } + rel2 { + to_y: "elm.text"; + relative: 0.0 0.0; + } + } + } + part { name: "pad.top"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + min: 0 30; + max: 9999 30; + rel1.to: "bg"; + rel2.to: "bg"; + align: 0.5 0.0; + } + } + part { name: "pad.bottom"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + min: 0 25; + max: 9999 25; + rel1.to: "bg"; + rel2.to: "bg"; + align: 0.5 1.0; + } + } + part { name: "pad.left"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + min: 20 0; + max: 20 9999; + rel1.to: "bg"; + rel2.to: "bg"; + align: 0.0 0.5; + } + } + part { name: "pad.right"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + min: 20 0; + max: 20 9999; + rel1.to: "bg"; + rel2.to: "bg"; + align: 1.0 0.5; + } + } + part { name: "pad.middle"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + min: 0 3; + max: 9999 3; + rel1.to_x: "pad.left"; + rel1.to_y: "elm.text"; + rel1.relative: 1.0 0.0; + rel2.to_x: "pad.right"; + rel2.to_y: "elm.text"; + rel2.relative: 0.0 0.0; + align: 0.5 1.0; + } + } + part { name: "elm.shadow.icon.bg"; type: PROXY; + description { state: "default" 0.0; + source: "elm.swallow.icon"; + rel1.to: "elm.swallow.icon"; + rel1.offset: 0 3; + rel2.to: "elm.swallow.icon"; + rel2.offset: 0 3; + color: 0 0 0 64; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + source: "elm.swallow.icon_foc"; + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + source: "elm.swallow.icon_foc"; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + } + } + part { name: "elm.image.icon.bg"; type: IMAGE; + clip_to: "disclip"; + description { state: "default" 0.0; + fixed: 1 0; + aspect: 1.0 1.0; + aspect_preference: BOTH; + rel1.to: "elm.swallow.icon"; + rel2.to: "elm.swallow.icon"; + color_class: "open_ux_theme"; + image.normal: "elipse_114.png"; + visible: 0; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme_white"; + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme_white"; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme_alpha20"; + } + } + part { name: "elm.swallow.icon"; type: SWALLOW; + clip_to: "disclip"; + description { state: "default" 0.0; + fixed: 1 0; + aspect: 1.0 1.0; + aspect_preference: BOTH; + rel1.to_x: "pad.left"; + rel1.to_y: "pad.top"; + rel1.relative: 1.0 1.0; + rel2.to_x: "pad.right"; + rel2.to_y: "pad.middle"; + rel2.relative: 0.0 0.0; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + visible: 0; + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + visible: 0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme_alpha20"; + } + } + part { name: "elm.swallow.icon_foc"; type: SWALLOW; + clip_to: "disclip"; + description { state: "default" 0.0; + fixed: 1 0; + aspect: 1.0 1.0; + aspect_preference: BOTH; + rel1.to: "elm.swallow.icon"; + rel2.to: "elm.swallow.icon"; + visible: 0; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + visible: 1; + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + visible: 1; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.swallow.end"; + clip_to: "disclip"; type: SWALLOW; + description { state: "default" 0.0; + fixed: 1 0; + align: 1.0 0.0; + aspect: 1.0 1.0; + aspect_preference: HORIZONTAL; + rel1.relative: 1.0 0.0; + rel2.relative: 1.0 1.0; + } + } + part { name: "area_for_text"; type: RECT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to_x: "pad.left"; + rel1.to_y: "pad.top"; + rel1.relative: 1.0 1.0; + rel2.to_x: "pad.right"; + rel2.to_y: "pad.bottom"; + rel2.relative: 0.0 0.0; + align: 0.5 0.5; + color: 255 255 255 0; + } + part { name: "elm.text"; type: TEXT; mouse_events: 0; + effect: SOFT_SHADOW; + scale: 1; + description { state: "default" 0.0; + color: 211 211 211 255; + rel1.relative: 0.0 1.0; + rel2.relative: 1.0 1.0; + align: 0.5 1.0; + text { + font: "Sans"; + size: 23; + min: 0 1; + text_class: "grid_item"; + } + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 255 255 255 51; + } + } + part { name: "elm.text.1"; type: TEXT; mouse_events: 0; + effect: SOFT_SHADOW; + scale: 1; + description { state: "default" 0.0; + color: 211 211 211 255; + rel1.relative: 0.0 1.0; + rel2.relative: 1.0 1.0; + align: 0.5 1.0; + text { + font: "Sans"; + size: 17; + min: 0 1; + text_class: "grid_item"; + } + visible: 0; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 255 255 255 51; + } + } + } + part { name: "disclip"; type: RECT; + description { state: "default" 0.0; + fixed: 1 1; + rel1.to: "base"; + rel2.to: "base"; + color_class: "open_ux_theme_white"; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme_alpha20"; + visible: 1; + } + } + part { name: "event_blocker"; type: RECT; mouse_events: 1; + description { state: "default" 0.0; + fixed: 1 1; + color: 0 0 0 0; + visible: 0; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + } + programs { + program { name: "go_focused"; + signal: "elm,state,focused"; source: "elm"; + script { + init_values(); + set_int(is_focused, 1); + set_states(); + } + } + program { name: "go_unfocused"; + signal: "elm,state,unfocused"; source: "elm"; + script { + init_values(); + set_int(is_focused, 0); + set_states(); + } + } + + program { name: "go_active"; + signal: "elm,state,selected"; + source: "elm"; + script { + init_values(); + set_int(is_selected, 1); + set_states(); + } + } + program { name: "go_passive"; + signal: "elm,state,unselected"; + source: "elm"; + script { + init_values(); + set_int(is_selected, 0); + set_states(); + } + } + program { name: "go_disabled"; + signal: "elm,state,disabled"; + source: "elm"; + script { + init_values(); + set_int(is_enabled, 0); + set_states(); + } + } + program { name: "go_enabled"; + signal: "elm,state,enabled"; + source: "elm"; + script { + init_values(); + set_int(is_enabled, 1); + set_states(); + } + } + program { name: "go_reorder_disabled"; + signal: "elm,state,reorder,disabled"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "reorder_bg"; + transition: DECELERATE 0.5; + } + program { name: "go_reorder_enabled"; + signal: "elm,state,reorder,enabled"; + source: "elm"; + action: STATE_SET "enabled" 0.0; + target: "reorder_bg"; + transition: DECELERATE 0.5; + } + program { name: "do_default"; + action: STATE_SET "default" 0.0; + transition: LINEAR 0.1; + target: "base"; + target: "base_colored"; + target: "elm.text"; + target: "elm.text.1"; + target: "elm.shadow.icon.bg"; + target: "elm.image.icon.bg"; + target: "elm.swallow.icon"; + target: "elm.swallow.icon_foc"; + target: "disclip"; + target: "event_blocker"; + } + + program { name: "do_focus"; + action: STATE_SET "focused" 0.0; + target: "base"; + target: "base_colored"; + target: "elm.text"; + target: "elm.text.1"; + target: "elm.shadow.icon.bg"; + target: "elm.image.icon.bg"; + target: "elm.swallow.icon"; + target: "elm.swallow.icon_foc"; + target: "disclip"; + target: "event_blocker"; + } + + program { name: "do_select"; + action: STATE_SET "selected" 0.0; + target: "base"; + target: "base_colored"; + target: "elm.text"; + target: "elm.text.1"; + target: "elm.shadow.icon.bg"; + target: "elm.image.icon.bg"; + target: "elm.swallow.icon"; + target: "elm.swallow.icon_foc"; + target: "disclip"; + target: "event_blocker"; + } + + program { name: "do_disable"; + action: STATE_SET "disabled" 0.0; + target: "base"; + target: "base_colored"; + target: "elm.text"; + target: "elm.text.1"; + target: "elm.shadow.icon.bg"; + target: "elm.image.icon.bg"; + target: "elm.swallow.icon"; + target: "elm.swallow.icon_foc"; + target: "disclip"; + target: "event_blocker"; + } + } +} + +//Start +#define DEFAULT 1 +#define SELECTED 2 +#define FOCUSED 3 +#define DISABLED 4 +/***************************************************************************** +Document: Tizen TV_General Guide_GUI Guideline_v1.0_140508_1.ppt : 37 and 11 +Description: Gengrid for two line text +******************************************************************************/ +group { name: "elm/gengrid/item/2text.1icon.bg/default"; + inherit: "elm/gengrid/item/1text.1icon.bg/default"; + data.item: "texts" "elm.text elm.text.1"; + data.item: "contents" "elm.swallow.icon elm.swallow.icon_foc elm.swallow.end"; + parts { + part { name: "pad.top"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + min: 0 52; + max: 9999 52; + } + } + part { name: "pad.bottom"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + min: 0 43; + max: 9999 43; + } + } + part { name: "area_for_text"; type: RECT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + } + part { name: "elm.text"; type: TEXT; mouse_events: 0; + effect: SOFT_SHADOW; + scale: 1; + description { state: "default" 0.0; + color: 211 211 211 255; + rel1.to: "elm.text.1"; + rel2.to: "elm.text.1"; + rel1.relative: 0.0 0.0; + rel2.relative: 1.0 0.0; + text { + font: "Sans"; + size: 23; + min: 0 1; + text_class: "grid_item"; + } + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 255 255 255 51; + } + } + part { name: "elm.text.1"; type: TEXT; + effect: SOFT_SHADOW; + mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + visible: 1; + color: 134 134 134 255; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "selected" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 255 255 255 51; + } + } + } + } +} +#undef DEFAULT 1 +#undef SELECTED 2 +#undef FOCUSED 3 +#undef DISABLED 4 +#undef DEFAULT 1 +#undef SELECTED 2 +#undef FOCUSED 3 +#undef DISABLED 4 diff --git a/ElmSharp/theme/tv/widgets/genlist.edc b/ElmSharp/theme/tv/widgets/genlist.edc new file mode 100644 index 0000000..c40665e --- /dev/null +++ b/ElmSharp/theme/tv/widgets/genlist.edc @@ -0,0 +1,775 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +/******************************************************************* +Tizen TV_General Guide_GUI Guideline_v1.0_140709.pptx 70 1text +********************************************************************/ +group { "elm/genlist/item/1text/default"; nomouse; program_source: "elm"; + alias: "elm/genlist/item/default/default"; + data.item: "texts" "elm.text"; + data.item: "focus_highlight" "on"; + target_group: "default" "base" "bottom_line" "elm.text"; + target_group: "disabled" "event" "elm.text"; + parts { + GENLIST_BASE(255 255 255 255, 69 143 255 255) + GENLIST_PAD(40, 40, 20, 20) + GENLIST_BOTTOM_LINE(222 222 222 222) + text { "elm.text"; scale; + desc { "default"; + rel1.to: "pad.top.left"; + rel1.relative: 1.0 1.0; + rel2.to: "pad.bottom.right"; + rel2.relative: 0.0 0.0; + color: 89 89 89 255; + text { font: FONT_M; size: 30; + min: 1 1; + ellipsis: -1; + align: 0.0 0.5; + } + } + desc { "focused"; inherit: "default"; + color: 255 255 255 255; + } + desc { "disabled"; inherit: "default"; + color: 255 0 0 255; + } + } + } + programs { + GENLIST_PROGRAMS("default", "disabled") + } +} + +/********************************************************************* +Tizen TV_General Guide_GUI Guideline_v1.0_140709.pptx 70 1text_1icon +**********************************************************************/ +group { "elm/genlist/item/1text_1icon/default"; nomouse; program_source: "elm"; + data.item: "texts" "elm.text"; + data.item: "contents" "elm.swallow.end"; + inherit: "elm/genlist/item/1text/default"; + parts { + text { "elm.text"; scale; + desc { "default"; + rel1.to: "pad.top.left"; + rel1.relative: 1.0 1.0; + rel2.to_x: "pad.center"; + rel2.to_y: "pad.bottom.right"; + rel2.relative: 0.0 0.0; + color: 89 89 89 255; + text { font: FONT_M; size: 30; + min: 1 1; + ellipsis: -1; + align: 0.0 0.5; + } + } + desc { "focused"; inherit: "default"; + color: 255 255 255 255; + } + desc { "disabled"; inherit: "default"; + color: 50 50 50 255; + } + } + swallow { "elm.swallow.end"; mouse; + desc { "default"; + rel1.to_x: "pad.bottom.right"; + rel1.relative: 0.0 0.5; + rel2.to_x: "pad.bottom.right"; + rel2.relative: 0.0 0.5; + min: 40 40; + fixed: 1 1; + align: 1.0 0.5; + } + } + // a padding between elm.text, elm.swallow.end + spacer { "pad.center"; scale; + desc { "default"; + rel1.to_x: "elm.swallow.end"; + rel1.relative: 0.0 0.5; + rel2.to_x: "elm.swallow.end"; + rel2.relative: 0.0 0.5; + fixed: 1 0; + align: 1.0 0.5; + min: 40 0; + } + } + } +} + +/************************************************************************** +Tizen TV_General Guide_GUI Guideline_v1.0_140709.pptx 69 1text_1icon_2 +***************************************************************************/ +group { "elm/genlist/item/1text_1icon_2/default"; nomouse; + data.item: "texts" "elm.text"; + data.item: "contents" "elm.swallow.end"; + inherit: "elm/genlist/item/1text_1icon/default"; + parts { + rect { "base"; scale; + desc { "default"; + color: 0 0 0 0; + hid; + } + desc { "focused"; inherit: "default"; + color: 69 143 255 255; + vis; + } + desc { "selected"; inherit: "default"; + color: 69 143 255 102; + vis; + } + } + GENLIST_PAD(70, 70, 20, 20) + GENLIST_BOTTOM_LINE(255 255 255 25) + + text { "elm.text"; scale; + desc { "default"; + rel1.to: "pad.top.left"; + rel1.relative: 1.0 1.0; + rel2.to_x: "pad.center"; + rel2.to_y: "pad.bottom.right"; + rel2.relative: 0.0 0.0; + color: 255 255 255 204; // 80% + text { font: FONT_M; size: 30; + min: 1 1; + ellipsis: -1; + align: 0.0 0.5; + } + } + desc { "focused"; inherit: "default"; + color: 255 255 255 255; + } + desc { "disabled"; inherit: "default"; + color: 50 50 50 255; + } + } + + // a padding between elm.text, elm.swallow.end + spacer { "pad.center"; scale; + desc { "default"; + rel1.to_x: "elm.swallow.end"; + rel1.relative: 0.0 0.5; + rel2.to_x: "elm.swallow.end"; + rel2.relative: 0.0 0.5; + fixed: 1 0; + align: 1.0 0.5; + min: 30 0; + } + } + } + programs { + GENLIST_PROGRAMS("default", "disabled") + } +} + +/*********************************************************************************************** +Tizen TV_General Guide_GUI Guideline_v1.0_140709.pptx 69 2text +************************************************************************************************/ +group { "elm/genlist/item/2text/default"; nomouse; program_source: "elm"; + data.item: "texts" "elm.text elm.text2"; + inherit: "elm/genlist/item/1text/default"; + target_group: "default2" "base" "bottom_line" "elm.text" "elm.text2"; + target_group: "disabled2" "event" "elm.text" "elm.text2"; + parts { + rect { "base"; scale; + desc { "default"; + color: 0 0 0 0; + hid; + } + desc { "focused"; inherit: "default"; + color: 69 143 255 255; + vis; + } + desc { "selected"; inherit: "default"; + color: 69 143 255 102; + vis; + } + } + GENLIST_PAD(70, 70, 20, 20) + GENLIST_BOTTOM_LINE(255 255 255 25) + + text { "elm.text"; scale; + desc { "default"; + rel1.to: "pad.top.left"; + rel1.relative: 1.0 1.0; + rel2.to_x: "pad.center"; + rel2.to_y: "pad.bottom.right"; + rel2.relative: 0.0 0.0; + color: 255 255 255 204; // 80% + text { font: FONT_M; size: 30; + min: 1 1; + ellipsis: -1; + align: 0.0 0.5; + } + } + desc { "focused"; inherit: "default"; + color: 255 255 255 255; + } + desc { "disabled"; inherit: "default"; + color: 50 50 50 255; + } + } + + text { "elm.text2"; scale; + desc { "default"; + rel1.to_x: "pad.bottom.right"; + rel1.relative: 0.0 0.5; + rel2.to_x: "pad.bottom.right"; + rel2.relative: 0.0 0.5; + align: 1.0 0.5; + color: 255 255 255 204; // 80% + fixed: 1 1; + text { font: FONT_M; size: 30; + min: 1 1; + ellipsis: -1; + align: 1.0 0.5; + } + } + desc { "focused"; inherit: "default"; + color: 255 255 255 255; + } + desc { "disabled"; inherit: "default"; + color: 50 50 50 255; + } + } + + // a padding between elm.text, elm.swallow.end + spacer { "pad.center"; scale; + desc { "default"; + rel1.to_x: "elm.text2"; + rel1.relative: 0.0 0.5; + rel2.to_x: "elm.text2"; + rel2.relative: 0.0 0.5; + fixed: 1 0; + align: 1.0 0.5; + min: 30 0; + } + } + } + programs { + GENLIST_PROGRAMS("default2", "disabled2") + } +} + +/******************************************************************* +Tizen TV_General Guide_GUI Guideline_v1.0_140709.pptx 45 2text_1icon +********************************************************************/ +group { "elm/genlist/item/2text_1icon/default"; nomouse; program_source: "elm"; + data.item: "texts" "elm.text elm.text2"; + data.item: "contents" "elm.swallow.icon"; + data.item: "focus_highlight" "on"; + target_group: "default" "base" "bottom_line" "elm.text" "elm.text2"; + target_group: "disabled" "event" "elm.text" "elm.text2"; + parts { + GENLIST_BASE(42 50 64 255, 69 143 255 255) + GENLIST_PAD(38, 32, 32, 37) + GENLIST_BOTTOM_LINE(222 222 222 222) + swallow { "elm.swallow.icon"; mouse; scale; + desc { "default"; + rel1.to_x: "pad.bottom.right"; + rel1.relative: 0.0 0.5; + rel2.to_x: "pad.bottom.right"; + rel2.relative: 0.0 0.5; + min: 80 80; + fixed: 1 1; + align: 1.0 0.5; + } + } + spacer { "pad.center"; scale; + desc { "default"; + rel1.to_x: "elm.swallow.icon"; + rel1.relative: 0.0 0.0; + rel2.to_x: "elm.swallow.icon"; + rel2.relative: 0.0 1.0; + min: 32 0; + fixed: 1 0; + align: 1.0 0.5; + } + } + text { "elm.text"; scale; + desc { "default"; + rel1.to: "pad.top.left"; + rel1.relative: 1.0 1.0; + rel2.to_x: "pad.center"; + rel2.to_y: "pad.top.left"; + rel2.relative: 0.0 1.0; + fixed: 0 1; + align: 0.5 0.0; + color: 165 167 175 255; + text { font: FONT_M; size: 32; + min: 1 1; + ellipsis: -1; + align: 0.0 0.5; + } + } + desc { "selected"; inherit: "default"; + color: 255 255 255 255; + } + desc { "focused"; inherit: "default"; + color: 255 255 255 255; + } + desc { "disabled"; inherit: "default"; + color: 50 50 50 255; + } + } + text { "elm.text2"; scale; + desc { "default"; + rel1.to: "elm.text"; + rel1.relative: 0.0 1.0; + rel2.to_x: "elm.text"; + rel2.to_y: "pad.bottom.right"; + rel2.relative: 1.0 0.0; + fixed: 0 0; + align: 0.5 0.5; + color: 164 167 174 255; + text { font: FONT_R; size: 22; + min: 1 1; + ellipsis: -1; + align: 0.0 0.5; + } + } + desc { "selected"; inherit: "default"; + color: 255 255 255 255; + } + desc { "focused"; inherit: "default"; + color: 255 255 255 255; + } + desc { "disabled"; inherit: "default"; + color: 50 50 50 255; + } + } + } + programs { + GENLIST_PROGRAMS("default", "disabled") + } +} + +/******************************************************************* +Tizen TV_General Guide_GUI Guideline_v1.0_140709.pptx 46 3text_1icon +********************************************************************/ +group { "elm/genlist/item/3text_1icon/default"; nomouse; program_source: "elm"; + inherit: "elm/genlist/item/2text_1icon/default"; + data.item: "texts" "elm.text elm.text2 elm.text3"; + data.item: "contents" "elm.swallow.icon"; + data.item: "focus_highlight" "on"; + target_group: "default2" "base" "bottom_line" "elm.text" "elm.text2" "elm.text3"; + target_group: "disabled2" "event" "elm.text" "elm.text2" "elm.text3"; + parts { + GENLIST_BASE(42 50 64 255, 69 143 255 255) + GENLIST_PAD(38, 32, 32, 37) + GENLIST_BOTTOM_LINE(222 222 222 222) + text { "elm.text2"; scale; + desc { "default"; + rel1.to: "elm.text"; + rel1.relative: 0.0 1.0; + rel2.to: "elm.text"; + rel2.relative: 1.0 1.0; + fixed: 0 1; + align: 0.5 0.0; + color: 164 167 174 255; + text { font: FONT_R; size: 22; + min: 1 1; + ellipsis: -1; + align: 0.0 0.5; + } + } + desc { "selected"; inherit: "default"; + color: 255 255 255 255; + } + desc { "focused"; inherit: "default"; + color: 255 255 255 255; + } + desc { "disabled"; inherit: "default"; + color: 50 50 50 255; + } + } + text { "elm.text3"; scale; + desc { "default"; + rel1.to: "elm.text2"; + rel1.relative: 0.0 1.0; + rel2.to_x: "elm.text2"; + rel2.to_y: "pad.bottom.right"; + rel2.relative: 1.0 0.0; + fixed: 0 0; + align: 0.5 0.5; + color: 164 167 174 255; + text { font: FONT_R; size: 22; + min: 1 1; + ellipsis: -1; + align: 0.0 0.5; + } + } + desc { "selected"; inherit: "default"; + color: 255 255 255 255; + } + desc { "focused"; inherit: "default"; + color: 255 255 255 255; + } + desc { "disabled"; inherit: "default"; + color: 50 50 50 255; + } + } + } + programs { + GENLIST_PROGRAMS("default2", "disabled2") + } +} + +/******************************************************************* +Tizen TV_General Guide_GUI Guideline_v1.0_140709.pptx 47 4text_1icon +********************************************************************/ +group { "elm/genlist/item/4text_1icon/default"; nomouse; program_source: "elm"; + inherit: "elm/genlist/item/3text_1icon/default"; + data.item: "texts" "elm.text elm.text2 elm.text3 elm.text4"; + data.item: "contents" "elm.swallow.icon"; + data.item: "focus_highlight" "on"; + target_group: "default3" "base" "bottom_line" "elm.text" "elm.text2" "elm.text3" "elm.text4"; + target_group: "disabled3" "event" "elm.text" "elm.text2" "elm.text3" "elm.text4"; + parts { + GENLIST_BASE(42 50 64 255, 69 143 255 255) + GENLIST_PAD(38, 32, 32, 37) + GENLIST_BOTTOM_LINE(222 222 222 222) + text { "elm.text3"; scale; + desc { "default"; + rel1.to: "elm.text2"; + rel1.relative: 0.0 1.0; + rel2.to: "elm.text2"; + rel2.relative: 1.0 1.0; + fixed: 0 1; + align: 0.5 0.0; + color: 164 167 174 255; + text { font: FONT_R; size: 22; + min: 1 1; + ellipsis: -1; + align: 0.0 0.5; + } + } + desc { "selected"; inherit: "default"; + color: 255 255 255 255; + color: 255 255 255 255; + } + desc { "focused"; inherit: "default"; + color: 255 255 255 255; + } + desc { "disabled"; inherit: "default"; + color: 50 50 50 255; + } + } + text { "elm.text4"; scale; + desc { "default"; + rel1.to: "elm.text3"; + rel1.relative: 0.0 1.0; + rel2.to_x: "elm.text3"; + rel2.to_y: "pad.bottom.right"; + rel2.relative: 1.0 0.0; + fixed: 0 0; + align: 0.5 0.5; + color: 164 167 174 255; + text { font: FONT_R; size: 22; + min: 1 1; + ellipsis: -1; + align: 0.0 0.5; + } + } + desc { "selected"; inherit: "default"; + color: 255 255 255 255; + } + desc { "focused"; inherit: "default"; + color: 255 255 255 255; + } + desc { "disabled"; inherit: "default"; + color: 50 50 50 255; + } + } + } + programs { + GENLIST_PROGRAMS("default3", "disabled3") + } +} + +/************************************************************************* +Tizen TV_General Guide_GUI Guideline_v1.0_140709.pptx 48 2text_1icon_2 +**************************************************************************/ +group { "elm/genlist/item/2text_1icon_2/default"; nomouse; program_source: "elm"; + inherit: "elm/genlist/item/2text_1icon/default"; + data.item: "texts" "elm.text elm.text2"; + data.item: "contents" "elm.swallow.icon"; + data.item: "focus_highlight" "on"; + parts { + swallow { "elm.swallow.icon"; mouse; scale; + desc { "default"; + rel1.relative: 1.0 0.0; + rel2.relative: 1.0 1.0; + fixed: 1 0; + align: 1.0 0.5; + } + } + } +} + +/******************************************************************* +Tizen TV_General Guide_GUI Guideline_v1.0_140709.pptx 49 progress +********************************************************************/ +group { "elm/genlist/item/progress/default"; nomouse; program_source: "elm"; + data.item: "texts" "elm.text elm.text2"; + data.item: "contents" "elm.swallow.icon elm.swallow.end"; + data.item: "focus_highlight" "on"; + target_group: "default" "base" "bottom_line" "elm.text" "elm.text2"; + target_group: "disabled" "event" "elm.text" "elm.text2"; + parts { + GENLIST_BASE(42 50 64 255, 69 143 255 255) + GENLIST_PAD(38, 32, 32, 47) + GENLIST_BOTTOM_LINE(222 222 222 222) + text { "elm.text"; scale; + desc { "default"; + rel1.to: "pad.top.left"; + rel1.relative: 1.0 1.0; + rel2.to: "pad.center"; + rel2.relative: 0.0 0.0; + color: 211 211 211 255; + align: 0.0 0.5; + fixed: 0 0; + text { font: FONT_M; size: 24; + min: 1 1; + ellipsis: -1; + align: 0.0 0.5; + } + } + desc { "focused"; inherit: "default" 0.0; + color: 255 255 255 255; + } + desc { "disabled"; inherit: "default" 0.0; + color: 50 50 50 255; + } + } + + ////// parts from right side + swallow { "elm.swallow.end"; mouse; scale; + desc { "default"; + rel1.to_x: "pad.bottom.right"; + rel1.relative: 0.0 0.5; + rel2.to_x: "pad.bottom.right"; + rel2.relative: 0.0 0.5; + min: 80 80; + fixed: 0 1; + align: 1.0 0.5; + } + } + spacer { "pad.center2"; scale; + desc { "default"; + rel1.to_x: "elm.swallow.end"; + rel1.relative: 0.0 0.0; + rel2.to_x: "elm.swallow.end"; + rel2.relative: 0.0 1.0; + min: 32 0; + fixed: 1 0; + align: 1.0 0.5; + } + } + text { "elm.text2"; scale; + desc { "default"; + rel1.to_x: "pad.center2"; + rel1.to_y: "pad.bottom2"; + rel1.relative: 0.0 0.0; + rel2.to_x: "pad.center2"; + rel2.to_y: "pad.bottom2"; + rel2.relative: 0.0 0.0; + align: 1.0 1.0; + min: 100 0; + fixed: 1 1; + color: 211 211 211 255; + text { font: FONT_M; size: 24; + min: 0 1; + } + } + desc { "focused"; inherit: "default" 0.0; + color: 255 255 255 255; + } + desc { "disabled"; inherit: "default" 0.0; + color: 50 50 50 255; + } + } + // a padding between elm.text, elm.text2, elm.swallow.icon + spacer { "pad.center"; scale; + desc { "default"; + rel1.to_x: "elm.text2"; + rel1.to_y: "elm.swallow.icon"; + rel1.relative: 0.0 0.0; + rel2.to_x: "elm.text2"; + rel2.to_y: "elm.swallow.icon"; + rel2.relative: 0.0 0.0; + min: 20 11; + fixed: 1 1; + align: 1.0 1.0; + } + } + swallow { "elm.swallow.icon"; mouse; scale; + desc { "default"; + rel1.to_x: "pad.top.left"; + rel1.to_y: "pad.bottom.right"; + rel1.relative: 1.0 0.0; + rel2.to_x: "pad.center2"; + rel2.to_y: "pad.bottom.right"; + rel2.relative: 0.0 0.0; + min: 0 20; + fixed: 0 1; + align: 0.5 1.0; + } + } + // a padding between elm.text2, elm.swallow.icon + spacer { "pad.bottom2"; scale; + desc { "default"; + rel1.to_y: "elm.swallow.icon"; + rel2.to_y: "elm.swallow.icon"; + rel2.relative: 1.0 0.0; + min: 0 4; + fixed: 0 1; + align: 0.5 1.0; + } + } + } + programs { + GENLIST_PROGRAMS("default", "disabled") + } +} + +/******************************************************************* +Tizen TV_General Guide_GUI Guideline_v1.0_140709.pptx 59 2text_2icon +********************************************************************/ +group { "elm/genlist/item/2text_2icon/default"; nomouse; program_source: "elm"; + data.item: "texts" "elm.text elm.text2"; + data.item: "contents" "elm.swallow.icon elm.swallow.end"; + data.item: "focus_highlight" "on"; + target_group: "default" "base" "bottom_line" "elm.text" "elm.text2"; + target_group: "disabled" "event" "elm.text" "elm.text2"; + parts { + GENLIST_BASE(42 50 64 255, 69 143 255 255) + GENLIST_PAD(32, 32, 29, 19) + GENLIST_BOTTOM_LINE(222 222 222 222) + swallow { "elm.swallow.icon"; mouse; scale; + desc { "default"; + rel1.to: "pad.top.left"; + rel1.relative: 1.0 1.0; + rel2.to: "pad.top.left"; + rel2.relative: 1.0 1.0; + min: 44 44; + fixed: 1 1; + align: 0.0 0.0; + } + } + spacer { "pad.left.center"; scale; + desc { "default"; + rel1.to: "elm.swallow.icon"; + rel1.relative: 0.0 1.0; + rel2.to: "elm.swallow.icon"; + min: 0 3; + fixed: 0 1; + align: 0.5 0.0; + } + } + text { "elm.text2"; scale; + desc { "default"; + rel1.to: "pad.left.center"; + rel1.relative: 0.0 1.0; + rel2.to_x: "pad.left.center"; + rel2.to_y: "pad.bottom.right"; + rel2.relative: 1.0 0.0; + color: 211 211 211 255; + min: 0 20; + text { font: FONT_M; size: 24; + min: 0 1; + } + } + desc { "focused"; inherit: "default" 0.0; + color: 255 255 255 255; + } + desc { "disabled"; inherit: "default" 0.0; + color: 50 50 50 255; + } + } + spacer { "pad.center"; scale; + desc { "default"; + rel1.to: "elm.swallow.icon"; + rel1.relative: 1.0 0.0; + rel2.to: "elm.swallow.icon"; + rel2.relative: 1.0 1.0; + min: 19 0; + fixed: 1 0; + align: 0.0 0.5; + } + } + text { "elm.text"; scale; + desc { "default"; + rel1.to_x: "pad.center"; + rel1.relative: 1.0 0.5; + rel2.to_x: "pad.center"; + rel2.relative: 1.0 0.5; + align: 0.0 0.5; + fixed: 1 1; + color: 211 211 211 255; + text { font: FONT_M; size: 24; + min: 1 1; + ellipsis: -1; + } + } + desc { "focused"; inherit: "default" 0.0; + color: 255 255 255 255; + } + desc { "disabled"; inherit: "default" 0.0; + color: 50 50 50 255; + } + } + spacer { "pad.center2"; scale; + desc { "default"; + rel1.to_x: "elm.text"; + rel1.relative: 1.0 0.0; + rel2.to_x: "elm.text"; + rel2.relative: 1.0 1.0; + min: 14 0; + fixed: 1 0; + align: 0.0 0.5; + } + } + //FIXME: with icon + swallow { "elm.swallow.end"; mouse; scale; + desc { "default"; + rel1.to_x: "pad.center2"; + rel1.relative: 1.0 0.0; + rel2.to_x: "pad.bottom.right"; + rel2.relative: 0.0 1.0; + min: 40 30; + max: 40 30; + fixed: 0 1; + align: 0.0 0.5; + } + } + } + programs { + GENLIST_PROGRAMS("default", "disabled") + } +} + +#undef TOPP +#undef IMGP +#undef TREEIMGS diff --git a/ElmSharp/theme/tv/widgets/genlist_common.edc b/ElmSharp/theme/tv/widgets/genlist_common.edc new file mode 100644 index 0000000..1b2b007 --- /dev/null +++ b/ElmSharp/theme/tv/widgets/genlist_common.edc @@ -0,0 +1,267 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +#define GENLIST_TREEPAD 19 +#define IMGP() \ + images.image: "list_highlight.png" COMP; +#define BASEP(vert_align) \ + rect { "base"; mouse; \ + scale; \ + ignore_flags: ON_HOLD; \ + desc { "default"; \ + min: vert_align; \ + color: 0 0 0 0; \ + } \ + desc { "odd"; \ + min: vert_align; \ + color: 0 0 0 0; \ + } \ + } \ + program { \ + signal: "elm,state,odd"; source: "elm"; \ + action: STATE_SET "odd" 1.0; \ + target: "base"; \ + } \ + program { \ + signal: "elm,state,even"; source: "elm"; \ + action: STATE_SET "default" 0.0; \ + target: "base"; \ + } +#define TOPP() \ + rect { "event_block"; \ + desc { "default"; \ + color: 0 0 0 0; \ + hid; \ + } \ + desc { "disabled"; \ + inherit: "default" 0.0; \ + vis; \ + } \ + } \ + program { \ + signal: "elm,state,disabled"; source: "elm"; \ + action: STATE_SET "disabled" 0.0; \ + target: "event_block"; \ + } \ + program { \ + signal: "elm,state,enabled"; source: "elm"; \ + action: STATE_SET "default" 0.0; \ + target: "event_block"; \ + } + +#define GENLIST_BASE(COLOR, COLOR2) \ + rect { "event"; mouse; \ + desc { "default"; \ + color: 0 0 0 0; \ + } \ + desc { "disabled"; \ + inherit: "default"; \ + hid; \ + } \ + } \ + rect { "base"; \ + scale; \ + desc { "default"; \ + color: COLOR; \ + } \ + desc { "selected"; \ + inherit: "default"; \ + color: COLOR2; \ + } \ + desc { "focused"; \ + inherit: "default"; \ + color: COLOR2; \ + } \ + } + +#define GENLIST_PAD(LEFT, RIGHT, TOP, BOTTOM) \ + spacer { "pad.top.left"; \ + scale; \ + desc { "default"; \ + rel2.relative: 0.0 0.0; \ + min: LEFT TOP; \ + fixed: 1 1; \ + align: 0.0 0.0; \ + } \ + } \ + spacer { "pad.bottom.right"; \ + scale; \ + desc { "default"; \ + rel1.relative: 1.0 1.0; \ + min: RIGHT BOTTOM; \ + fixed: 1 1; \ + align: 1.0 1.0; \ + } \ + } + +#define GENLIST_BOTTOM_LINE(COLOR) \ + rect { "bottom_line"; \ + desc { "default"; \ + fixed: 0 1; \ + min: 0 1; \ + rel1.relative: 0.0 1.0; \ + align: 0.5 1.0; \ + color: COLOR; \ + } \ + desc { "focused"; \ + inherit: "default"; \ + hid; \ + } \ + } + +#define GENLIST_PROGRAMS(TARGET, TARGET_DISABLE) \ + program { name: "selected"; \ + signal: "elm,state,selected"; \ + action: STATE_SET "selected"; \ + target_groups: TARGET; \ + } \ + program { name: "unselected"; \ + signal: "elm,state,unselected"; \ + action: STATE_SET "default"; \ + target_groups: TARGET; \ + } \ + program { name: "focused"; \ + signal: "elm,state,focused"; \ + action: STATE_SET "focused"; \ + target_groups: TARGET; \ + } \ + program { name: "unfocused"; \ + signal: "elm,state,unfocused"; \ + action: STATE_SET "default"; \ + target_groups: TARGET; \ + } \ + program { name: "disabled"; \ + signal: "elm,state,disabled"; \ + action: STATE_SET "disabled"; \ + target_groups: TARGET_DISABLE; \ + } \ + program { name: "enabled"; \ + signal: "elm,state,enabled"; \ + action: STATE_SET "default"; \ + target_groups: TARGET_DISABLE; \ + } + +/* +group { "elm/genlist/item/no_icon/default"; + data.item: "selectraise" "on"; + data.item: "texts" "elm.text"; + data.item: "treesize" GENLIST_TREEPAD; + data.item: "flips" "elm.text.flip"; + IMGP() + parts { + BASEP(0 100) + + text { "elm.text"; mouse_events: 0; + effect: SHADOW BOTTOM; + scale; + desc { "default"; + rel1.offset: 2 3; + rel1.relative: 1.0 0.0; + rel1.to_x: "elm.padding.start"; + rel2.offset: -3 -3; + color: 255 255 255 255; + color3: 0 0 0 128; + color_class: "list_item"; + text { font: FN; size: GENLIST_FONT_SIZE_36; + min: 1 1; + align: 0.0 0.5; + text_class: "list_item"; + } + } + desc { "selected"; + inherit: "default" 0.0; + color: 51 153 255 255; + color2: 51 153 255 24; + color3: 51 153 255 18; + } + desc { "focused"; + inherit: "default" 0.0; + color: 51 153 255 255; + color2: 51 153 255 24; + color3: 51 153 255 18; + } + desc { "disabled"; + inherit: "default" 0.0; + color: 0 0 0 0; + } + desc { "flip_enabled"; + inherit: "default" 0.0; + hid; + } + } + swallow { "elm.text.flip"; + scale; + desc { "default"; + hid; + rel1.to_y: "elm.text"; + rel2.to_y: "elm.text"; + } + desc { "flip_enabled"; + inherit: "default" 0.0; + vis; + } + } + program { + signal: "elm,state,default"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + } + program { + signal: "elm,state,disabled"; source: "elm"; + action: STATE_SET "disabled" 0.0; + target: "elm.text"; + } + program { + signal: "elm,state,enabled"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + } + program { + signal: "elm,state,flip,enabled"; source: "elm"; + action: STATE_SET "flip_enabled" 0.0; + target: "elm.text"; + target: "elm.text.flip"; + } + program { + signal: "elm,state,flip,disabled"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + target: "elm.text.flip"; + } + spacer { "elm.padding.start"; + scale; + desc { "default"; + fixed: 1 1; + align: 0.0 0.5; + min: 10 10; + max: 10 10; + } + } + + TOPP() + } +} +*/ diff --git a/ElmSharp/theme/tv/widgets/hover.edc b/ElmSharp/theme/tv/widgets/hover.edc new file mode 100644 index 0000000..cf911d9 --- /dev/null +++ b/ElmSharp/theme/tv/widgets/hover.edc @@ -0,0 +1,587 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +group { name: "elm/hover/base/menu"; + parts { + part { name: "elm.swallow.offset"; type: SWALLOW; + description { state: "default" 0.0; + align: 0.0 0.0; + rel2.relative: 0.0 0.0; + } + } + part { name: "elm.swallow.size"; type: SWALLOW; + description { state: "default" 0.0; + align: 0.0 0.0; + rel1.to: "elm.swallow.offset"; + rel1.relative: 1.0 1.0; + rel2.to: "elm.swallow.offset"; + } + } + part { name: "base"; type: RECT; mouse_events: 1; + description { state: "default" 0.0; + color: 0 0 0 0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + color: 0 0 0 64; + } + } + part { name: "elm.swallow.slot.left"; type: SWALLOW; + description { state: "default" 0.0; + } + } + part { name: "elm.swallow.slot.right"; type: SWALLOW; + description { state: "default" 0.0; + } + } + part { name: "elm.swallow.slot.top"; type: SWALLOW; + description { state: "default" 0.0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + } + } + part { name: "bottomclip"; type: RECT; + description { state: "default" 0.0; + rel1.to_y: "pop"; + rel1.relative: 0.0 1.0; + } + } + part { name: "pad.left_top"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 1 2; + max: 1 2; + rel1.to: "elm.swallow.size"; + rel2.to: "elm.swallow.size"; + rel2.relative: 0.0 0.0; + } + } + part { name: "pad.right_bottom"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 1 24; + max: 1 24; + rel1.to: "elm.swallow.slot.bottom"; + rel1.relative: 1.0 1.0; + rel2.to: "elm.swallow.slot.bottom"; + } + } + part { name: "bottom"; type: SPACER; + clip_to: "bottomclip"; + scale: 1; + description { state: "default" 0.0; + //visible: 0; + rel1.to: "pad.left_top"; + rel1.relative: 0.0 1.0; + rel2.to: "pad.right_bottom"; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + //visible: 1; + } + } + part { name: "pad.top_left"; type: SPACER; + clip_to: "bottomclip"; + scale: 1; + description { state: "default" 0.0; + min: 4 6; + max: 4 6; + align: 0.0 0.0; + rel2.to: "elm.swallow.slot.middle"; + rel2.relative: 0.0 0.0; + } + } + part { name: "pad.slot.top"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + align: 0.5 0.0; + min: 0 16; + max: 9999 14; + rel1.to_y: "elm.swallow.size"; + rel1.to_x: "elm.swallow.size"; + rel2.to_x: "elm.swallow.size"; + rel2.relative: 1.0 0.0; + } + } + part { name: "elm.swallow.slot.bottom"; type: SWALLOW; + clip_to: "bottomclip"; + description { state: "default" 0.0; + align: 0.5 1.0; + rel1.to: "pad.slot.top"; + rel1.relative: 0.0 1.0; + rel2.to: "elm.swallow.slot.middle"; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + align: 0.5 0.0; + } + } + part { name: "pop"; type: SPACER; mouse_events: 1; repeat_events:1; + scale: 1; + description { state: "default" 0.0; + rel1.to: "elm.swallow.slot.middle"; + rel2.to: "elm.swallow.slot.middle"; + } + } + part { name: "elm.swallow.slot.middle"; type: SWALLOW; repeat_events:1; + description { state: "default" 0.0; + rel1.to: "elm.swallow.size"; + rel2.to: "elm.swallow.size"; + } + } + } + programs { + program { name: "end"; + signal: "mouse,up,1"; source: "base"; + action: SIGNAL_EMIT "elm,action,dismiss" ""; + } + program { name: "show"; + signal: "elm,action,show"; source: "elm"; + action: STATE_SET "visible" 0.0; + target: "base"; + } + program { name: "hide"; + signal: "elm,action,hide"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "base"; + } + program { name: "bottomshow"; + signal: "elm,action,slot,bottom,show"; source: "elm"; + action: STATE_SET "visible" 0.0; + transition: DECELERATE 0.3; + target: "bottom"; + target: "elm.swallow.slot.bottom"; + } + program { name: "bottomhide"; + signal: "elm,action,slot,bottom,hide"; source: "elm"; + action: STATE_SET "default" 0.0; + transition: DECELERATE 0.5; + target: "bottom"; + target: "elm.swallow.slot.bottom"; + } + } +} + +group { name: "elm/hover/base/submenu"; + parts { + part { name: "elm.swallow.offset"; type: SWALLOW; repeat_events:1; + description { state: "default" 0.0; + align: 0.0 0.0; + rel2.relative: 0.0 0.0; + } + } + part { name: "elm.swallow.size"; type: SWALLOW; + description { state: "default" 0.0; + align: 0.0 0.0; + rel1.to: "elm.swallow.offset"; + rel1.relative: 1.0 1.0; + rel2.to: "elm.swallow.offset"; + } + } + part { name: "base"; type: RECT; mouse_events: 1; + description { state: "default" 0.0; + color: 0 0 0 0; + visible: 0; + } + } + part { name: "elm.swallow.slot.left"; type: SWALLOW; + description { state: "default" 0.0; + } + } + part { name: "elm.swallow.slot.right"; type: SWALLOW; + description { state: "default" 0.0; + } + } + part { name: "elm.swallow.slot.top"; type: SWALLOW; + description { state: "default" 0.0; + } + } + part { name: "pad.pop_bottom_right"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 1 2; + max: 1 2; + align: 0.0 0.0; + rel1.to: "pop"; + } + } + part { name: "bottomclip"; type: RECT; + description { state: "default" 0.0; + rel1.to: "pad.pop_bottom_right"; + rel1.relative: 0.0 1.0; + } + } + part { name: "pad.left_top"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 1 2; + max: 1 2; + rel1.to: "elm.swallow.size"; + rel2.to: "elm.swallow.size"; + rel2.relative: 0.0 0.0; + } + } + part { name: "pad.right_bottom"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 1 14; + max: 1 14; + rel1.to: "elm.swallow.slot.bottom"; + rel1.relative: 1.0 1.0; + rel2.to: "elm.swallow.slot.bottom"; + } + } + part { name: "bottom"; type: SPACER; + clip_to: "bottomclip"; + scale: 1; + description { state: "default" 0.0; + rel1.to: "pad.left_top"; + rel1.relative: 0.0 1.0; + rel2.to: "pad.right_bottom"; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + } + } + part { name: "pad.top_left"; type: SPACER; + clip_to: "bottomclip"; + scale: 1; + description { state: "default" 0.0; + min: 4 7; + max: 4 7; + align: 0.0 0.0; + rel1.to: "elm.swallow.slot.middle"; + } + } + part { name: "pad.slot.top"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + align: 0.5 0.0; + min: 0 16; + max: 9999 14; + rel1.to_y: "elm.swallow.size"; + rel1.relative: 0.0 0.0; + rel1.to_x: "elm.swallow.size"; + rel1.relative: 0.0 0.0; + rel2.to_x: "elm.swallow.size"; + rel2.relative: 1.0 0.0; + } + } + part { name: "elm.swallow.slot.bottom"; type: SWALLOW; + clip_to: "bottomclip"; + description { state: "default" 0.0; + align: 0.5 1.0; + rel1.to: "pad.slot.top"; + rel1.relative: 0.0 1.0; + rel2.to: "elm.swallow.slot.middle"; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + rel1.to: "pad.top_left"; + rel1.relative: 0.0 1.0; + align: 0.5 0.0; + } + } + part { name: "pop"; type: SPACER; mouse_events: 1; repeat_events:1; + description { state: "default" 0.0; + rel1.to: "elm.swallow.slot.middle"; + rel2.to: "elm.swallow.slot.middle"; + } + } + part { name: "elm.swallow.slot.middle"; type: SWALLOW; repeat_events:1; + description { state: "default" 0.0; + rel1.to: "elm.swallow.size"; + rel2.to: "elm.swallow.size"; + } + } + } + programs { + program { name: "end"; + signal: "mouse,up,1"; source: "base"; + action: SIGNAL_EMIT "elm,action,dismiss" ""; + } + program { name: "show"; + signal: "elm,action,show"; source: "elm"; + action: STATE_SET "visible" 0.0; + target: "base"; + } + program { name: "hide"; + signal: "elm,action,hide"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "base"; + } + program { name: "bottomshow"; + signal: "elm,action,slot,bottom,show"; source: "elm"; + action: STATE_SET "visible" 0.0; + transition: DECELERATE 0.3; + target: "bottom"; + target: "elm.swallow.slot.bottom"; + } + program { name: "bottomhide"; + signal: "elm,action,slot,bottom,hide"; source: "elm"; + action: STATE_SET "default" 0.0; + transition: DECELERATE 0.5; + target: "bottom"; + target: "elm.swallow.slot.bottom"; + } + } +} + +group { name: "elm/hover/base/main_menu"; + parts { + part { name: "elm.swallow.offset"; type: SWALLOW; + description { state: "default" 0.0; + visible: 0; + fixed: 1 1; + } + } + part { name: "elm.swallow.size"; type: SWALLOW; + description { state: "default" 0.0; + align: 0.0 0.0; + rel2.relative: 0.0 0.0; + fixed: 1 1; + } + } + part { name: "pad.pop_bottom_right"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 1 2; + max: 1 2; + align: 0.0 0.0; + } + } + part { name: "bottomclip"; type: RECT; + description { state: "default" 0.0; + rel1.to: "pad.pop_bottom_right"; + rel1.relative: 1.0 1.0; + } + } + part { name: "pad.left_top"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 1 2; + max: 1 2; + rel1.to: "elm.swallow.size"; + rel2.to: "elm.swallow.size"; + rel2.relative: 0.0 0.0; + } + } + part { name: "pad.right_bottom"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 1 14; + max: 1 14; + rel1.to: "elm.swallow.slot.bottom"; + rel1.relative: 1.0 1.0; + rel2.to: "elm.swallow.slot.bottom"; + } + } + part { name: "bottom"; type: RECT; + clip_to: "bottomclip"; + scale: 1; + description { state: "default" 0.0; + visible: 0; + rel1.to: "pad.left_top"; + rel1.relative: 0.0 1.0; + rel2.to: "pad.right_bottom"; + } + } + part { name: "pad.slot.top"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + align: 0.5 0.0; + min: 0 16; + max: 9999 14; + rel1.to_y: "elm.swallow.size"; + rel1.to_x: "elm.swallow.size"; + rel2.to_x: "elm.swallow.size"; + rel2.relative: 1.0 0.0; + } + } + part { name: "elm.swallow.slot.bottom"; type: SWALLOW; + clip_to: "bottomclip"; + description { state: "default" 0.0; + align: 0.5 1.0; + rel1.to: "pad.slot.top"; + rel1.relative: 0.0 1.0; + rel2.to: "elm.swallow.size"; + fixed: 1 1; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + align: 0.5 0.0; + } + } + } + programs { + program { name: "bottomshow"; + signal: "elm,action,slot,bottom,show"; source: "elm"; + action: STATE_SET "visible" 0.0; + transition: DECELERATE 0.3; + target: "elm.swallow.slot.bottom"; + } + } +} + +group { name: "elm/hover/base/main_menu_submenu"; + parts { + part { name: "elm.swallow.offset"; type: SWALLOW; repeat_events:1; + description { state: "default" 0.0; + align: 0.0 0.0; + rel2.relative: 0.0 0.0; + } + } + part { name: "elm.swallow.size"; type: SWALLOW; + description { state: "default" 0.0; + align: 0.0 0.0; + rel1.to: "elm.swallow.offset"; + rel1.relative: 1.0 1.0; + rel2.to: "elm.swallow.offset"; + } + } + part { name: "base"; type: RECT; + mouse_events: 1; + description { state: "default" 0.0; + color: 0 0 0 0; + } + } + part { name: "pad.pop_bottom_right"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 1 2; + max: 1 2; + align: 0.0 0.0; + rel1.to: "pop"; + } + } + part { name: "bottomclip"; type: RECT; + description { state: "default" 0.0; + rel1.to_y: "pad.pop_bottom_right"; + rel1.relative: 0.0 1.0; + } + } + part { name: "pad.left_top"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 1 2; + max: 1 2; + rel1.to: "elm.swallow.size"; + rel2.to: "elm.swallow.size"; + rel2.relative: 0.0 0.0; + } + } + part { name: "pad.right_bottom"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 1 14; + max: 1 14; + rel1.to: "elm.swallow.slot.bottom"; + rel1.relative: 1.0 1.0; + rel2.to: "elm.swallow.slot.bottom"; + } + } + part { name: "bottom"; type: SPACER; + clip_to: "bottomclip"; + scale: 1; + description { state: "default" 0.0; + rel1.to: "pad.left_top"; + rel1.relative: 0.0 1.0; + rel2.to: "pad.right_bottom"; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + } + } + part { name: "pad.slot.top"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + align: 0.5 0.0; + min: 0 16; + max: 9999 14; + rel1.to_y: "elm.swallow.size"; + rel1.to_x: "elm.swallow.size"; + rel2.to_x: "elm.swallow.size"; + rel2.relative: 1.0 0.0; + } + } + part { name: "elm.swallow.slot.bottom"; type: SWALLOW; + clip_to: "bottomclip"; + description { state: "default" 0.0; + align: 0.5 1.0; + rel1.to: "pad.slot.top"; + rel1.relative: 0.0 1.0; + rel2.to: "elm.swallow.slot.middle"; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + align: 0.5 0.0; + } + } + part { name: "pop"; type: SPACER; mouse_events: 1; repeat_events:1; + description { state: "default" 0.0; + rel1.to: "elm.swallow.slot.middle"; + rel2.to: "elm.swallow.slot.middle"; + } + } + part { name: "elm.swallow.slot.middle"; type: SWALLOW; repeat_events:1; + description { state: "default" 0.0; + rel1.to: "elm.swallow.size"; + rel2.to: "elm.swallow.size"; + } + } + } + programs { + program { name: "end"; + signal: "mouse,up,1"; source: "base"; + action: SIGNAL_EMIT "elm,action,dismiss" ""; + } + program { name: "show"; + signal: "elm,action,show"; source: "elm"; + action: STATE_SET "visible" 0.0; + target: "base"; + } + program { name: "hide"; + signal: "elm,action,hide"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "base"; + } + program { name: "bottomshow"; + signal: "elm,action,slot,bottom,show"; source: "elm"; + action: STATE_SET "visible" 0.0; + transition: DECELERATE 0.3; + target: "bottom"; + target: "elm.swallow.slot.bottom"; + } + program { name: "bottomhide"; + signal: "elm,action,slot,bottom,hide"; source: "elm"; + action: STATE_SET "default" 0.0; + transition: DECELERATE 0.5; + target: "bottom"; + target: "elm.swallow.slot.bottom"; + } + } +} diff --git a/ElmSharp/theme/tv/widgets/hoversel.edc b/ElmSharp/theme/tv/widgets/hoversel.edc new file mode 100644 index 0000000..0db5b42 --- /dev/null +++ b/ElmSharp/theme/tv/widgets/hoversel.edc @@ -0,0 +1,999 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +#define HOVERSEL_FONT_SIZE 30 + +/********************************************************************************* +Document: Tizen TV_General Guide_GUI Guideline_v1.1_140709.pdf +HOVERSEL +Page No.: 84~89 +*********************************************************************************/ +images { + image: "round_rectangle_4X4.png" COMP; + image: "ico_dropdown_menu_open_arrow.png" COMP; + image: "ico_dropdown_menu_check.png" COMP; +} + +group { name: "elm/button/base/hoversel_vertical/default"; + data.item: "focus_highlight" "on"; + parts { + part { name: "base"; type: RECT; + scale: 1; + description { state: "default" 0.0; + min: 0 70; + color: 193 193 193 204; + } + description { state: "focus" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 193 193 193 51; + } + } + part { name: "pad.left"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + align: 0.0 0.5; + min: 32 0; + max: 32 0; + } + } + part { name: "pad.icon"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel2.to: "down_icon"; + rel2.relative: 0.0 1.0; + align: 1 0.5; + fixed: 1 1; + min: 20 0; + max: 20 0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + min: 56 0; + max: 56 0; + } + } + part { name: "pad.right"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + align: 1.0 0.5; + min: 24 0; + max: 24 0; + } + } + part { name: "button_base"; + scale: 1; + description { state: "default" 0.0; + rel1.to: "base"; + rel2.to: "base"; + color: 0 0 0 76; + image { + normal: "round_rectangle_4X4.png"; + border: 4 4 4 4; + border_scale: 1; + } + } + description { state: "focus" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme"; + color: 255 255 255 255; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 0 0 0 25; + } + } + part { name: "down_icon"; + scale: 1; + clip_to: "base"; + description { state: "default" 0.0; + rel2.to_x: "pad.right"; + rel2.relative: 0.0 1.0; + align: 1.0 0.5; + fixed: 1 1; + min: 26 26; + max: 26 26; + image.normal: "ico_dropdown_menu_open_arrow.png"; + } + } + part { name: "elm.text"; type: TEXT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to_x: "pad.left"; + rel1.relative: 1.0 0.0; + rel2.to_x: "pad.icon"; + rel2.relative: 0.0 1.0; + align: 0 0.5; + fixed: 1 1; + color: 175 175 175 255; + text { + size: HOVERSEL_FONT_SIZE; + max: 1 0; + text_class: "button"; + align: 0.0 0.5; + } + } + description { state: "focus" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 175 175 175 102; + } + description { state: "disabled_visible" 0.0; + inherit: "default" 0.0; + color: 158 158 158 102; + color3: 0 0 0 0; + } + } + part { name: "pad.text"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 10 0; + max: 10 0; + fixed: 1 1; + align: 0.0 0.5; + rel1.to_x: "elm.text"; + rel1.relative: 1.0 0.0; + rel2.to_x: "elm.text"; + rel2.relative: 1.0 1.0; + } + } + part { name: "elm.swallow.content"; type: SWALLOW; + scale: 1; + clip_to: "base"; + description { state: "default" 0.0; + min: 26 26; + max: 26 26; + fixed: 1 1; + align: 0.0 0.5; + rel1.to_x: "pad.text"; + rel1.relative: 1.0 0.5; + rel2.to_x: "pad.text"; + rel2.relative: 1.0 0.5; + } + } + part { name: "event"; type: RECT; + description { state: "default" 0.0; + color: 0 0 0 0; + fixed: 1 1; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + } + programs { + program { name: "button_click"; + signal: "mouse,down,1"; source: "event"; + action: SIGNAL_EMIT "elm,action,press" ""; + after: "button_click_anim"; + } + program { name: "button_click_anim"; + action: STATE_SET "focus" 0.0; + target: "button_base"; + target: "base"; + target: "elm.text"; + } + program { name: "button_unclick"; + signal: "mouse,up,1"; source: "event"; + action: SIGNAL_EMIT "elm,action,unpress" ""; + after: "button_unclick_anim"; + } + program { name: "button_unclick_anim"; + action: STATE_SET "focus" 0.0; + target: "elm.text"; + target: "button_base"; + target: "base"; + } + program { name: "mouse_unclick_after"; + signal: "mouse,clicked,1"; source: "event"; + action: SIGNAL_EMIT "elm,action,click" ""; + } + program { name: "key_press"; + signal: "elm,anim,activate"; source: "elm"; + action: STATE_SET "focus" 0.0; + target: "elm.text"; + target: "button_base"; + target: "base"; + after: "key_unpress"; + } + program { name: "key_unpress"; + action: STATE_SET "focus" 0.0; + transition: DECELERATE 0.2; + target: "button_base"; + target: "base"; + target: "elm.text"; + } + program { name: "focused"; + signal: "elm,action,focus"; source: "elm"; + action: STATE_SET "focus" 0.0; + target: "elm.text"; + target: "button_base"; + target: "base"; + } + program { name: "unfocused"; + signal: "elm,action,unfocus"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + target: "button_base"; + target: "base"; + } + program { name: "icon_show"; + signal: "elm,state,icon,visible"; source: "elm"; + action: STATE_SET "visible" 0.0; + target: "pad.icon"; + } + program { name: "icon_hide"; + signal: "elm,state,icon,hidden"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "pad.icon"; + } + program { name: "text_show"; + signal: "elm,state,text,visible"; source: "elm"; + script { + new st[31]; + new Float: vl; + get_state(PART:"elm.text", st, 30, vl); + if ((!strcmp(st, "disabled")) || (!strcmp(st, "disabled_visible"))) + set_state(PART:"elm.text", "disabled_visible", 0.0); + else + set_state(PART:"elm.text", "visible", 0.0); + } + } + program { name: "text_hide"; + signal: "elm,state,text,hidden"; source: "elm"; + script { + new st[31]; + new Float: vl; + get_state(PART:"elm.text", st, 30, vl); + if ((!strcmp(st, "default")) || (!strcmp(st, "visible"))) + set_state(PART:"elm.text", "default", 0.0); + else + set_state(PART:"elm.text", "disabled", 0.0); + } + } + program { name: "disable"; + signal: "elm,state,disabled"; source: "elm"; + script { + new st[31]; + new Float: vl; + set_state(PART:"button_base", "disabled", 0.0); + set_state(PART:"event", "disabled", 0.0); + set_state(PART:"down_icon", "disabled", 0.0); + get_state(PART:"elm.text", st, 30, vl); + if ((!strcmp(st, "visible")) || (!strcmp(st, "disabled_visible"))) + set_state(PART:"elm.text", "disabled_visible", 0.0); + else + set_state(PART:"elm.text", "disabled", 0.0); + } + } + program { name: "enable"; + signal: "elm,state,enabled"; source: "elm"; + script { + new st[31]; + new Float: vl; + set_state(PART:"button_base", "visible", 0.0); + set_state(PART:"event", "visible", 0.0); + get_state(PART:"elm.text", st, 30, vl); + if ((!strcmp(st, "visible")) || (!strcmp(st, "disabled_visible"))) + set_state(PART:"elm.text", "visible", 0.0); + else + set_state(PART:"elm.text", "default", 0.0); + } + } + } +} + +/****************************************************************************** +Document: Tizen TV_General Guide_GUI Guideline_v1.1_140709.pdf +HOVERSEL +Page No.: 84~89 +******************************************************************************/ +group { name: "elm/button/base/hoversel_vertical_entry/default"; + data.item: "focus_highlight" "on"; + script { + public is_selected = 0; + } + parts { + part { name: "base"; type: RECT; + description { state: "default" 0.0; + min: 0 70; + color: 98 98 98 255; + } + description { state: "focus" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "highlight" 0.0; + inherit: "focus" 0.0; + color_class: "open_ux_theme"; + } + description { state: "highlight_focus" 0.0; + inherit: "focus" 0.0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + } + } + part { name: "pad.left"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + align: 0 0.5; + fixed: 1 1; + min: 32 0; + max: 32 0; + } + } + part { name: "pad.right"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + align: 1.0 0.5; + min: 24 0; + max: 24 0; + } + } + part { name: "clipper.all_item"; type: RECT; + scale: 1; + description { state: "default" 0.0; + rel1.to: "base"; + rel2.to: "base"; + } + description { state: "last_item" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "clipper.last_item"; type: RECT; + scale: 1; + description { state: "default" 0.0; + rel1.to: "base"; + rel2.to: "base"; + visible: 0; + } + description { state: "last_item" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + part { name: "button_image"; type: RECT; + scale: 1; + clip_to: "clipper.all_item"; + description { state: "default" 0.0; + rel1.to: "base"; + rel2.to: "base"; + } + description { state: "focus" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme"; + } + description { state: "highlight" 0.0; + inherit: "default" 0.0; + } + description { state: "highlight_focus" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme"; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + } + } + part { name: "pad.last_item"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 0 4; + fixed: 1 1; + rel1.to: "base"; + rel1.relative: 0.0 0.0; + rel2.to: "base"; + rel2.relative: 1.0 0.0; + align: 0.5 1.0; + } + } + part { name: "button_image_last"; + scale: 1; + clip_to: "clipper.last_item"; + description + { state: "default" 0.0; + rel1.to: "pad.last_item"; + rel2.to: "base"; + image { + normal: "round_rectangle_4X4.png"; + border: 4 4 4 4; + border_scale: 1; + } + } + description { state: "focus" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme"; + } + description { state: "highlight" 0.0; + inherit: "default" 0.0; + } + description { state: "highlight_focus" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme"; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + } + } + part { name: "list_division"; type: RECT; + scale: 1; + description { state: "default" 0.0; + rel1.to: "base"; + rel2.to: "base"; + rel2.relative: 1 0; + fixed: 1 1; + color: 222 222 222 255; + min: 2 2; + max: 9999 2; + } + description { state: "focus" 0.0; + inherit: "default" 0.0; + visible: 0; + } + description { state: "highlight" 0.0; + inherit: "default" 0.0; + } + description { state: "highlight_focus" 0.0; + inherit: "default" 0.0; + visible: 0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + } + } + part { name: "check"; + scale: 1; + clip_to:"base"; + description { state: "default" 0.0; + rel2.to_x: "pad.right"; + rel2.relative: 0.0 1.0; + align: 1 0.5; + fixed: 1 1; + min: 0 0; + max: 0 0; + image.normal: "ico_dropdown_menu_check.png"; + visible: 0; + } + description { state: "highlight" 0.0; + inherit: "default" 0.0; + min: 26 26; + max: 26 26; + visible: 1; + } + } + part { name: "pad.middle_right"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1.to: "check"; + rel1.relative: 1 0; + rel2.to: "check"; + rel2.relative: 0 1; + fixed: 1 1; + align: 1 0.5; + min: 20 0; + max: 20 0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + min: 56 0; + max: 56 0; + } + } + part { name: "elm.text"; type: TEXT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "pad.left"; + rel1.relative: 1.0 0.0; + rel2.to: "pad.middle_right"; + rel2.relative: 0 1; + align: 0.0 0.5; + fixed: 1 1; + color: 89 89 89 255; + text.text_source: "elm.text"; + text { + size: 30; + max: 1 0; + align: 0 0.5; + text_class: "button"; + } + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + } + description { state: "focus" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "highlight" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + color_class: "open_ux_theme"; + color3: 0 0 0 0; + } + description { state: "highlight_focus" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + color3: 0 0 0 0; + } + } + part { name: "pad.middle_left"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1.to: "elm.text"; + rel1.relative: 1.0 0.0; + rel2.to: "elm.text"; + fixed: 1 1; + align: 0.0 0.5; + min: 10 0; + max: 10 0; + } + } + part { name: "elm.swallow.content"; type: SWALLOW; + scale: 1; + clip_to: "base"; + description { state: "default" 0.0; + rel1.to: "pad.middle_left"; + rel1.relative: 1.0 0.5; + rel2.to_x: "pad.middle_left"; + rel2.relative: 1.0 0.5; + align: 0.0 0.5; + fixed: 1 1; + min: 26 26; + max: 26 26; + } + } + part { name: "event"; type: RECT; + scale: 1; + description { state: "default" 0.0; + color: 0 0 0 0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + } + programs { + program { name: "init"; + signal: "load"; + script { + new var = 0; + set_int(is_selected, var); + } + } + program { name: "button_click"; + signal: "mouse,down,1"; source: "event"; + action: SIGNAL_EMIT "elm,action,press" ""; + after: "button_click_anim"; + } + program { name: "button_click_anim"; + action: STATE_SET "highlight" 0.0; + target: "elm.text"; + target: "button_image"; + target: "button_image_last"; + target: "base"; + } + program { name: "button_unclick"; + signal: "mouse,up,1"; source: "event"; + action: SIGNAL_EMIT "elm,action,unpress" ""; + after: "button_unclick_anim"; + } + program { name: "mouse_unclick_after"; + signal: "mouse,clicked,1"; source: "event"; + action: SIGNAL_EMIT "elm,action,click" ""; + } + program { name: "button_pressed_anim"; + signal: "elm,anim,activate"; source: "elm"; + action: STATE_SET "highlight" 0.0; + target: "elm.text"; + target: "button_image"; + target: "button_image_last"; + target: "list_division"; + target: "base"; + } + program { name: "button_unclick_anim"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + target: "button_image"; + target: "button_image_last"; + target: "base"; + } + program { name: "focused"; + signal: "elm,action,focus"; source: "elm"; + action: STATE_SET "focus" 0.0; + target: "elm.text"; + target: "button_image"; + target: "button_image_last"; + target: "list_division"; + target: "base"; + } + program { name: "unfocused"; + signal: "elm,action,unfocus"; source: "elm"; + script { + set_state(PART:"button_image", "default", 0.0); + set_state(PART:"button_image_last", "default", 0.0); + set_state(PART:"list_division", "default", 0.0); + if(!get_int(is_selected)) + { + set_state(PART:"elm.text", "default", 0.0); + set_state(PART:"base", "default", 0.0); + } + else + { + set_state(PART:"elm.text", "highlight", 0.0); + set_state(PART:"base", "highlight", 0.0); + } + } + } + program { name: "button_highlight"; + signal: "elm,state,highlight"; source: "elm"; + script { + new var = 1; + set_int(is_selected, var); + set_state(PART:"elm.text", "highlight", 0.0); + set_state(PART:"base", "highlight", 0.0); + set_state(PART:"check", "highlight", 0.0); + } + } + program { name: "icon_show"; + signal: "elm,state,icon,visible"; source: "elm"; + action: STATE_SET "visible" 0.0; + target: "pad.middle_right"; + } + program { name: "icon_hide"; + signal: "elm,state,icon,hidden"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "pad.middle_right"; + } + program { name: "disable"; + signal: "elm,state,disabled"; source: "elm"; + script { + new st[31]; + new Float: vl; + set_state(PART:"base", "disabled", 0.0); + set_state(PART:"event", "disabled", 0.0); + get_state(PART:"elm.text", st, 30, vl); + if ((!strcmp(st, "visible")) || (!strcmp(st, "disabled_visible"))) + set_state(PART:"elm.text", "disabled_visible", 0.0); + else + set_state(PART:"elm.text", "disabled", 0.0); + } + } + program { name: "any_item"; + signal: "elm,state,any,item"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "clipper.all_item"; + target: "clipper.last_item"; + } + program { name: "last_item"; + signal: "elm,state,last,item"; source: "elm"; + action: STATE_SET "last_item" 0.0; + target: "clipper.all_item"; + target: "clipper.last_item"; + } + } +} + +/***************************************************************************************** +Document: Tizen TV_General Guide_GUI Guideline_v1.1_140613.pdf +HOVERSEL +Page No.: 86, Style Name: menu_text close +*****************************************************************************************/ +group { name: "elm/hover/base/hoversel_vertical/default"; + parts { + part { name: "elm.swallow.offset"; type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + rel1.relative: 0.0 0.0; + rel2.relative: 0.0 0.0; + align: 0.0 0.0; + } + } + part { name: "elm.swallow.size"; type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + rel1.to: "elm.swallow.offset"; + rel1.relative: 1.0 1.0; + rel2.to: "elm.swallow.offset"; + align: 0.0 0.0; + } + } + part { name: "button_image"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1.to_x: "limit0"; + rel1.to_y: "pad.top.upper"; + rel1.relative: 1.0 0.5; + rel2.to_x: "limit1"; + rel2.to_y: "elm.swallow.slot.middle"; + rel2.relative: 0.0 0.0; + align: 0 0; + } + description { state: "bottom" 0.0; + rel1.to_x: "limit0"; + rel1.to_y: "elm.swallow.slot.middle"; + rel1.relative: 1.0 1.0; + rel2.to_x: "limit1"; + rel2.to_y: "pad.bottom.lower"; + rel2.relative: 0.0 0.5; + } + } + part { name: "limit0"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1.to_x: "elm.swallow.slot.top"; + rel2.to_x: "elm.swallow.slot.middle"; + rel2.relative: 0.0 1.0; + align: 1 1; + min: 1 1; + max: 1 99999; + } + description { state: "bottom" 0.0; + inherit: "default" 0.0; + rel1.to_x: "elm.swallow.slot.bottom"; + } + } + part { name: "limit1"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1.to_x: "elm.swallow.slot.middle"; + rel1.relative: 1.0 0.0; + rel2.to_x: "elm.swallow.slot.top"; + align: 0 0; + min: 1 1; + max: 1 99999; + } + description { state: "bottom" 0.0; + inherit: "default" 0.0; + rel2.to_x: "elm.swallow.slot.bottom"; + } + } + part { name: "base"; type: RECT; + scale: 1; + description { state: "default" 0.0; + color: 0 0 0 128; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + } + } + part { name: "topclip"; type: RECT; + scale: 1; + description { state: "default" 0.0; + rel2.to_y: "button_image"; + } + } + part { name: "pad.middle.left_top"; type: SPACER; + scale: 1; + clip_to: "topclip"; + description { state: "default" 0.0; + rel1.to: "elm.swallow.slot.middle"; + rel1.relative: 0.0 1.0; + rel2.to: "elm.swallow.slot.middle"; + align: 0.0 0.0; + min: 0 0; + max: 0 0; + } + } + part { name: "pad.middle.upper.right_bottom"; type: SPACER; + scale: 1; + clip_to: "topclip"; + description { state: "default" 0.0; + rel1.to: "pad.middle.upper"; + rel2.to: "pad.middle.upper"; + rel2.relative: 1.0 0.0; + align: 1.0 1.0; + min: 0 0; + max: 0 0; + } + } + part { name: "elm.swallow.slot.top"; type: SWALLOW; + clip_to: "topclip"; + scale: 1; + description { state: "default" 0.0; + rel1.to: "pad.middle.left_top"; + rel1.relative: 1.0 0.0; + rel2.to: "pad.middle.upper.right_bottom"; + rel2.relative: 0.0 0.0; + align: 0.5 0.0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + align: 0.5 1.0; + } + } + part { name: "bottomclip"; type: RECT; + scale: 1; + description { state: "default" 0.0; + rel1.to_y: "button_image"; + } + } + part { name: "pad.middle.lower.left_top"; type: RECT; + clip_to: "topclip"; + scale: 1; + description { state: "default" 0.0; + rel1.to: "pad.middle.lower"; + rel1.relative: 0.0 1.0; + rel2.to: "pad.middle.lower"; + align: 0.0 0.0; + min: 0 0; + max: 0 0; + } + } + part { name: "pad.middle.right_bottom"; type: SPACER; + clip_to: "topclip"; + scale: 1; + description { state: "default" 0.0; + rel1.to: "elm.swallow.slot.middle"; + rel2.to: "elm.swallow.slot.middle"; + rel2.relative: 1.0 0.0; + align: 1.0 1.0; + min: 0 0; + max: 0 0; + } + } + part { name: "elm.swallow.slot.bottom"; type: SWALLOW; + clip_to: "bottomclip"; + scale: 1; + description { state: "default" 0.0; + rel1.to: "pad.middle.lower.left_top"; + rel1.relative: 1.0 1.0; + rel2.to: "pad.middle.right_bottom"; + rel2.relative: 0.0 1.0; + align: 0.5 1.0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + align: 0.5 0.0; + } + } + part { name: "elm.swallow.slot.middle"; type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + rel1.to: "elm.swallow.size"; + rel2.to: "elm.swallow.size"; + } + } + part { name: "pad.top.upper"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1.to_x: "limit0"; + rel2.to_x: "limit1"; + rel2.to_y: "elm.swallow.slot.top"; + rel1.relative: 1.0 1.0; + rel2.relative: 1.0 0.0; + align: 0.5 1.0; + min: 12 0; + max: 9999 0; + } + } + part { name: "pad.bottom.lower"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1.to_x: "limit0"; + rel1.to_y: "elm.swallow.slot.bottom"; + rel1.relative: 1.0 1.0; + rel2.to_x: "limit1"; + rel2.relative: 0.0 1.0; + align: 0.5 0.0; + min: 1 0; + max: 9999 0; + } + } + part { name: "pad.middle.upper"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1.to_x: "elm.swallow.size"; + rel1.relative: 0.0 1.0; + rel2.to_x: "elm.swallow.size"; + rel2.to_y: "elm.swallow.size"; + rel2.relative: 1.0 0.0; + align: 0.5 1.0; + min: 1 0; + max: 9999 0; + } + } + part { name: "pad.middle.lower"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + rel1.to_x: "elm.swallow.size"; + rel1.to_y: "elm.swallow.size"; + rel1.relative: 0.0 1.0; + rel2.to_x: "elm.swallow.size"; + align: 0.5 0.0; + min: 1 0; + max: 9999 0; + } + } + } + programs { + program { name: "end"; + signal: "mouse,up,1"; source: "base"; + action: SIGNAL_EMIT "elm,action,dismiss" ""; + } + program { name: "show"; + signal: "elm,action,show"; source: "elm"; + action: STATE_SET "visible" 0.0; + target: "base"; + } + program { name: "hide"; + signal: "elm,action,hide"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "base"; + } + program { name: "topshow"; + signal: "elm,action,slot,top,show"; source: "elm"; + action: STATE_SET "visible" 0.0; + transition: DECELERATE 0.5; + target: "elm.swallow.slot.top"; + } + program { name: "topshow3"; + signal: "elm,action,slot,top,show"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "button_image"; + target: "limit0"; + target: "limit1"; + } + program { name: "tophide"; + signal: "elm,action,slot,top,hide"; source: "elm"; + action: STATE_SET "default" 0.0; + transition: DECELERATE 0.5; + target: "elm.swallow.slot.top"; + } + program { name: "bottomshow"; + signal: "elm,action,slot,bottom,show"; source: "elm"; + action: STATE_SET "visible" 0.0; + transition: DECELERATE 0.5; + target: "elm.swallow.slot.bottom"; + } + program { name: "bottomshow3"; + signal: "elm,action,slot,bottom,show"; source: "elm"; + action: STATE_SET "bottom" 0.0; + target: "button_image"; + target: "limit0"; + target: "limit1"; + } + program { name: "bottomhide"; + signal: "elm,action,slot,bottom,hide"; source: "elm"; + action: STATE_SET "default" 0.0; + transition: DECELERATE 0.5; + target: "elm.swallow.slot.bottom"; + } + } +} + +#undef HOVERSEL_FONT_SIZE diff --git a/ElmSharp/theme/tv/widgets/layout.edc b/ElmSharp/theme/tv/widgets/layout.edc index 4268a9f..5d250fc 100644 --- a/ElmSharp/theme/tv/widgets/layout.edc +++ b/ElmSharp/theme/tv/widgets/layout.edc @@ -23,6 +23,131 @@ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ +/********************************************************************************************** +Document: "Tizen TV_General Guide_GUI Guideline_v1.0_140430.ppt" page no. 36 , name:"nocontent" +***********************************************************************************************/ +#define FONT_SIZE 35 +#define FONT_SIZE_SMALL 24 + +group { name: "elm/layout/application/default"; + parts { + part { name: "elm.swallow.bg"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + } + } + part { name: "elm.swallow.content"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + } + } + } +} + +group { name: "elm/layout/application/nocontent"; + parts { + part { name: "base"; type: RECT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + color: 0 0 0 38; + } + } + part { name: "right.pad"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "base"; + rel2.to: "base"; + min: 50 50; + max: 50 -1; + align: 1.0 0.0; + } + } + part { name: "left.pad"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "base"; + rel2.to: "base"; + min: 50 50; + max: 50 -1; + align: 0.0 0.0; + } + } + part { name: "base.pad"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "left.pad"; + rel1.relative: 1.0 0.0; + rel2.to: "right.pad"; + rel2.relative: 0 1.0; + min: 0 70; + max: -1 70; + align: 0.0 0.5; + } + } + + part { name: "elm.text"; type: TEXT; mouse_events: 0; + scale: 1; + multiline: 1; + description { state: "default" 0.0; + rel1.to: "base.pad"; + rel2.to: "base.pad"; + color: 211 211 211 255; + align: 0 0; + min: 0 40; + max: -1 40; + text { + size: FONT_SIZE; + min: 0 0; + font: FONT_M; + } + } + } + part { name: "elm.text.1"; type: TEXT; mouse_events: 0; + scale: 1; + multiline: 1; + description { state: "default" 0.0; + rel1.to: "elm.text"; + rel1.relative: 0.0 1.0; + rel2.to: "right.pad"; + rel2.relative: 0.0 1.0; + color: 134 134 134 255; + min: 0 30; + max: -1 30; + align: 0 0; + text { + font: FONT_M; + size: FONT_SIZE_SMALL; + min: 0 0; + } + } + } + } +} + +/*********************************************************************************************** +Document: "Tizen TV_General Guide_GUI Guideline_v1.0_140430.ppt" page no. 48, name:"nocontent.1" +***********************************************************************************************/ +group { name: "elm/layout/application/nocontent.1"; + inherit:"elm/layout/application/nocontent"; + parts { + part { name: "right.pad"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + min: 30 30; + max: 30 -1; + } + } + part { name: "left.pad"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + min: 30 30; + max: 30 -1; + } + } + } +} group { "elm/layout/background/default"; parts { diff --git a/ElmSharp/theme/tv/widgets/list.edc b/ElmSharp/theme/tv/widgets/list.edc new file mode 100644 index 0000000..fb993d5 --- /dev/null +++ b/ElmSharp/theme/tv/widgets/list.edc @@ -0,0 +1,445 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +group { name: "elm/list/item/default"; + alias: "elm/list/item_odd/default"; + data.item: "texts" "elm.text"; + data.item: "focus_highlight" "on"; + parts { + part { name: "base"; type: RECT; + scale: 1; + ignore_flags: ON_HOLD; + description { state: "default" 0.0; + min: 0 96; + color: 0 0 0 0; + } + } + part { name: "border_down"; type: RECT; + description { state: "default" 0.0; + fixed: 0 1; + min: 64 2; + rel1.relative: 0.0 1.0; + color: 222 222 222 222; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "border_up"; type: RECT; + scale: 1; + description { state: "default" 0.0; + fixed: 0 1; + min: 64 2; + rel2.relative: 1.0 0.0; + color: 222 222 222 222; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "base_highlight_bg"; type: IMAGE; + mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + image { + normal: "round_rectangle_4X4.png"; + border: 4 4 4 4; + border_scale: 1; + } + color: 255 255 255 255; + } + } + part { name: "base_highlight"; type: RECT; + mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + color: 255 255 255 255; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme"; + } + } + part { name: "pad.text.1_right"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + fixed: 0 1; + align: 1.0 0.5; + min: 32 96; + max: 32 96; + } + } + part { name: "pad.text.1_left"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + fixed: 0 1; + align: 0.0 0.5; + min: 32 96; + max: 32 96; + } + } + part { name: "elm.text"; type: TEXT; mouse_events: 0; + effect: SHADOW BOTTOM; + ignore_flags: ON_HOLD; + scale: 1; + description { state: "default" 0.0; + align: 0.0 0.5; + min: 0 40; + rel1.to: "pad.text.1_left"; + rel1.relative: 1.0 0.0; + rel2.to: "pad.text.1_right"; + rel2.relative: 0.0 1.0; + color: 89 89 89 255; + text { font: FONT_M; size: 30; + min: 1 1; + max: 1 0; + ellipsis: -1; + } + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 89 89 89 51; + } + } + } + programs { + program { + signal: "elm,state,default"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + } + program { name: "select_text.1"; + signal: "elm,state,focused"; source: "elm"; + action: STATE_SET "focused" 0.0; + target: "elm.text"; + target: "base_highlight"; + target: "border_up"; + target: "border_down"; + } + program { name: "unselect_text.1"; + signal: "elm,state,unfocused"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + target: "base_highlight"; + target: "border_up"; + target: "border_down"; + } + program { + signal: "elm,state,disabled"; source: "elm"; + action: STATE_SET "disabled" 0.0; + target: "elm.text"; + } + program { + signal: "elm,state,enabled"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + } + } +} + +/****************************************************************** +Tizen TV_General Guide_GUI Guideline_v1.0_140508.ppt 90 1text +*******************************************************************/ + +group { name: "elm/list/item/1text"; + alias: "elm/list/item_odd/1text"; + data.item: "texts" "elm.text"; + data.item: "focus_highlight" "on"; + inherit: "elm/list/item/default"; + parts { + part { name: "border_down"; type: RECT; + description { state: "default" 0.0; + fixed: 0 1; + min: 64 2; + rel1.relative: 0.0 1.0; + color: 222 222 222 222; + } + description { state: "last" 0.0; + inherit: "default" 0.0; + visible: 0; + } + description { state: "single" 0.0; + inherit: "last" 0.0; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "border_up"; type: RECT; + scale: 1; + description { state: "default" 0.0; + fixed: 0 1; + min: 64 2; + rel2.relative: 1.0 0.0; + color: 222 222 222 222; + } + description { state: "first" 0.0; + inherit: "default" 0.0; + visible: 0; + } + description { state: "single" 0.0; + inherit: "first" 0.0; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "base_highlight_bg"; type: IMAGE; + mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + image { + normal: "round_rectangle_4X4.png"; + border: 4 4 4 4; + border_scale: 1; + } + color: 255 255 255 255; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme"; + } + } + part { name: "base_highlight"; type: RECT; + mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + color: 255 255 255 255; + } + description { state: "first" 0.0; + inherit: "default" 0.0; + rel1.offset: 0 10; + } + description { state: "last" 0.0; + inherit: "default" 0.0; + rel2.offset: 0 -11; + } + description { state: "single" 0.0; + inherit: "default" 0.0; + rel1.offset: 0 10; + rel2.offset: 0 -11; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme"; + } + description { state: "first_focused" 0.0; + inherit: "first" 0.0; + color_class: "open_ux_theme"; + } + description { state: "last_focused" 0.0; + inherit: "last" 0.0; + color_class: "open_ux_theme"; + } + description { state: "single_focused" 0.0; + inherit: "single" 0.0; + color_class: "open_ux_theme"; + } + } + part { name: "pad.text.1_right"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + fixed: 0 1; + align: 1.0 0.5; + min: 32 96; + max: 32 96; + } + } + part { name: "pad.text.1_left"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + fixed: 0 1; + align: 0.0 0.5; + min: 32 96; + max: 32 96; + } + } + part { name: "elm.text"; type: TEXT; mouse_events: 0; + effect: SHADOW BOTTOM; + ignore_flags: ON_HOLD; + scale: 1; + description { state: "default" 0.0; + align: 0.0 0.5; + min: 0 40; + rel1.to: "pad.text.1_left"; + rel1.relative: 1.0 0.0; + rel2.to: "pad.text.1_right"; + rel2.relative: 0.0 1.0; + color: 89 89 89 255; + text { font: FONT_M; size: 30; + min: 1 1; + max: 1 0; + ellipsis: -1; + } + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 89 89 89 51; + } + } + } + programs { + program { + signal: "elm,state,default"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + } + program { name: "select_text.1"; + signal: "elm,state,focused"; source: "invalidation"; + } + program { + signal: "elm,state,focused"; source: "elm"; + script { + new st[31], Float:vl; + get_state(PART:"base_highlight", st, 30, vl); + if (!strncmp(st, "first", 5)) + set_state(PART:"base_highlight", "first_focused", 0.0); + else if (!strncmp(st, "last", 4)) + set_state(PART:"base_highlight", "last_focused", 0.0); + else if (!strncmp(st, "single", 6)) + set_state(PART:"base_highlight", "single_focused", 0.0); + else + set_state(PART:"base_highlight", "focused", 0.0); + set_state(PART:"elm.text", "focused", 0.0); + set_state(PART:"base_highlight_bg", "focused", 0.0); + } + } + program { name: "unselect_text.1"; + signal: "elm,state,unfocused"; source: "invalidation"; + } + program { + signal: "elm,state,unfocused"; source: "elm"; + script { + new st[31], Float:vl; + get_state(PART:"base_highlight", st, 30, vl); + if (!strncmp(st, "first", 5)) + set_state(PART:"base_highlight", "first", 0.0); + else if (!strncmp(st, "last", 4)) + set_state(PART:"base_highlight", "last", 0.0); + else if (!strncmp(st, "single", 6)) + set_state(PART:"base_highlight", "single", 0.0); + else + set_state(PART:"base_highlight", "default", 0.0); + set_state(PART:"elm.text", "default", 0.0); + set_state(PART:"base_highlight_bg", "default", 0.0); + } + } + program { + signal: "elm,state,disabled"; source: "elm"; + action: STATE_SET "disabled" 0.0; + target: "elm.text"; + } + program { + signal: "elm,state,enabled"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + } + program { + signal: "elm,state,list,first"; source: "elm"; + action: STATE_SET "first" 0.0; + target: "base_highlight"; + target: "border_up"; + } + program { + signal: "elm,state,list,last"; source: "elm"; + action: STATE_SET "last" 0.0; + target: "base_highlight"; + target: "border_down"; + } + program { + signal: "elm,state,list,single"; source: "elm"; + action: STATE_SET "single" 0.0; + target: "base_highlight"; + target: "border_up"; + target: "border_down"; + } + } +} + +/****************************************************************** +Tizen TV_General Guide_GUI Guideline_v1.0_140508.ppt 91 1text.1icon +*******************************************************************/ + +group { name: "elm/list/item/1text.1icon"; + alias: "elm/list/item_odd/1text.1icon"; + data.item: "texts" "elm.text"; + data.item: "contents" "elm.swallow.icon"; + inherit: "elm/list/item/1text"; + parts{ + part { name: "elm.swallow.icon"; type: SWALLOW; + description { state: "default" 0.0; + fixed: 1 1; + visible: 1; + align: 0.0 0.5; + rel1.to: "pad.text.1_left"; + rel1.relative: 1.0 0.0; + rel2.to: "pad.text.1_left"; + rel2.relative: 1.0 1.0; + } + } + part { name: "pad.text.1_middle"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + fixed: 0 1; + align: 0.0 0.5; + min: 20 96; + max: 20 96; + rel1.to: "elm.swallow.icon"; + rel1.relative: 1.0 0.0; + rel2.to: "elm.swallow.icon"; + rel2.relative: 1.0 1.0; + } + } + part { name: "elm.text"; + description { state: "default" 0.0; + rel1.to: "pad.text.1_middle"; + rel1.relative: 1.0 0.0; + rel2.to: "pad.text.1_right"; + rel2.relative: 0.0 1.0; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + } + } + } +} + diff --git a/ElmSharp/theme/tv/widgets/popup.edc b/ElmSharp/theme/tv/widgets/popup.edc new file mode 100644 index 0000000..f568883 --- /dev/null +++ b/ElmSharp/theme/tv/widgets/popup.edc @@ -0,0 +1,533 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +// MACRO +#define POPUP_BASE_DEFAULT_TEXT_FONT_SIZE_INC 30 +#define POPUP_DESCRIPTION_DEFAULT_TEXT_FONT_SIZE_INC 28 + +#define POPUP_BASE_DEFAULT_BASE_DEFAULT_MIN_INC 688 378 +#define POPUP_BASE_DEFAULT_BASE_DEFAULT_MAX_INC 688 378 +#define POPUP_BASE_DEFAULT_BASE_LANDSCAPE_MIN_INC 720 0 +#define POPUP_BASE_DEFAULT_BASE_LANDSCAPE_MAX_INC 720 648 +#define POPUP_BASE_DEFAULT_TITLE_DEFAULT_MIN_INC 670 84 +#define POPUP_BASE_DEFAULT_BUTTON_BG_DEFAULT_MIN_INC 688 146 + +#define POPUP_BUTTON_DEFAULT_ACTION_AREA_HEIGHT "146" + +#define POPUP_BUTTON_MIN_SIZE 196 70 +#define POPUP_BUTTON_PADDING_SIZE 20 70 + + +// notify +group { name: "elm/notify/center/popup/default"; + alias: "elm/notify/bottom/popup/default"; + parts { + part { name: "base"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: POPUP_BASE_DEFAULT_BASE_DEFAULT_MIN_INC; + max: POPUP_BASE_DEFAULT_BASE_DEFAULT_MAX_INC; + } + description { state: "landscape" 0.0; + min: POPUP_BASE_DEFAULT_BASE_LANDSCAPE_MIN_INC; + max: POPUP_BASE_DEFAULT_BASE_LANDSCAPE_MAX_INC; + } + } + part { name: "elm.swallow.content"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + rel1.to: "base"; + rel2.to: "base"; + } + } + } +} + +// popup +group { name: "elm/popup/base/default"; + images { + image: "modal_dialogs_bg.png" COMP; + image: "round_rectangle_8X8_top.png" COMP; + } + data { + item: "focus_highlight" "on"; + item: "default_orient" "2"; //top, center:1 bottom:2 + } + styles { + style { name: "popup_title_style"; + base: "font=Tizen:style=Regular align=center font_size="POPUP_BASE_DEFAULT_TEXT_FONT_SIZE_INC" color=#FFFFFF wrap=mixed ellipsis=1.0"; + tag: "br" "\n"; + tag: "tab" "\t"; + } + } + parts { + part { name: "base"; + scale: 1; + type: SPACER; + description { state: "default" 0.0; + min: POPUP_BASE_DEFAULT_BASE_DEFAULT_MIN_INC; + max: POPUP_BASE_DEFAULT_BASE_DEFAULT_MAX_INC; + } + description { state: "landscape" 0.0; + inherit: "default" 0.0; + min: POPUP_BASE_DEFAULT_BASE_LANDSCAPE_MIN_INC; + max: POPUP_BASE_DEFAULT_BASE_LANDSCAPE_MAX_INC; + } + } + part { name: "bg"; + scale: 1; + type: IMAGE; + description { + rel1.to: "base"; + rel2.to: "base"; + image { + normal: "modal_dialogs_bg.png"; + border: 18 18 15 21; + } + } + } + part { name: "access.outline"; + type: RECT; + repeat_events: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1.to: "base"; + rel2.to: "base"; + color: 0 0 0 0; + } + } + part { name: "elm.bg.title"; + type: IMAGE; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + color: 42 76 130 255; + align: 0.5 0.0; + min: 0 84; + rel1 { + relative: 0.0 0.0; + to: "base"; + offset: 9 6; + } + rel2 { + relative: 1.0 0.0; + to: "base"; + offset: -10 6; + } + image { + normal: "round_rectangle_8X8_top.png"; + border: 8 8 8 0; + } + visible: 0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + part { name: "elm.text.title"; + type: TEXTBLOCK; + scale:1; + description { state: "default" 0.0; + fixed: 1 1; + text { + style: "popup_title_style"; + size: POPUP_BASE_DEFAULT_TEXT_FONT_SIZE_INC; + } + rel1.to: "elm.bg.title"; + rel2.to: "elm.bg.title"; + } + } + part { name: "access.title"; + type: RECT; + repeat_events: 1; + description { state: "default" 0.0; + rel1.to: "elm.bg.title"; + rel2.to: "elm.bg.title"; + color: 0 0 0 0; + } + } + part { name: "elm.swallow.content"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1.to: "base"; + rel2.to: "base"; + } + description { state: "show_title_area" 0.0; + inherit: "default" 0.0; + rel1 { + relative: 0.0 1.0; + to_x: "base"; + to_y: "elm.bg.title"; + } + rel2.to: "base"; + } + description { state: "show_action_area" 0.0; + inherit: "default" 0.0; + rel1.to: "base"; + rel2 { + relative: 1.0 0.0; + to_x: "base"; + to_y: "elm.swallow.action_area.bg"; + } + } + description { state: "show_action_title_area" 0.0; + inherit: "default" 0.0; + rel1 { + relative: 0.0 1.0; + to_x: "base"; + to_y: "elm.bg.title"; + } + rel2 { + relative: 1.0 0.0; + to_x: "base"; + to_y: "elm.swallow.action_area.bg"; + } + } + } + part { name: "access.body"; + type: RECT; + repeat_events: 1; + description { state: "default" 0.0; + rel1.to: "elm.swallow.content"; + rel2.to: "elm.swallow.content"; + color: 0 0 0 0; + } + } + part { name: "elm.swallow.action_area.bg"; + type: RECT; + scale : 1; + description { state: "default" 0.0; + fixed : 1 1; + align: 0.5 1.0; + visible: 0; + rel1 { + relative: 0.0 1.0; + to: "base"; + } + rel2.to: "base"; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + min: POPUP_BASE_DEFAULT_BUTTON_BG_DEFAULT_MIN_INC; + } + } + part { name: "elm.swallow.action_area"; + type: SWALLOW; + scale : 1; + description { state: "default" 0.0; + rel1.to: "elm.swallow.action_area.bg"; + rel2.to: "elm.swallow.action_area.bg"; + } + } + } + programs { + program { name: show_title_area; + signal: "elm,state,title_area,visible"; + source: "elm"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.swallow.action_area.bg", st, 30, vl); + if (!strcmp(st, "visible")) + set_state(PART:"elm.swallow.content", "show_action_title_area", 0.0); + else + set_state(PART:"elm.swallow.content", "show_title_area", 0.0); + set_state(PART:"elm.bg.title", "visible", 0.0); + } + } + program { name: hide_title_area; + signal: "elm,state,title_area,hidden"; + source: "elm"; + action: STATE_SET "default" 0.0; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.swallow.action_area.bg", st, 30, vl); + if ((!strcmp(st, "visible")) || (!strcmp(st, "landscape_visible"))) + set_state(PART:"elm.swallow.content", "show_action_area", 0.0); + else + set_state(PART:"elm.swallow.content", "default", 0.0); + set_state(PART:"elm.bg.title", "default", 0.0); + } + } + program { name: show_action_area; + signal: "elm,state,action_area,visible"; + source: "elm"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.bg.title", st, 30, vl); + if ((!strcmp(st, "visible"))) + set_state(PART:"elm.swallow.content", "show_action_title_area", 0.0); + else + set_state(PART:"elm.swallow.content", "show_action_area", 0.0); + set_state(PART:"elm.swallow.action_area.bg", "visible", 0.0); + } + } + program { name: hide_action_area; + signal: "elm,state,action_area,hidden"; + source: "elm"; + action: STATE_SET "default" 0.0; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.bg.title", st, 30, vl); + if ((!strcmp(st, "visible"))) + set_state(PART:"elm.swallow.content", "show_title_area", 0.0); + else + set_state(PART:"elm.swallow.content", "default", 0.0); + set_state(PART:"elm.swallow.action_area.bg", "default", 0.0); + } + } + program { name: "change_to_landscape"; + action: STATE_SET "landscape" 0.0; + target: "base"; + after: "orientation_change"; + } + program { name: "orientation_change"; + action: SIGNAL_EMIT "elm,state,orientation,changed" ""; + } + program { name: "change_to_portrait"; + action: STATE_SET "default" 0.0; + target: "base"; + after: "orientation_change"; + } + program { name: "landscape_mode"; + source: "elm"; + signal: "elm,state,orient,90"; + after: "change_to_landscape"; + } + program { name: "landscape_mode2"; + source: "elm"; + signal: "elm,state,orient,270"; + after: "change_to_landscape"; + } + program { name: "portrait_mode"; + source: "elm"; + signal: "elm,state,orient,0"; + after: "change_to_portrait"; + } + program { name: "portrait_mode2"; + source: "elm"; + signal: "elm,state,orient,180"; + after: "change_to_portrait"; + } + } +} + +// content +group { name: "elm/popup/content/default"; + parts{ + part { name:"elm.swallow.content"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + } + } + } +} + +// label +group { name: "elm/label/base/popup/default"; + styles { + style { name: "textblock_style"; + base: "font=Tizen:style=Regular font_size="POPUP_DESCRIPTION_DEFAULT_TEXT_FONT_SIZE_INC" align=center color=#000000 wrap=mixed"; + tag: "br" "\n"; + tag: "ps" "ps"; + tag: "hilight" "+ font_weight=Bold"; + tag: "b" "+ font_weight=Bold"; + tag: "tab" "\t"; + } + } + parts { + part { name: "elm.text"; + type: TEXTBLOCK; + scale: 1; + description { state: "default" 0.0; + text { + style: "textblock_style"; + min: 0 1; + } + } + } + } +} + +// button +group { name: "elm/popup/buttons1/popup/default"; + data.item: "action_area_height" POPUP_BUTTON_DEFAULT_ACTION_AREA_HEIGHT; + parts{ + part{ name:"elm.swallow.content.button1"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1.relative: 0.5 0.5; + rel2.relative: 0.5 0.5; + min: POPUP_BUTTON_MIN_SIZE; + } + } + } +} + +group { name: "elm/popup/buttons2/popup/default"; + data.item: "action_area_height" POPUP_BUTTON_DEFAULT_ACTION_AREA_HEIGHT; + parts{ + part { name:"elm.swallow.content.button1"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 0 1; + rel1 { + relative: 0.0 0.5; + to: "pad"; + } + rel2 { + relative: 0.0 0.5; + to: "pad"; + } + align: 1.0 0.5; + min: POPUP_BUTTON_MIN_SIZE; + } + } + part { name: "pad"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1.relative: 0.5 0.5; + rel2.relative: 0.5 0.5; + min: POPUP_BUTTON_PADDING_SIZE; + } + } + part{ name:"elm.swallow.content.button2"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 0 1; + rel1 { + relative: 1.0 0.5; + to: "pad"; + } + rel2 { + relative: 1.0 0.5; + to: "pad"; + } + align: 0.0 0.5; + min: POPUP_BUTTON_MIN_SIZE; + } + } + } +} + +group { name: "elm/popup/buttons3/popup/default"; + data.item: "action_area_height" POPUP_BUTTON_DEFAULT_ACTION_AREA_HEIGHT; + parts{ + part { name:"elm.swallow.content.button1"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1 { + relative: 0.0 0.5; + to: "pad.left"; + } + rel2 { + relative: 0.0 0.5; + to: "pad.left"; + } + align: 1.0 0.5; + min: POPUP_BUTTON_MIN_SIZE; + } + } + part { name: "pad.left"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1 { + relative: 0.0 0.5; + to: "elm.swallow.content.button2"; + } + rel2 { + relative: 0.0 0.5; + to: "elm.swallow.content.button2"; + } + align: 1.0 0.5; + min: POPUP_BUTTON_PADDING_SIZE; + } + } + part{ name:"elm.swallow.content.button2"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1.relative: 0.5 0.5; + rel2.relative: 0.5 0.5; + min: POPUP_BUTTON_MIN_SIZE; + } + } + part { name: "pad.right"; + type: SPACER; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1 { + relative: 1.0 0.5; + to: "elm.swallow.content.button2"; + } + rel2 { + relative: 1.0 0.5; + to: "elm.swallow.content.button2"; + } + align: 0.0 0.5; + min: POPUP_BUTTON_PADDING_SIZE; + } + } + part{ name:"elm.swallow.content.button3"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 1; + rel1 { + relative: 1.0 0.5; + to: "pad.right"; + } + rel2 { + relative: 1.0 0.5; + to: "pad.right"; + } + align: 0.0 0.5; + min: POPUP_BUTTON_MIN_SIZE; + } + } + } +} diff --git a/ElmSharp/theme/tv/widgets/progressbar.edc b/ElmSharp/theme/tv/widgets/progressbar.edc new file mode 100644 index 0000000..ff31bcf --- /dev/null +++ b/ElmSharp/theme/tv/widgets/progressbar.edc @@ -0,0 +1,767 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +#define ADD_PULSE_PARTS PULSE_PART(1,0) PULSE_PART(2,1) \ +PULSE_PART(3,2) PULSE_PART(4,3) PULSE_PART(5,4) PULSE_PART(6,5) PULSE_PART(7,6) PULSE_PART(8,7) PULSE_PART(9,8) PULSE_PART(10,9) \ +PULSE_PART(11,10) PULSE_PART(12,11) PULSE_PART(13,12) PULSE_PART(14,13) PULSE_PART(15,14) PULSE_PART(16,15) PULSE_PART(17,16) PULSE_PART(18,17) \ +PULSE_PART(19,18) PULSE_PART(20,19) PULSE_PART(21,20) PULSE_PART(22,21) PULSE_PART(23,22) PULSE_PART(24,23) PULSE_PART(25,24) PULSE_PART(26,25) \ +PULSE_PART(27,26) PULSE_PART(28,27) PULSE_PART(29,28) PULSE_PART(30,29) PULSE_PART(31,30) PULSE_PART(32,31) PULSE_PART(33,32) PULSE_PART(34,33) \ +PULSE_PART(35,34) PULSE_PART(36,35) PULSE_PART(37,36) PULSE_PART(38,37) PULSE_PART(39,38) PULSE_PART(40,39) PULSE_PART(41,40) PULSE_PART(42,41) \ +PULSE_PART(43,42) PULSE_PART(44,43) PULSE_PART(45,44) PULSE_PART(46,45) PULSE_PART(47,46) PULSE_PART(48,47) PULSE_PART(49,48) PULSE_PART(50,49) \ +PULSE_PART(51,50) PULSE_PART(52,51) PULSE_PART(53,52) PULSE_PART(54,53) PULSE_PART(55,54) PULSE_PART(56,55) PULSE_PART(57,56) PULSE_PART(58,57) \ +PULSE_PART(59,58) PULSE_PART(60,59) PULSE_PART(61,60) PULSE_PART(62,61) PULSE_PART(63,62) PULSE_PART(64,63) PULSE_PART(65,64) PULSE_PART(66,65) \ +PULSE_PART(67,66) PULSE_PART(68,67) PULSE_PART(69,68) PULSE_PART(70,69) PULSE_PART(71,70) PULSE_PART(72,71) PULSE_PART(73,72) PULSE_PART(74,73) \ +PULSE_PART(75,74) PULSE_PART(76,75) PULSE_PART(77,76) PULSE_PART(78,77) PULSE_PART(79,78) PULSE_PART(80,79) PULSE_PART(81,80) PULSE_PART(82,81) \ +PULSE_PART(83,82) PULSE_PART(84,83) PULSE_PART(85,84) PULSE_PART(86,85) PULSE_PART(87,86) PULSE_PART(88,87) PULSE_PART(89,88) PULSE_PART(90,89) \ +PULSE_PART(91,90) PULSE_PART(92,91) PULSE_PART(93,92) PULSE_PART(94,93) PULSE_PART(95,94) PULSE_PART(96,95) PULSE_PART(97,96) PULSE_PART(98,97) \ +PULSE_PART(99,98) PULSE_PART(100,99) + +#define PULSE_PART(i,j) \ +part { name: "pulse_area_"i"_blank"; type: RECT; mouse_events: 0; \ + clip_to: "pulse_clipper"; \ + description { state: "default" 0.0; \ + min: 10 4; \ + max: 10 4; \ + fixed: 1 1; \ + rel1 { \ + to_x: "pulse_area_"j"_filled"; \ + to_y: "pulse_area_"j"_filled"; \ + relative: 1.0 0.0; \ + } \ + rel2 { \ + to_x: "pulse_area_"j"_filled"; \ + to_y: "pulse_area_"j"_filled"; \ + relative: 1.0 1.0; \ + } \ + align: 0.0 0.5; \ + color: 255 255 255 26; \ + } \ +} \ +part { name: "pulse_area_"i"_filled"; type: RECT; mouse_events: 0; \ + clip_to: "pulse_clipper"; \ + description { state: "default" 0.0; \ + min: 10 4; \ + max: 10 4; \ + fixed: 1 1; \ + rel1 { \ + to_x: "pulse_area_"i"_blank"; \ + to_y: "pulse_area_"i"_blank"; \ + relative: 1.0 0.0; \ + } \ + rel2 { \ + to_x: "pulse_area_"i"_blank"; \ + to_y: "pulse_area_"i"_blank"; \ + relative: 1.0 1.0; \ + } \ + align: 0.0 0.5; \ + color: 255 255 255 178; \ + } \ +} \ + + +/***************************************************************************** +Document: Tizen TV_General Guide_GUI Guideline_v1.0_140508_1.ppt, Page no. 95, +Progessbar filling style, single progress filling, +Gray color filling over a trasparent bg +******************************************************************************/ +group { name: "elm/progressbar/horizontal/default"; + parts { + part { name: "elm.background.progressbar"; type: RECT; mouse_events: 0; + description { state: "default" 0.0; + min: 4 4; + max: 9999 4; + } + } + part { name: "elm.swallow.bar"; mouse_events: 0; type: SWALLOW; + description { + min: 4 4; + max: 9999 4; + fixed: 1 1;state: "default" 0.0; + rel1 { + to_x: "elm.text"; + to_y: "elm.background.progressbar"; + } + rel2.to: "elm.background.progressbar"; + } + } + part { name: "elm.swallow.content"; type: SWALLOW; + description { state: "default" 0.0; + visible: 0; + align: 0.0 0.5; + rel1.to_y: "elm.background.progressbar"; + rel2 { + relative: 0.0 1.0; + to_y: "elm.background.progressbar"; + } + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + aspect: 1.0 1.0; + aspect_preference: VERTICAL; + } + } + part { name: "elm.text"; type: TEXT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + visible: 0; + fixed: 1 1; + align: 0.0 0.5; + rel1.to_x: "elm.swallow.content"; + rel1.relative: 1.0 0.0; + rel2.to_x: "elm.swallow.content"; + color: 0 0 0 0; + text { + font: "Sans,Edje-Vera"; + size: 10; + min: 0 0; + align: 0.0 0.5; + } + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + text.min: 1 1; + text.ellipsis: -1; + } + } + part { name: "background"; type: RECT; mouse_events: 0; + clip_to: "elm.background.progressbar"; + description { state: "default" 0.0; + rel1.to: "elm.swallow.bar"; + rel2.to: "elm.swallow.bar"; + color: 255 255 255 26; + } + } + part { name: "elm.text.status"; type: TEXT; mouse_events: 0; + description { state: "default" 0.0; + fixed: 1 1; + visible: 1; + rel1 { + to: "background"; + relative: 0.5 0.5; + } + rel2 { + to: "background"; + relative: 0.5 0.5; + } + text { + font: "Sans:style=Bold,Edje-Vera-Bold"; + size: 10; + min: 1 1; + ellipsis: -1; + align: 0.5 0.0; + } + color: 0 0 0 0; + } + description { state: "hidden" 0.0; + inherit: "default" 0.0; + visible: 0; + text.min: 0 0; + } + } + part { name: "elm.progress.progressbar"; type: RECT; mouse_events: 0; + clip_to: "elm.background.progressbar"; + description { state: "default" 0.0; + min: 10 4; + max: 9999 4; + fixed: 1 1; + rel1.to: "elm.swallow.bar"; + rel2 { + to_y: "elm.swallow.bar"; + to_x: "elm.cur.progressbar"; + } + color: 255 255 255 178; + } + description { state: "invert" 0.0; + inherit: "default" 0.0; + rel1 { + to_y: "elm.swallow.bar"; + to_x: "elm.cur.progressbar"; + } + rel2.to: "elm.swallow.bar"; + } + description { state: "state_begin" 0.0; //OK + inherit: "default" 0.0; + min: 10 4; + max: 10 4; + rel1.to: "elm.swallow.bar"; + rel2 { + to: "elm.swallow.bar"; + relative: 0.0 1.0; + } + align: 0.0 0.5; + } + description { state: "state_end" 0.0; + inherit: "default" 0.0; + min: 10 4; + max: 10 4; + rel1 { + to: "pulse_area0"; + relative: 1.0 0.0; + } + rel2 { + to: "pulse_area0"; + relative: 1.0 1.0; + } + align: 0.0 0.5; + } + description { state: "state_end1" 0.0; //OK + inherit: "state_begin" 0.0; + } + description { state: "state_begin1" 0.0; //OK + inherit: "state_end" 0.0; + } + } + part { name: "pulse_clipper"; type: RECT; mouse_events: 0; + clip_to: "elm.background.progressbar"; + description { state: "default" 0.0; + fixed: 1 1; + rel1.to: "elm.background.progressbar"; + rel2.to: "elm.background.progressbar"; + visible: 0; + }//tt + description { state: "state_pulse" 0.0; //OK + inherit: "default" 0.0; + visible: 1; + } + description { state: "state_begin" 0.0; //OK + inherit: "default" 0.0; + visible: 1; + } + } + part { name: "pulse_area0"; type: SPACER; mouse_events: 0; + description { state: "default" 0.0; + min: 20 4; + max: 20 4; + fixed: 1 1; + rel1.to: "elm.swallow.bar"; + rel2 { + to_y: "elm.swallow.bar"; + to_x: "elm.cur.progressbar"; + relative: 0.0 1.0; + } + align: 0.0 0.5; + } + } + part { name: "pulse_area_0_blank"; type: RECT; mouse_events: 0; + clip_to: "pulse_clipper"; + description { state: "default" 0.0; + min: 10 4; + max: 10 4; + fixed: 1 1; + rel1 { + to_x: "elm.progress.progressbar"; + to_y: "elm.progress.progressbar"; + relative: 1.0 0.0; + } + rel2 { + to_x: "elm.progress.progressbar"; + to_y: "elm.progress.progressbar"; + relative: 1.0 1.0; + } + align: 0.0 0.5; + color: 255 255 255 26; + } + } + part { name: "pulse_area_0_filled"; type: RECT; mouse_events: 0; + clip_to: "pulse_clipper"; + description { state: "default" 0.0; + min: 10 4; + max: 10 4; + fixed: 1 1; + rel1 { + to_x: "pulse_area_0_blank"; + to_y: "pulse_area_0_blank"; + relative: 1.0 0.0; + } + rel2 { + to_x: "pulse_area_0_blank"; + to_y: "pulse_area_0_blank"; + relative: 1.0 1.0; + } + align: 0.0 0.5; + color: 255 255 255 178; + } + } + ADD_PULSE_PARTS + part { name: "text-bar"; type: TEXT; mouse_events: 0; + clip_to: "progress-rect"; + effect: SOFT_SHADOW; + scale: 1; + description { state: "default" 0.0; + align: 0.0 0.0; + fixed: 1 1; + visible: 1; + rel1.to: "elm.text.status"; + rel2.to: "elm.text.status"; + text { + text_source: "elm.text.status"; + font: "Sans:style=Bold,Edje-Vera-Bold"; + size: 10; + min: 1 1; + ellipsis: -1; + align: 0.0 0.0; + } + color: 224 224 224 0; + color3: 0 0 0 64; + } + description { state: "hidden" 0.0; + inherit: "default" 0.0; + visible: 0; + text.min: 0 0; + } + } + part { name: "over1"; type: RECT; mouse_events: 0; + description { state: "default" 0.0; + rel1.to: "elm.progress.progressbar"; + rel2.to: "elm.progress.progressbar"; + rel2.relative: 1.0 0.5; + color: 0 0 0 0; + } + } + part { name: "over2"; type: RECT; mouse_events: 1; + repeat_events: 1; + description { state: "default" 0.0; + rel1.to: "elm.progress.progressbar"; + rel2.to: "elm.progress.progressbar"; + color: 0 0 0 0; + } + } + part { name: "elm.cur.progressbar"; mouse_events: 0; + dragable { + confine: "background"; + x: 1 1 1; + y: 0 0 0; + } + description { state: "default" 0.0; + min: 4 4; + max: 9999 4; + fixed: 1 1; + visible: 0; + rel1.to: "background"; + rel2.to: "background"; + } + } + part { name: "progress-rect"; type: RECT; mouse_events: 0; + description { state: "default" 0.0; + rel1.to: "elm.progress.progressbar"; + rel2.to: "elm.progress.progressbar"; + } + } + part { name: "tmp"; type: RECT; mouse_events: 0; + repeat_events: 1; + description { state: "default" 0.0; + rel1.to: "elm.swallow.bar"; + rel2.to: "elm.swallow.bar"; + color: 255 0 0 0; + } + } + } + programs { + program { name: "label_show"; + signal: "elm,state,text,visible"; + source: "elm"; + action: STATE_SET "visible" 0.0; + target: "elm.text"; + } + program { name: "label_hide"; + signal: "elm,state,text,hidden"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + } + program { name: "icon_show"; + signal: "elm,state,icon,visible"; + source: "elm"; + action: STATE_SET "visible" 0.0; + target: "elm.swallow.content"; + } + program { name: "icon_hide"; + signal: "elm,state,icon,hidden"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.swallow.content"; + } + program { name: "units_show"; + signal: "elm,state,units,visible"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "text-bar"; + target: "elm.text.status"; + } + program { name: "units_hide"; + signal: "elm,state,units,hidden"; + source: "elm"; + action: STATE_SET "hidden" 0.0; + target: "text-bar"; + target: "elm.text.status"; + } + program { name: "slide_to_end"; + action: STATE_SET "state_end" 0.0; + transition: LINEAR 0.5; + target: "elm.progress.progressbar"; + after: "slide_to_begin"; + } + program { name: "slide_to_begin"; + signal: "elm,state,slide,begin"; + action: STATE_SET "state_begin" 0.0; + target: "elm.progress.progressbar"; +// transition: LINEAR 0.5; + after: "slide_to_end"; + } + program { name: "start_pulse"; + signal: "elm,state,pulse,start"; + source: "elm"; + action: STATE_SET "state_pulse" 0.0; + target: "pulse_clipper"; + after: "slide_to_end"; + } + program { name: "stop_pulse"; + signal: "elm,state,pulse,stop"; + source: "elm"; + action: ACTION_STOP; + target: "slide_to_begin"; + target: "slide_to_end"; + target: "start_pulse"; + after: "state_pulse"; + } + program { name: "state_pulse"; + signal: "elm,state,pulse"; + source: "elm"; + action: STATE_SET "state_begin" 0.0; + target: "elm.progress.progressbar"; + target: "pulse_clipper"; + after: "units_hide"; + } + program { name: "state_fraction"; + signal: "elm,state,fraction"; + source: "elm"; + action: ACTION_STOP; + target: "slide_to_begin"; + target: "slide_to_end"; + target: "start_pulse"; + action: STATE_SET "default" 0.0; + target: "elm.progress.progressbar"; + } + program { name: "set_invert_on"; + signal: "elm,state,inverted,on"; + source: "elm"; + action: STATE_SET "invert" 0.0; + target: "elm.progress.progressbar"; + } + program { name: "set_invert_off"; + signal: "elm,state,inverted,off"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.progress.progressbar"; + } + } +} + +/***************************************************************************** +Document: Tizen TV_General Guide_GUI Guideline_v1.0_140508_1.ppt, Page no. 95, +Vertical Progessbar filling style, single progress filling, +Gray color filling over a trasparent bg +******************************************************************************/ +group { name: "elm/progressbar/vertical/default"; + parts { + part { name: "elm.background.progressbar"; type: RECT; mouse_events: 0; + description { state: "default" 0.0; + } + } + part { name: "elm.swallow.bar"; type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + min: 4 4; + max: 4 9999; + fixed: 1 1; + align: 0.5 1.0; + rel1 { + to_y: "elm.text"; + relative: 0.0 1.0; + } + rel2 { + to_y: "elm.text.box"; + relative: 1.0 0.0; + } + } + } + part { name: "elm.swallow.content"; type: SWALLOW; + description { state: "default" 0.0; + visible: 0; + align: 0.5 0.0; + rel1.to_x: "elm.swallow.bar"; + rel2 { + relative: 1.0 0.0; + to_x: "elm.swallow.bar"; + } + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + aspect: 1.0 1.0; + aspect_preference: HORIZONTAL; + } + } + part { name: "elm.text"; type: TEXT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + visible: 0; + fixed: 1 1; + align: 0.5 0.0; + rel1.to_y: "elm.swallow.content"; + rel1.relative: 0.5 1.0; + rel2.to_y: "elm.swallow.content"; + rel2.relative: 0.5 1.0; + color: 0 0 0 0; + text { + font: "Sans,Edje-Vera"; + size: 10; + min: 0 0; + align: 0.5 0.0; + } + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + text.min: 1 1; + text.ellipsis: -1; + } + } + part { name: "background"; type: RECT; mouse_events: 0; + clip_to: "elm.background.progressbar"; + description { state: "default" 0.0; + rel1.to: "elm.swallow.bar"; + rel2.to: "elm.swallow.bar"; + color: 255 255 255 26; + } + } + part { name: "elm.progress.progressbar"; type: RECT; mouse_events: 0; + clip_to: "elm.background.progressbar"; + description { state: "default" 0.0; + min: 4 4; + max: 4 9999; + fixed: 1 1; + rel1.to: "elm.swallow.bar"; + rel2 { + to_x: "elm.swallow.bar"; + to_y: "elm.cur.progressbar"; + } + color: 255 255 255 178; + } + description { state: "invert" 0.0; + inherit: "default" 0.0; + rel1 { + to_x: "elm.swallow.bar"; + to_y: "elm.cur.progressbar"; + } + rel2.to: "elm.swallow.bar"; + } + description { state: "state_begin" 0.0; + inherit: "default" 0.0; + rel1.to: "elm.swallow.bar"; + rel2 { + to: "elm.swallow.bar"; + relative: 1.0 0.1; + } + } + description { state: "state_end" 0.0; + inherit: "default" 0.0; + rel1 { + to: "elm.swallow.bar"; + relative: 0.0 0.9; + } + rel2.to: "elm.swallow.bar"; + } + } + part { name: "over1"; type: RECT; mouse_events: 0; + description { state: "default" 0.0; + rel1.to: "elm.progress.progressbar"; + rel2.to: "elm.progress.progressbar"; + rel2.relative: 1.0 0.5; + color: 0 0 0 0; + } + } + part { name: "over2"; type: RECT; mouse_events: 1; + repeat_events: 1; + description { state: "default" 0.0; + rel1.to: "elm.progress.progressbar"; + rel2.to: "elm.progress.progressbar"; + color: 0 0 0 0; + } + } + part { name: "elm.cur.progressbar"; mouse_events: 0; + dragable { + confine: "background"; + x: 0 0 0; + y: 1 1 1; + } + description { state: "default" 0.0; + min: 4 4; + max: 9999 4; + fixed: 1 1; + visible: 0; + rel1.to: "background"; + rel2.to: "background"; + } + } + part { name: "elm.text.box"; mouse_events: 0; type: RECT; + description { state: "default" 0.0; + visible: 0; + rel1.to: "elm.text.status"; + rel2.to: "elm.text.status"; + color: 255 255 255 0; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + part { name: "elm.text.status"; type: TEXT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + visible: 0; + fixed: 1 1; + align: 0.5 1.0; + rel1.relative: 0.0 1.0; + color: 0 0 0 0; + text { + font: "Sans:style=Bold,Edje-Vera-Bold"; + size: 10; + min: 0 0; + align: 0.5 0.0; + } + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + fixed: 1 1; + visible: 1; + text.min: 1 1; + text.ellipsis: -1; + } + } + } + programs { + program { name: "label_show"; + signal: "elm,state,text,visible"; + source: "elm"; + action: STATE_SET "visible" 0.0; + target: "elm.text"; + } + program { name: "label_hide"; + signal: "elm,state,text,hidden"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + } + program { name: "icon_show"; + signal: "elm,state,icon,visible"; + source: "elm"; + action: STATE_SET "visible" 0.0; + target: "elm.swallow.content"; + } + program { name: "icon_hide"; + signal: "elm,state,icon,hidden"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.swallow.content"; + } + program { name: "units_show"; + signal: "elm,state,units,visible"; + source: "elm"; + action: STATE_SET "visible" 0.0; + target: "elm.text.status"; + target: "elm.text.box"; + } + program { name: "units_hide"; + signal: "elm,state,units,hidden"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text.status"; + target: "elm.text.box"; + } + program { name: "slide_to_end"; + action: STATE_SET "state_end" 0.0; + transition: LINEAR 0.5; + target: "elm.progress.progressbar"; + after: "slide_to_begin"; + } + program { name: "slide_to_begin"; + action: STATE_SET "state_begin" 0.0; + target: "elm.progress.progressbar"; + transition: LINEAR 0.5; + after: "slide_to_end"; + } + program { name: "start_pulse"; + signal: "elm,state,pulse,start"; + source: "elm"; + action: STATE_SET "state_begin" 0.0; + target: "elm.progress.progressbar"; + after: "slide_to_end"; + } + program { name: "stop_pulse"; + signal: "elm,state,pulse,stop"; + source: "elm"; + action: ACTION_STOP; + target: "slide_to_begin"; + target: "slide_to_end"; + target: "start_pulse"; + after: "state_pulse"; + } + program { name: "state_pulse"; + signal: "elm,state,pulse"; + source: "elm"; + action: STATE_SET "state_begin" 0.0; + target: "elm.progress.progressbar"; + after: "units_hide"; + } + program { name: "state_fraction"; + signal: "elm,state,fraction"; + source: "elm"; + action: ACTION_STOP; + target: "slide_to_begin"; + target: "slide_to_end"; + target: "start_pulse"; + action: STATE_SET "default" 0.0; + target: "elm.progress.progressbar"; + } + program { name: "set_invert_on"; + signal: "elm,state,inverted,on"; + source: "elm"; + action: STATE_SET "invert" 0.0; + target: "elm.progress.progressbar"; + target: "elm.cur.progressbar"; + } + program { name: "set_invert_off"; + signal: "elm,state,inverted,off"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.progress.progressbar"; + target: "elm.cur.progressbar"; + } + } +} diff --git a/ElmSharp/theme/tv/widgets/radio.edc b/ElmSharp/theme/tv/widgets/radio.edc new file mode 100644 index 0000000..b94c1bc --- /dev/null +++ b/ElmSharp/theme/tv/widgets/radio.edc @@ -0,0 +1,335 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +/***************************************************************************** +Document: Tizen TV_General Guide_GUI Guideline_v1.0_140508_1.ppt, Page no. 77, +******************************************************************************/ +#define RADIO_SIZE 38 38 +#define RADIO_FONT_SIZE 24 + +group { name: "elm/radio/base/default"; + images { + image: "radiobtn_on_nor.png" COMP; + image: "radiobtn_off_nor.png" COMP; + image: "radiobtn_off_foc.png" COMP; + image: "radiobtn_on_foc.png" COMP; + } + data.item: "focus_highlight" "on"; + script { + public is_focus = 0; + public is_checkd = 0; + public set_focus() { + set_int(is_focus, 1); + } + public unset_focus() { + set_int(is_focus, 0); + } + public set_check_set() { + set_state(PART:"bg", "invisible", 0.0); + if (get_int(is_focus)) { + set_state(PART:"radio", "highlight", 0.0); + } + else { + set_state(PART:"radio", "visible", 0.0); + } + } + public set_check_unset() { + set_state(PART:"radio", "default", 0.0); + if (get_int(is_focus)) { + set_state(PART:"bg", "highlight", 0.0); + } + else { + set_state(PART:"bg", "default", 0.0); + } + } + } + parts { + part { name: "bg"; + mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel2.relative: 0.0 1.0; + align: 0.0 0.5; + min: RADIO_SIZE; + max: RADIO_SIZE; + aspect: 1.0 1.0; + aspect_preference: VERTICAL; + image.normal: "radiobtn_off_nor.png"; + } + description { state: "invisible" 0.0; + inherit: "default" 0.0; + visible: 0; + } + description { state: "highlight" 0.0; + inherit: "default" 0.0; + image.normal: "radiobtn_off_foc.png"; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 255 255 255 51; + } + } + part { name: "radio"; + mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "bg"; + rel2.to: "bg"; + image.normal: "radiobtn_on_nor.png"; + visible: 0; + } + description { state: "highlight" 0.0; + inherit: "default" 0.0; + image.normal: "radiobtn_on_foc.png"; + visible: 1; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + part { name: "elm.swallow.content"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + fixed: 1 0; + visible: 0; + align: 0.0 0.5; + max: 0 0; + rel1.to_x: "bg"; + rel1.relative: 1.0 0.0; + rel1.offset: 1 1; + rel2.to_x: "bg"; + rel2.offset: 1 -2; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + aspect: 1.0 1.0; + min: RADIO_SIZE; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 255 255 255 128; + } + description { state: "disabled_visible" 0.0; + inherit: "default" 0.0; + color: 255 255 255 128; + visible: 1; + aspect: 1.0 1.0; + } + } + part { name: "elm.text"; + type: TEXT; + mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + visible: 0; + rel1.to_x: "elm.swallow.content"; + rel1.relative: 1.0 0.0; + rel1.offset: 1 1; + rel2.offset: -2 -2; + color: 0 0 0 255; + text { font: FONT_M; + size: RADIO_FONT_SIZE; + min: 0 0; + align: -1.0 0.5; + } + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + text.min: 1 1; + text.ellipsis: -1; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 0 0 0 128; + color3: 0 0 0 0; + } + description { state: "disabled_visible" 0.0; + inherit: "default" 0.0; + color: 0 0 0 128; + color3: 0 0 0 0; + visible: 1; + text.min: 1 1; + text.ellipsis: -1; + } + } + part { name: "events"; + type: RECT; + description { state: "default" 0.0; + color: 0 0 0 0; + } + } + part { name: "disabler"; + type: RECT; + description { state: "default" 0.0; + color: 0 0 0 0; + visible: 0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + } + programs { + program { name: "click"; + signal: "mouse,clicked,1"; + source: "events"; + action: SIGNAL_EMIT "elm,action,radio,toggle" ""; + } + program { name: "radio_on"; + signal: "elm,state,radio,on"; + source: "elm"; + script{ + set_check_set(); + } + } + program { name: "radio_off"; + signal: "elm,state,radio,off"; + source: "elm"; + script{ + set_check_unset(); + } + } + program { name: "text_show"; + signal: "elm,state,text,visible"; + source: "elm"; + action: STATE_SET "visible" 0.0; + target: "elm.text"; + } + program { name: "text_hide"; + signal: "elm,state,text,hidden"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + } + program { name: "icon_show"; + signal: "elm,state,icon,visible"; + source: "elm"; + action: STATE_SET "visible" 0.0; + target: "elm.swallow.content"; + } + program { name: "icon_hide"; + signal: "elm,state,icon,hidden"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.swallow.content"; + } + program { name: "disable"; + signal: "elm,state,disabled"; + source: "elm"; + action: STATE_SET "disabled" 0.0; + target: "bg"; + target: "bg"; + target: "disabler"; + after: "disable_text"; + } + program { name: "disable_text"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.text", st, 30, vl); + if (!strcmp(st, "visible")) + set_state(PART:"elm.text", "disabled_visible", 0.0); + else + set_state(PART:"elm.text", "disabled", 0.0); + get_state(PART:"elm.swallow.content", st, 30, vl); + if (!strcmp(st, "visible")) + set_state(PART:"elm.swallow.content", "disabled_visible", 0.0); + else + set_state(PART:"elm.swallow.content", "disabled", 0.0); + } + } + program { name: "enable"; + signal: "elm,state,enabled"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "disabler"; + after: "enable_text"; + } + program { name: "enable_text"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.text", st, 30, vl); + if (!strcmp(st, "disabled_visible")) + set_state(PART:"elm.text", "visible", 0.0); + else + set_state(PART:"elm.text", "default", 0.0); + get_state(PART:"elm.swallow.content", st, 30, vl); + if (!strcmp(st, "visible")) + set_state(PART:"elm.swallow.content", "visible", 0.0); + else + set_state(PART:"elm.swallow.content", "default", 0.0); + } + } + program { name: "focused"; + signal: "elm,action,focus"; source: "elm"; + script { + set_focus(); + } + after: "enable_focus"; + } + program { name: "enable_focus"; + script { + new st[31]; + new Float:vl; + get_state(PART:"bg", st, 30, vl); + if (!strcmp(st, "default")) + set_state(PART:"bg", "highlight", 0.0); + + get_state(PART:"radio", st, 30, vl); + if (!strcmp(st, "visible")) { + set_state(PART:"radio", "highlight", 0.0); + set_state(PART:"bg", "invisible", 0.0); + } + } + } + program { name: "unfocused"; + signal: "elm,action,unfocus"; source: "elm"; + script { + unset_focus(); + } + after: "disable_focus"; + } + program { name: "disable_focus"; + script { + new st[31]; + new Float:vl; + get_state(PART:"bg", st, 30, vl); + if (!strcmp(st, "highlight")) + set_state(PART:"bg", "default", 0.0); + + get_state(PART:"radio", st, 30, vl); + if (!strcmp(st, "highlight")) + set_state(PART:"radio", "visible", 0.0); + } + } + } +} diff --git a/ElmSharp/theme/tv/widgets/scroller.edc b/ElmSharp/theme/tv/widgets/scroller.edc new file mode 100644 index 0000000..178a43d --- /dev/null +++ b/ElmSharp/theme/tv/widgets/scroller.edc @@ -0,0 +1,613 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +/**************************************************************************** +DOC: Tizen TV_General Guide_GUI Guideline_v1.0_140430.ppt page : 61 style: black +****************************************************************************/ +group { name: "elm/scroller/base/default"; + alias: "elm/list/base/default"; + alias: "elm/genlist/base/default"; + alias: "elm/gengrid/base/default"; + alias: "elm/scroller/base/map_bubble"; + alias: "elm/genscroller/base/default"; + + data { + item: "focus_highlight" "on"; + } + + script { + public sbvis_v, sbvis_h, sbalways_v, sbalways_h, sbvis_timer; + public timer0(val) { + new v; + v = get_int(sbvis_v); + if (v) { + v = get_int(sbalways_v); + if (!v) { + emit("do-hide-vbar", ""); + set_int(sbvis_v, 0); + } + } + v = get_int(sbvis_h); + if (v) { + v = get_int(sbalways_h); + if (!v) { + emit("do-hide-hbar", ""); + set_int(sbvis_h, 0); + } + } + set_int(sbvis_timer, 0); + return 0; + } + public visible_scroll() { + new v; + v = get_int(sbvis_v); + v |= get_int(sbalways_v); + if (!v) { + emit("do-show-vbar", ""); + set_int(sbvis_v, 1); + } + v = get_int(sbvis_h); + v |= get_int(sbalways_h); + if (!v) { + emit("do-show-hbar", ""); + set_int(sbvis_h, 1); + } + v = get_int(sbvis_timer); + if (v > 0) cancel_timer(v); + v = timer(5.0, "timer0", 0); + set_int(sbvis_timer, v); + } + public mask(val) { + new x, y , w, h, x1, y1 , w1, h1; + get_geometry(PART:"pad.drag_up", x,y,w, h); + get_geometry(PART:"pad.vbar_up", x1,y1,w1, h1); + + if( y >= y1 && y <=(y1+h1) ) + { + set_state(PART:"mask.top", "default", 0.0); + } + else + { + set_state(PART:"mask.top", "show", 0.0); + } + get_geometry(PART:"pad.drag_down", x,y,w, h); + get_geometry(PART:"pad.vbar_down", x1,y1,w1, h1); + + if( (y+h) >= y1 && (y+h) <= (y1+h1) ) + { + set_state(PART:"mask.bottom", "hidden", 0.0); + } + else + { + set_state(PART:"mask.bottom", "default", 0.0); + } + if(val < 100) + timer(0.01,"mask",val+1); + } + + } + + images { + image: "scrollbar_vertical.png" COMP; + image: "scrollbar_horizontal.png" COMP; + image: "scrollbar_mask_top.png" COMP; + image: "scrollbar_mask_bottom.png" COMP; + } + parts { + part { name: "bg"; type: RECT; + description { state: "default" 0.0; + color: 255 255 255 0; + } + } + part { name: "clipper"; type: RECT; mouse_events: 0; + description { state: "default" 0.0; + rel1.to: "bg"; + rel2.to: "bg"; + } + } + part { name: "elm.swallow.content"; type: SWALLOW; + clip_to: "clipper"; + description { state: "default" 0.0; + rel1.to: "bg"; + rel2.to: "bg"; + } + } + part { name: "mask.top"; mouse_events: 1; + repeat_events: 1; + clip_to: "clipper"; + description { state: "default" 0.0; + rel1.to: "elm.swallow.content"; + align: 0 0; + min: 0 36; + max: -1 36; + fixed: 1 1; + image.normal: "scrollbar_mask_top.png"; + visible: 0; + } + description { state: "show" 0.0; + inherit: "default"; + visible: 0; + } + } + part { name: "mask.bottom"; mouse_events: 1; + repeat_events: 1; + clip_to: "clipper"; + description { state: "default" 0.0; + rel2.to: "elm.swallow.content"; + align: 1 1; + min: 0 36; + max: -1 36; + fixed: 1 1; + image.normal: "scrollbar_mask_bottom.png"; + visible: 0; + } + description { state: "hidden" 0.0; + inherit: "default"; + visible: 0; + } + } + part { name: "pad.vbar_up"; type: SPACER; + repeat_events: 1; + description { state: "default" 0.0; + min: 4 18; + max: 4 18; + fixed: 1 1; + align: 0.0 0.0; + rel1.to: "sb_vbar"; + rel2.to: "sb_vbar"; + } + } + part { name: "pad.drag_up"; type: SPACER; + repeat_events: 1; + description { state: "default" 0.0; + min: 4 4; + max: 4 4; + fixed: 1 1; + align: 0.0 0.0; + rel1.to: "elm.dragable.vbar"; + rel2.to: "elm.dragable.vbar"; + } + } + part { name: "pad.vbar_down"; type: SPACER; + repeat_events: 1; + description { state: "default" 0.0; + min: 4 18; + max: 4 18; + fixed: 1 1; + align: 0.0 1.0; + rel1.to: "sb_vbar"; + rel2.to: "sb_vbar"; + } + } + part { name: "pad.drag_down"; type: SPACER; + repeat_events: 1; + description { state: "default" 0.0; + min: 4 4; + max: 4 4; + fixed: 1 1; + align: 0.0 1.0; + rel1.to: "elm.dragable.vbar"; + rel2.to: "elm.dragable.vbar"; + } + } + + part { name: "conf_over"; type: RECT; mouse_events: 0; + description { state: "default" 0.0; + rel1.to: "bg"; + rel2.to: "bg"; + color: 255 255 0 0; + } + description { state: "enabled" 0.0; + inherit: "default" 0.0; + color: 200 155 0 0; + } + } + part { name: "focus_highlight"; type: RECT; mouse_events: 0; + description { state: "default" 0.0; + color: 200 155 0 0; + } + description { state: "enabled" 0.0; + inherit: "default" 0.0; + color: 200 155 0 0; + } + } + part { name: "sb_vbar_clip_master"; type: RECT; mouse_events: 0; + description { state: "default" 0.0; + } + description { state: "hidden" 0.0; + visible: 0; + } + } + part { name: "sb_vbar_clip"; type: RECT; mouse_events: 0; + clip_to: "sb_vbar_clip_master"; + description { state: "default" 0.0; + } + description { state: "hidden" 0.0; + visible: 0; + } + } + part { name: "sb_vbar"; type: RECT; mouse_events: 1; + description { state: "default" 0.0; + fixed: 1 1; + visible: 0; + min: 10 17; + align: 1.0 0.0; + rel1 { + relative: 1.0 0.0; + to_y: "elm.swallow.content"; + to_x: "elm.swallow.content"; + } + rel2 { + relative: 1.0 0.0; + to_y: "sb_hbar"; + to_x: "elm.swallow.content"; + } + } + } + part { name: "elm.dragable.vbar"; mouse_events: 0; + clip_to: "sb_vbar_clip"; + dragable { + x: 0 0 0; + y: 1 1 0; + confine: "sb_vbar"; + } + description { state: "default" 0.0; + fixed: 1 1; + min: 8 9; + max: 8 -1; + rel1 { + relative: 0.5 0.5; + to: "sb_vbar"; + } + rel2 { + relative: 0.5 0.5; + to: "sb_vbar"; + } + color: 0 0 0 64; + image { + normal: "scrollbar_vertical.png"; + border: 4 4 4 4; + middle: SOLID; + } + } + } + part { name: "sb_hbar_clip_master"; type: RECT; mouse_events: 0; + description { state: "default" 0.0; + } + description { state: "hidden" 0.0; + visible: 0; + } + } + part { name: "sb_hbar_clip"; type: RECT; mouse_events: 0; + clip_to: "sb_hbar_clip_master"; + description { state: "default" 0.0; + } + description { state: "hidden" 0.0; + visible: 0; + } + } + part { name: "sb_hbar"; type: RECT; mouse_events: 1; + description { state: "default" 0.0; + fixed: 1 1; + visible: 0; + min: 17 10; + align: 0.0 1.0; + rel1 { + relative: 0.0 1.0; + to_x: "elm.swallow.content"; + to_y: "elm.swallow.content"; + } + rel2 { + relative: 0.0 1.0; + to_x: "sb_vbar"; + to_y: "elm.swallow.content"; + } + } + } + part { name: "elm.dragable.hbar"; mouse_events: 0; + clip_to: "sb_hbar_clip"; + dragable { + x: 1 1 0; + y: 0 0 0; + confine: "sb_hbar"; + } + description { state: "default" 0.0; + fixed: 1 1; + min: 9 8 ; + max: -1 8 ; + rel1 { + relative: 0.5 0.5; + to: "sb_hbar"; + } + rel2 { + relative: 0.5 0.5; + to: "sb_hbar"; + } + color: 0 0 0 64; + image { + normal: "scrollbar_horizontal.png"; + border: 4 4 4 4; + middle: SOLID; + } + } + } + part { name: "disabler"; type: RECT; + description { state: "default" 0.0; + rel1.to: "clipper"; + rel2.to: "clipper"; + visible: 0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + visible: 1; + color: 128 128 128 128; + } + } + } + programs { + program { name: "load"; + signal: "load"; + source: ""; + script { + mask(0); + set_state(PART:"sb_hbar_clip", "hidden", 0.0); + set_state(PART:"sb_vbar_clip", "hidden", 0.0); + set_int(sbvis_h, 0); + set_int(sbvis_v, 0); + set_int(sbalways_v, 0); + set_int(sbalways_h, 0); + set_int(sbvis_timer, 0); + } + } + program { name: "vbar_show"; + signal: "elm,action,show,vbar"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "sb_vbar_clip_master"; + } + program { name: "vbar_hide"; + signal: "elm,action,hide,vbar"; + source: "elm"; + action: STATE_SET "hidden" 0.0; + target: "sb_vbar_clip_master"; + } + program { name: "vbar_show_always"; + signal: "elm,action,show_always,vbar"; + source: "elm"; + script { + new v; + v = get_int(sbvis_v); + v |= get_int(sbalways_v); + if (!v) { + set_int(sbalways_v, 1); + emit("do-show-vbar", ""); + set_int(sbvis_v, 1); + } + } + } + program { name: "vbar_show_notalways"; + signal: "elm,action,show_notalways,vbar"; + source: "elm"; + script { + new v; + v = get_int(sbalways_v); + if (v) { + set_int(sbalways_v, 0); + v = get_int(sbvis_v); + if (!v) { + emit("do-hide-vbar", ""); + set_int(sbvis_v, 0); + } + } + } + } + program { name: "sb_vbar_show"; + signal: "do-show-vbar"; + source: ""; + action: STATE_SET "default" 0.0; + transition: LINEAR 0.5; + target: "sb_vbar_clip"; + } + program { name: "sb_vbar_hide"; + signal: "do-hide-vbar"; + source: ""; + action: STATE_SET "hidden" 0.0; + transition: LINEAR 0.5; + target: "sb_vbar_clip"; + } + + program { name: "hbar_show"; + signal: "elm,action,show,hbar"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "sb_hbar_clip_master"; + } + program { name: "hbar_hide"; + signal: "elm,action,hide,hbar"; + source: "elm"; + action: STATE_SET "hidden" 0.0; + target: "sb_hbar_clip_master"; + } + program { name: "hbar_show_always"; + signal: "elm,action,show_always,hbar"; + source: "elm"; + script { + new v; + v = get_int(sbvis_h); + v |= get_int(sbalways_h); + if (!v) { + set_int(sbalways_h, 1); + emit("do-show-hbar", ""); + set_int(sbvis_h, 1); + } + } + } + program { name: "hbar_show_notalways"; + signal: "elm,action,show_notalways,hbar"; + source: "elm"; + script { + new v; + v = get_int(sbalways_h); + if (v) { + set_int(sbalways_h, 0); + v = get_int(sbvis_h); + if (!v) { + emit("do-hide-hbar", ""); + set_int(sbvis_h, 0); + } + } + } + } + program { name: "sb_hbar_show"; + signal: "do-show-hbar"; + source: ""; + action: STATE_SET "default" 0.0; + transition: LINEAR 0.5; + target: "sb_hbar_clip"; + } + program { name: "sb_hbar_hide"; + signal: "do-hide-hbar"; + source: ""; + action: STATE_SET "hidden" 0.0; + transition: LINEAR 0.5; + target: "sb_hbar_clip"; + } + program { name: "scroll"; + signal: "elm,action,scroll"; + source: "elm"; + script { + mask(100); + visible_scroll(); + } + } + program { name: "mouseoverv"; + signal: "mouse,in"; + source: "sb_vbar"; + script { + visible_scroll(); + } + + } + program { name: "mouseoverh"; + signal: "mouse,in"; + source: "sb_hbar"; + script { + visible_scroll(); + } + } + program { name: "focus"; + signal: "elm,action,focus"; + source: "elm"; + script { + mask(100); + visible_scroll(); + } + } + program { name: "highlight_show"; + signal: "elm,action,focus_highlight,show"; + source: "elm"; + action: STATE_SET "enabled" 0.0; + transition: ACCELERATE 0.3; + target: "focus_highlight"; + target: "conf_over"; + } + program { name: "highlight_hide"; + signal: "elm,action,focus_highlight,hide"; + source: "elm"; + action: STATE_SET "default" 0.0; + transition: DECELERATE 0.3; + target: "focus_highlight"; + target: "conf_over"; + } + program { name: "disable"; + signal: "elm,state,disabled"; + source: "elm"; + action: STATE_SET "disabled" 0.0; + target: "disabler"; + } + program { name: "enable"; + signal: "elm,state,enabled"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "disabler"; + } + program { + signal: "elm,scroller,arrow_up,hide"; + source: "elm"; + action: STATE_SET "invisible" 0.0; + target: "mask.top"; + } + } +} +/******************************************************************************** +DOC: Tizen TV_General Guide_GUI Guideline_v1.0_140430.ppt page : 61 style: white +* ******************************************************************************/ +group { name: "elm/scroller/base/white"; + inherit: "elm/scroller/base/default"; + alias: "elm/list/base/white"; + alias: "elm/genlist/base/white"; + alias: "elm/gengrid/base/white"; + alias: "elm/scroller/base/map_bubble"; + alias: "elm/genscroller/base/white"; + + parts { + part { name: "elm.dragable.vbar"; + description { state: "default" 0.0; + color: 255 255 255 25; + } + } + part { name: "elm.dragable.hbar"; + description { state: "default" 0.0; + color: 255 255 255 25; + } + } + } +} + +/******************************************************************************** +DOC: Tizen TV_General Guide_GUI Guideline_v1.0_140430.ppt page : 70 style: white +********************************************************************************/ +group { name: "elm/scroller/base/no_bar"; + inherit: "elm/scroller/base/default"; + alias: "elm/list/base/no_bar"; + alias: "elm/genlist/base/no_bar"; + alias: "elm/gengrid/base/no_bar"; + alias: "elm/scroller/base/map_bubble"; + alias: "elm/genscroller/base/no_bar"; + + parts { + part { name: "elm.dragable.vbar"; + description { state: "default" 0.0; + visible: 0; + } + } + part { name: "elm.dragable.hbar"; + description { state: "default" 0.0; + visible: 0; + } + } + } +} diff --git a/ElmSharp/theme/tv/widgets/slider.edc b/ElmSharp/theme/tv/widgets/slider.edc new file mode 100644 index 0000000..bedd884 --- /dev/null +++ b/ElmSharp/theme/tv/widgets/slider.edc @@ -0,0 +1,939 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +/********************************************************************************* +Document: Tizen TV_General Guide_GUI Guideline_v1.0_140508_1.ppt, Page no.94, +style name: default +*********************************************************************************/ + +//ADD_COLOR_CLASS + +#define SLIDER_FONT_SIZE 26 + +group { name: "elm/slider/horizontal/default"; + data.item: "focus_highlight" "on"; + styles { + style { name: "slider_style"; + base: "font="FONT_M" font_size="26" align=centre color=#458fff left_margin=21 right_margin=21"; + tag: "hilight" "+ font_weight=Bold"; + tag: "em" "+ font_style=Bold"; + } + } + parts { + alias: "default" "elm.text"; + part { name: "base"; type: RECT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + max: -1 8; + min: 0 8; + rel1 { to_y: "bg"; + to_x: "pad.level.left"; + relative: 1 0; + } + rel2 { to: "bg"; + to_x: "pad.level.right"; + relative: 0 1; + } + } + } + part { name: "pad.level.left"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1 { to: "elm.swallow.bar"; + relative: 0 1; + } + rel2 { to: "elm.swallow.bar"; + relative: 0 1; + } + min: 12 0; + max: 12 0; + fixed: 1 0; + align: 0 0; + } + } + part { name: "pad.level.right"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1 { to: "elm.swallow.bar"; + relative: 0 1; + } + rel2.to: "elm.swallow.bar"; + min: 12 0; + max: 12 0; + align: 1 0; + fixed: 1 0; + } + } + part { name: "level"; type: RECT; mouse_events: 0; + description { state: "default" 0.0; + fixed: 1 1; + rel1.to: "base"; + rel2 { to_y: "base"; + to_x: "elm.dragable.slider"; + relative: 0.5 1.0; + } + color: 255 255 255 255; + } + description { state: "inverted" 0.0; + inherit: "default" 0.0; + visible: 0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 255 0 0 100; + } + description { state: "disabled_inverted" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "over"; type: RECT; mouse_events: 0; + description { state: "default" 0.0; + fixed: 1 1; + rel1 { to_y: "base"; + to_x: "elm.dragable.slider"; + relative: 0.5 0.0; + } + rel2.to: "base"; + color: 0 0 0 65; + } + } + part { name: "level2"; type: RECT; mouse_events: 0; + description { state: "default" 0.0; + fixed: 1 1; + visible: 1; + rel1 { to_y: "base"; + to_x: "elm.dragable.slider"; + relative: 0.5 0.0; + } + rel2.to: "base"; + color: 255 255 255 65; + } + description { state: "inverted" 0.0; + inherit: "default" 0.0; + visible: 1; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + } + description { state: "disabled_inverted" 0.0; + inherit: "default" 0.0; + color: 255 0 0 100; + visible: 1; + } + } + part { name: "pad.bg"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "elm.swallow.bar"; + rel2.to: "elm.swallow.bar"; + min: 12 0; + max: 12 0; + align: 0 0; + } + } + part { name: "pad.bg.right"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + rel1.to: "elm.swallow.bar"; + rel2.to: "elm.swallow.bar"; + min: 12 2; + max: 12 2; + align: 1 1; + } + } + part { name: "bg"; type: RECT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + visible: 0; + align: 0.5 0.5; + rel1.to: "pad.bg"; + rel1.relative: 1 0; + rel2.to: "pad.bg.right"; + rel2.relative: 0 1; + color: 255 0 0 255; + } + } + part { name: "pad.swallow.left"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + align: 0 0; + min: 20 0; + max: 20 0; + rel1 { + to_x: "elm.text"; + relative: 1.0 0.0; + } + } + } + part { name: "pad.swallow.right"; type: SPACER; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + min: 20 0; + max: 20 0; + fixed: 1 1; + align: 1 1; + rel2 { + to_x: "elm.units"; + relative: 0.0 1.0; + } + } + } + part { name: "elm.swallow.bar"; type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + min: 48 24; + max: -1 24; + align: 1.0 0.5; + rel1 { + to: "pad.swallow.left"; + relative: 1.0 0.0; + } + rel2 { + to_x: "pad.swallow.right"; + relative: 0.0 1.0; + } + } + } + part { name: "elm.swallow.icon"; type: SWALLOW; + description { state: "default" 0.0; + visible: 0; + align: 0.0 0.5; + rel1 { + to_y: "elm.swallow.bar"; + } + rel2 { + relative: 0.0 1.0; + to_y: "elm.swallow.bar"; + } + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + aspect: 1.0 1.0; + aspect_preference: VERTICAL; + } + } + part { name: "elm.text"; type: TEXT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + visible: 0; + fixed: 1 1; + align: 1.0 0.5; + rel1.to_x: "elm.swallow.icon"; + rel1.relative: 1.0 0.0; + rel2.to_x: "elm.swallow.icon"; + rel2.relative: 1.0 1.0; + text { + font: "FONT_M"; + size: SLIDER_FONT_SIZE; + min: 0 0; + align: 0.0 0.5; + } + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + text.min: 1 1; + text.ellipsis: -1; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 255 128 128 128; + visible: 0; + } + description { state: "disabled_visible" 0.0; + inherit: "default" 0.0; + visible: 1; + text.min: 1 1; + text.ellipsis: -1; + } + } + part { name: "elm.swallow.end"; type: SWALLOW; + description { state: "default" 0.0; + visible: 0; + align: 1.0 0.5; + rel1 { + relative: 1.0 0.0; + to_y: "elm.swallow.bar"; + } + rel2 { + to_y: "elm.swallow.bar"; + } + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + aspect: 1.0 1.0; + aspect_preference: VERTICAL; + } + } + part { name: "elm.units"; type: TEXT; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + visible: 0; + fixed: 1 1; + rel1.to_x: "elm.swallow.end"; + rel2.to_x: "elm.swallow.end"; + color: 255 255 255 255; + align: 0 0.5; + text { + font: FONT_M; + size: SLIDER_FONT_SIZE; + min: 0 0; + align: 0.0 0.5; + } + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + text.min: 1 1; + text.ellipsis: -1; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: 255 128 128 128; + visible: 0; + } + description { state: "disabled_visible" 0.0; + inherit: "default" 0.0; + visible: 1; + text.min: 1 1; + text.ellipsis: -1; + } + } + part { name: "button"; type: GROUP; mouse_events: 0; + source:"elm/slider/horizontal/indicator/default"; + description { state: "default" 0.0; + fixed: 1 1; + rel1.to: "elm.dragable.slider"; + rel2.to: "elm.dragable.slider"; + } + description { state: "hidden" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.dragable.slider"; type: RECT; + scale: 1; + dragable { + x: 1 1 0; + y: 0 0 0; + confine: "bg"; + } + description { state: "default" 0.0; + min: 0 0; + max: 0 0; + fixed: 1 1; + rel1 { + relative: 0.5 0.0; + to_x: "bg"; + } + rel2 { + relative: 0.5 1.0; + to_x: "bg"; + } + color: 0 0 0 0; + } + } + part { name: "slideevent"; type: RECT; mouse_events: 0; + scale: 1; + dragable.events: "elm.dragable.slider"; + description { state: "default" 0.0; + fixed: 1 1; + min: 24 24; + max: 24 24; + rel1.to: "elm.dragable.slider"; + rel2.to: "elm.dragable.slider"; + color: 0 0 0 0; + } + } + part { name: "elm.track.slider"; type: SWALLOW; mouse_events: 0; + description { state: "default" 0.0; + max: 0 0; + rel1.to: "elm.dragable.slider"; + rel2.to: "elm.dragable.slider"; + } + } + part { name: "disabler"; type: RECT; + description { state: "default" 0.0; + color: 0 0 0 0; + visible: 0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + } + programs { + program { name: "mouse_down_bar"; + signal: "mouse,down,*"; source:"elm.swallow.bar"; + action: SIGNAL_EMIT "popup,show" "elm"; + } + program { name: "mouse_up_bar"; + signal: "mouse,up,*"; source:"elm.swallow.bar"; + action: SIGNAL_EMIT "popup,hide" "elm"; + } + + program { name: "indicator_show"; + signal: "elm,state,indicator,show"; source:"elm"; + action: SIGNAL_EMIT "popup,show" "elm"; + } + program { name: "indicator_hide"; + signal: "elm,state,indicator,hide"; source:"elm"; + action: SIGNAL_EMIT "highlight,hide" "elm"; + } + program { name: "popup_show"; + signal: "mouse,down,1"; source:"slideevent"; + action: SIGNAL_EMIT "popup,show" "elm"; + } + program { name: "popup_hide"; + signal: "mouse,up,1"; source:"slideevent"; + action: SIGNAL_EMIT "highlight,hide" "elm"; + } + program { name: "text_show"; + signal: "elm,state,text,visible"; source:"elm"; + action: STATE_SET "visible" 0.0; + target: "elm.text"; + } + program { name: "text_hide"; + signal: "elm,state,text,hidden"; source:"elm"; + action: STATE_SET "default" 0.0; + target: "elm.text"; + } + program { name: "icon_show"; + signal: "elm,state,icon,visible"; source:"elm"; + action: STATE_SET "visible" 0.0; + target: "elm.swallow.icon"; + } + program { name: "icon_hide"; + signal: "elm,state,icon,hidden"; source:"elm"; + action: STATE_SET "default" 0.0; + target: "elm.swallow.icon"; + } + program { name: "end_show"; + signal: "elm,state,end,visible"; source:"elm"; + action: STATE_SET "visible" 0.0; + target: "elm.swallow.end"; + } + program { name: "end_hide"; + signal: "elm,state,end,hidden"; source:"elm"; + action: STATE_SET "default" 0.0; + target: "elm.swallow.end"; + } + program { name: "units_show"; + signal: "elm,state,units,visible"; source:"elm"; + action: STATE_SET "visible" 0.0; + target: "elm.units"; + after: "limits,children,visible"; + } + program { name: "limits,children,visible"; + action: SIGNAL_EMIT "limits:limits,visible" "elm"; + } + program { name: "units_hide"; + signal: "elm,state,units,hidden"; source:"elm"; + action: STATE_SET "default" 0.0; + target: "elm.units"; + after: "limits,children,hide"; + } + program { name: "limits,children,hide"; + action: SIGNAL_EMIT "limits:limits,hide" "elm"; + } + program { name: "invert_on"; + signal: "elm,state,inverted,on"; source:"elm"; + action: STATE_SET "inverted" 0.0; + target: "level"; + target: "level2"; + } + program { name: "invert_off"; + signal: "elm,state,inverted,off"; source:"elm"; + action: STATE_SET "default" 0.0; + target: "level"; + target: "level2"; + } + program { + name: "go_disabled"; + signal: "elm,state,disabled"; source:"elm"; + action: STATE_SET "disabled" 0.0; + target: "disabler"; + after: "disable_text"; + after: "disable_ind"; + } + program { name: "disable_ind"; + action: SIGNAL_EMIT "elm.dragable.slider:elm,state,disabled" "elm"; + } + program { name: "disable_text"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.text", st, 30, vl); + if (!strcmp(st, "visible")) + set_state(PART:"elm.text", "disabled_visible", 0.0); + else + set_state(PART:"elm.text", "disabled", 0.0); + + get_state(PART:"elm.units", st, 30, vl); + if (!strcmp(st, "visible")) + set_state(PART:"elm.units", "disabled_visible", 0.0); + else + set_state(PART:"elm.units", "disabled", 0.0); + + get_state(PART:"level2", st, 30, vl); + if (!strcmp(st, "inverted")) + { + set_state(PART:"level", "disabled_inverted", 0.0); + set_state(PART:"level2", "disabled_inverted", 0.0); + } + else + { + set_state(PART:"level", "disabled", 0.0); + set_state(PART:"level2", "disabled", 0.0); + } + } + } + program { name: "enable"; + signal: "elm,state,enabled"; source:"elm"; + action: STATE_SET "default" 0.0; + target: "disabler"; + after: "enable_text"; + after: "enable_ind"; + } + program { name: "enable_ind"; + action: SIGNAL_EMIT "elm.dragable.slider:elm,state,enabled" "elm"; + } + program { name: "enable_text"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.text", st, 30, vl); + if (!strcmp(st, "disabled_visible")) + set_state(PART:"elm.text", "visible", 0.0); + else + set_state(PART:"elm.text", "default", 0.0); + + get_state(PART:"elm.units", st, 30, vl); + if (!strcmp(st, "disabled_visible")) + set_state(PART:"elm.units", "visible", 0.0); + else + set_state(PART:"elm.units", "default", 0.0); + + get_state(PART:"level2", st, 30, vl); + if (!strcmp(st, "disabled_inverted")) + { + set_state(PART:"level", "inverted", 0.0); + set_state(PART:"level2", "inverted", 0.0); + } + else + { + set_state(PART:"level", "default", 0.0); + set_state(PART:"level2", "default", 0.0); + } + } + } + } +} + +group { name: "elm/slider/horizontal/indicator/default"; + alias: "elm/slider/horizontal/popup/default"; + images{ + image: "tooltip_bg.png" COMP; + image: "tooltip_arrow.png" COMP; + image: "slider_thumb_stroke.png" COMP; + image: "slider_thumb_fill.png" COMP; + } + script { + public popup_show = 0; + public is_in_focuse = 0; + public is_mouse_in = 0; + public is_focus = 0; + public setcol; + + public set_value_show() { + set_int(popup_show, 0); + } + + public set_value_hide() { + set_int(popup_show, 1); + } + + public mouse_down() + { + if (get_int(popup_show) == 0) + { + set_state(PART:"progress_balloon", "clicked", 0.0); + set_state(PART:"progress_balloon_arrow", "clicked", 0.0); + set_state(PART:"elm.indicator", "clicked", 0.0); + set_state(PART:"knob_fill", "clicked", 0.0); + set_state(PART:"knob", "clicked", 0.0); + } + set_int(is_in_focuse, 1); + } + public mouse_up() + { + set_state(PART:"progress_balloon", "default", 0.0); + set_state(PART:"progress_balloon_arrow", "default", 0.0); + set_state(PART:"elm.indicator", "default", 0.0); + set_state(PART:"knob_fill", "default", 0.0); + set_state(PART:"knob", "clicked", 0.0); + } + public mouse_in_knob() + { + set_state(PART:"knob", "over", 0.0); + set_int(is_mouse_in, 1); + } + public mouse_out_knob() + { + set_int(is_mouse_in, 0); + if (get_int(is_in_focuse)) + { + set_state(PART:"knob", "clicked", 0.0); + } + else + set_state(PART:"knob", "default", 0.0); + } + } + parts{ + part { name: "knob_fill"; + repeat_events: 1; + scale: 1; + description { state: "default" 0.0; + image.normal: "slider_thumb_fill.png"; + min: 38 38; + max: 38 38; + align:0.5 0.5; + fixed: 1 1; + color_class: "open_ux_theme"; + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme"; + } + } + part { name: "knob"; + repeat_events: 1; + scale: 1; + description { state: "default" 0.0; + image.normal: "slider_thumb_stroke.png"; + min: 38 38; + max: 38 38; + fixed: 1 1; + color: 255 255 255 255; + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + } + description { state: "over" 0.0; + inherit: "clicked" 0.0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + } + } + part { name: "progress_balloon"; + scale: 1; + description { state: "default" 0.0; + visible: 0; + align: 0.5 1; + rel1.to: "pad.text_top.left"; + rel2.to: "pad.text_bottom.right"; + fixed: 1 1; + image.normal: "tooltip_bg.png"; + image.border: 6 6 7 7; + image.border_scale: 1; + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + part { name: "pad.baloon_arrow_align"; type:SPACER; + scale: 1; + description { state: "default" 0.0; + rel1.to: "knob"; + rel2{ + to: "knob"; + relative: 1 0; + } + min: 0 2; + max: 0 2; + fixed: 1 1; + align: 0.5 0; + } + } + part { name: "progress_balloon_arrow"; + scale: 1; + description { state: "default" 0.0; + visible: 0; + rel1 { to: "pad.baloon_arrow_align"; + relative: 0 1; + } + rel2.to: "pad.baloon_arrow_align"; + min: 12 10; + max: 12 10; + align: 0.5 1; + fixed: 1 1; + image.normal: "tooltip_arrow.png"; + image.border: 6 6 7 7; + image.border_scale: 1; + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + image.normal: "tooltip_arrow.png"; + visible: 1; + } + } + part { name: "pad.text_top.left"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 11 11; + max: 11 11; + fixed: 1 1; + align: 1 0; + rel1.to: "elm.indicator"; + rel2 { to: "elm.indicator"; + relative: 0 0; + } + } + } + part { name: "pad.text_bottom.right"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 11 11; + max: 11 11; + fixed: 1 1; + align: 0 0; + rel1 { to: "elm.indicator"; + relative: 1 1; + } + rel2.to: "elm.indicator"; + } + } + part { name: "pad.text_align"; type: SPACER; + scale: 1; + description { state: "default" 0.0; + min: 0 6; + max: 0 6; + fixed: 1 1; + align: 0.5 1; + rel1 { to: "progress_balloon_arrow"; + relative: 0.5 0; + } + rel2 { to: "progress_balloon_arrow"; + relative: 0.5 0; + } + } + } + part { name: "elm.indicator"; type: TEXTBLOCK; mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + visible: 0; + fixed: 1 1; + rel1.to: "pad.text_align"; + rel2 { to: "pad.text_align"; + relative: 0 0; + } + align: 0.5 1; + text { + style: "slider_style"; + min: 1 1; + ellipsis: -1; + } + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + } + + programs { + program { name: "mouse_down_bar"; + signal: "mouse,down,*"; source:"knob"; + script { + mouse_down(); + } + } + program { name: "mouse_up_bar"; + signal: "mouse,up,*"; source:"knob"; + script { + mouse_up(); + } + } + program { name: "popup_show"; + signal: "popup,show"; source:"elm"; + script { + mouse_down(); + } + } + program { name: "popup_hide"; + signal: "popup,hide"; source:"elm"; + action: SIGNAL_EMIT "popup,hide,done" "elm"; + } + program { name: "popup_hide2"; + signal: "popup,hide"; source:"elm"; + script { + mouse_up(); + } + } + program { name: "set_val_show"; + signal: "elm,state,val,show"; source:"elm"; + script { + set_value_show(); + } + } + program { name: "set_val_hide"; + signal: "elm,state,val,hide"; source:"elm"; + script { + set_value_hide(); + } + } + program { name: "val_show"; + signal: "mouse,down,*"; source:"knob"; + script { + mouse_down(); + } + } + program { name: "val_hide"; + signal: "mouse,up,*"; source:"knob"; + script { + mouse_up(); + } + } + + + } +} + +/********************************************************************************* +Document: Tizen TV_General Guide_GUI Guideline_v1.0_140508_1.ppt, Page no.96, +style name: default +*********************************************************************************/ +group { name: "elm/slider/horizontal/progress"; + inherit: "elm/slider/horizontal/default"; + parts{ + part { name: "level"; type: RECT; mouse_events: 0; + description { state: "default" 0.0; + fixed: 1 1; + rel1.to: "base"; + rel2 { + to_y: "base"; + to_x: "elm.dragable.slider"; + relative: 0.5 1.0; + } + color_class: "open_ux_theme"; + } + description { state: "focus" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme"; + } + } + part { name: "button"; type: GROUP; mouse_events: 0; + source:"elm/slider/horizontal/indicator/progress"; + description { state: "default" 0.0; + fixed: 1 1; + rel1.to: "elm.dragable.slider"; + rel2.to: "elm.dragable.slider"; + } + description { state: "hidden" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + } + programs { + program { name: "Focus"; + signal: "elm,action,focus"; source: "elm"; + action: STATE_SET "focus" 0.0; + target: "level"; + } + program { name: "Unfocus"; + signal: "elm,action,unfocus"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "level"; + } + } +} + +group { name: "elm/slider/horizontal/indicator/progress"; + inherit: "elm/slider/horizontal/indicator/default"; + alias: "elm/slider/horizontal/popup/progress"; + parts { + part { name: "knob_fill"; + repeat_events: 1; + scale: 1; + description { state: "default" 0.0; + image.normal: "slider_thumb_fill.png"; + min: 38 38; + max: 38 38; + align:0.5 0.5; + fixed: 1 1; + color: 0 0 0 255; + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + } + } + part { name: "knob"; + repeat_events: 1; + scale: 1; + description { state: "default" 0.0; + image.normal: "slider_thumb_stroke.png"; + min: 38 38; + max: 38 38; + fixed: 1 1; + color: 255 255 255 255; + } + description { state: "over" 0.0; + inherit: "clicked" 0.0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + } + description { state: "focus" 0.0; + inherit: "default" 0.0; + color_class: "open_ux_theme"; + } + description { state: "clicked" 0.0; + inherit: "focus" 0.0; + color_class: "open_ux_theme"; + } + } + + } + programs { + program { name: "Focus"; + signal: "elm,action,focus"; source: "elm"; + action: STATE_SET "focus" 0.0; + target: "knob"; + } + program { name: "Unfocus"; + signal: "elm,action,unfocus"; source: "elm"; + action: STATE_SET "default" 0.0; + target: "knob"; + } + } +} diff --git a/ElmSharp/theme/tv/widgets/spinner.edc b/ElmSharp/theme/tv/widgets/spinner.edc new file mode 100644 index 0000000..72a897a --- /dev/null +++ b/ElmSharp/theme/tv/widgets/spinner.edc @@ -0,0 +1,325 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +/************************************************************************* +Doc: Tizen TV_General Guide_GUI Guideline_v1.0_140709.ppt page:93 +**************************************************************************/ + +group { name: "elm/spinner/base/default"; + alias: "elm/spinner/base/horizontal"; + parts { + part { name: "bg"; + type: RECT; + scale: 1; + description { state: "default" 0.0; + color: 255 255 255 255; + } + } + part { name: "access"; + type: RECT; + repeat_events: 1; + description { state: "default" 0.0; + fixed: 1 1; + color: 0 0 0 0; + rel1.to: "bg"; + rel2.to: "bg"; + visible: 1; + } + description { state: "active" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.swallow.inc_button"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + align: 1.0 0.5; + min: 64 90; + max: 64 90; + } + } + part { name: "elm.swallow.dec_button"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + align: 0.0 0.5; + min: 64 90; + max: 64 90; + } + } + part { name: "elm.swallow.text_button"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + visible: 1; + min: 0 146; + max: -1 146; + rel1 { + to_x: "elm.swallow.dec_button"; + relative: 1.0 0.0; + } + rel2 { + to_x: "elm.swallow.inc_button"; + relative: 0.0 1.0; + } + } + description { state: "active" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.swallow.entry"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + visible: 0; + rel1.to: "elm.swallow.text_button"; + rel2.to: "elm.swallow.text_button"; + min: 0 146; + max: -1 146; + fixed: 1 1; + } + description { state: "active" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + part { name: "disabler"; + type: RECT; + description { state: "default" 0.0; + color: 0 0 0 0; + visible: 0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + } + programs { + program { name: "entry_active"; + signal: "elm,state,entry,active"; + source: "elm"; + action: STATE_SET "active" 0.0; + //target: "elm.swallow.text_button"; + target: "elm.swallow.entry"; + } + program { name: "entry_inactive"; + signal: "elm,state,entry,inactive"; + source: "elm"; + action: STATE_SET "default" 0.0; + //target: "elm.swallow.text_button"; + target: "elm.swallow.entry"; + } + program { name: "text_button_active"; + signal: "elm,state,button,active"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.swallow.text_button"; + } + program { name: "text_button_inactive"; + signal: "elm,state,button,inactive"; + source: "elm"; + action: STATE_SET "inactive" 0.0; + target: "elm.swallow.text_button"; + } + program { name: "access_activate"; + signal: "elm,state,access,active"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "access"; + } + program { name: "access_inactivate"; + signal: "elm,state,access,inactive"; + source: "elm"; + action: STATE_SET "active" 0.0; + target: "access"; + } + program { name: "disable"; + signal: "elm,state,disabled"; + source: "elm"; + action: STATE_SET "disabled" 0.0; + target: "disabler"; + } + program { name: "enable"; + signal: "elm,state,enabled"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "disabler"; + } + } +} + +group { name: "elm/spinner/base/vertical"; + parts { + part { name: "bg"; + type: RECT; + scale: 1; + description { state: "default" 0.0; + min: 146 348; + color: 250 250 250 255; + } + } + part { name: "access"; + type: RECT; + repeat_events: 1; + description { state: "default" 0.0; + fixed: 1 1; + color: 0 0 0 0; + rel1.to: "bg"; + rel2.to: "bg"; + visible: 1; + } + description { state: "active" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.swallow.inc_button"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + align: 0.5 0.0; + min: 146 80; + max: 146 80; + } + } + part { name: "elm.swallow.dec_button"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + align: 0.5 1.0; + min: 146 80; + max: 146 80; + } + } + part { name: "elm.swallow.text_button"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + visible: 1; + min: 0 146; + max: -1 146; + } + description { state: "inactive" 0.0; + inherit: "default" 0.0; + visible: 0; + } + } + part { name: "elm.swallow.entry"; + type: SWALLOW; + description { state: "default" 0.0; + visible: 0; + rel1.to: "elm.swallow.text_button"; + rel2.to: "elm.swallow.text_button"; + min: 0 146; + max: -1 146; + fixed: 1 1; + } + description { state: "active" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + part { name: "disabler"; + type: RECT; + description { state: "default" 0.0; + color: 0 0 0 0; + visible: 0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + } + programs { + program { name: "entry_active"; + signal: "elm,state,entry,active"; + source: "elm"; + action: STATE_SET "active" 0.0; + target: "elm.swallow.entry"; + } + program { name: "entry_inactive"; + signal: "elm,state,entry,inactive"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.swallow.entry"; + } + program { name: "text_button_active"; + signal: "elm,state,button,active"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.swallow.text_button"; + } + program { name: "text_button_inactive"; + signal: "elm,state,button,inactive"; + source: "elm"; + action: STATE_SET "inactive" 0.0; + target: "elm.swallow.text_button"; + } + program { name: "access_activate"; + signal: "elm,state,access,active"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "access"; + } + program { name: "access_inactivate"; + signal: "elm,state,access,inactive"; + source: "elm"; + action: STATE_SET "active" 0.0; + target: "access"; + } + program { name: "disable"; + signal: "elm,state,disabled"; + source: "elm"; + action: STATE_SET "disabled" 0.0; + target: "disabler"; + } + program { name: "enable"; + signal: "elm,state,enabled"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "disabler"; + } + } +} + +group { name: "elm/spinner/base/vertical_date_picker"; + inherit: "elm/spinner/base/vertical"; + parts { + part { name: "bg"; + type: RECT; + scale: 1; + description { state: "default" 0.0; + min: 158 262; + color: 250 250 250 255; + } + } + } +} + diff --git a/ElmSharp/theme/tv/widgets/tooltip.edc b/ElmSharp/theme/tv/widgets/tooltip.edc new file mode 100644 index 0000000..3a30e64 --- /dev/null +++ b/ElmSharp/theme/tv/widgets/tooltip.edc @@ -0,0 +1,292 @@ +/* + * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved + * + * BSD 2-Clause License (http://www.opensource.org/licenses/bsd-license.php) + * + * Redistribution and use in source and binary forms, with or without + * modification, are permitted provided that the following conditions are met: + * + * 1. Redistributions of source code must retain the above copyright notice, this + * list of conditions and the following disclaimer. + * 2. Redistributions in binary form must reproduce the above copyright notice, + * this list of conditions and the following disclaimer in the documentation + * and/or other materials provided with the distribution. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND + * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR + * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + +group { name: "elm/label/base/tooltip"; + styles { + style { name: "tooltip_style"; + base: "font=Sans font_size=22 align=left color=#1d1d1d left_margin=21 right_margin=21 wrap=word"; + tag: "br" "\n"; + tag: "hilight" "+ font_weight=Bold"; + tag: "b" "+ font_weight=Bold"; + tag: "tab" "\t"; + } + } + parts { + part { name: "elm.text"; + type: TEXTBLOCK; + mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + text { + style: "tooltip_style"; + min: 1 1; + ellipsis: -1; + } + } + } + } +} + +group { name: "elm/tooltip/base/default"; + min: 40 40; + data { + item: "pad_x" "20"; + item: "pad_y" "20"; + item: "pad_border_x" "10"; + item: "pad_border_y" "10"; + item: "hide_timeout" "0.35"; /**< tooltip is hidden after this amount, keep in sync with hide animations */ + } + images { + image: "tooltip_bg.png" COMP; + image: "tooltip-edge-bottom-tip.png" COMP; + image: "tooltip-edge-top-tip.png" COMP; + } + script { + show_edge_top(Float:val) { + set_state(PART:"clipper-edge-top", "visible", 0.0); + set_drag(PART:"edge-drag-top", val, 0.0); + } + show_edge_bottom(Float:val) { + set_state(PART:"clipper-edge-bottom", "visible", 0.0); + set_drag(PART:"edge-drag-bottom", val, 0.0); + } + + public message(Msg_Type:type, id, ...) { + if ((type == MSG_FLOAT_SET) && (id == 1)) { + new Float:x, Float:y; + + x = getfarg(2); + y = getfarg(3); + + if (y < 0.0) show_edge_top(x); + else if (y > 1.0) show_edge_bottom(x); + } + } + } + parts { + part { name: "clipper"; type: RECT; + description { state: "default" 0.0; + color: 255 255 255 0; + rel1 { to: "pop"; offset: -15 -15; } + rel2 { to: "pop"; offset: 15 15; } + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + } + part { name: "pop"; mouse_events: 0; + clip_to: "clipper"; + scale: 1; + description { state: "default" 0.0; + min: 60 60; + rel1 { + to: "elm.swallow.content"; + offset: -5 -4; + } + rel2 { + to: "elm.swallow.content"; + offset: 4 5; + } + color: 255 255 255 230; + image { + normal: "tooltip_bg.png"; + border: 5 6 6 7; + } + } + } + + #define TT_EDGE_HORIZ(name_, ry, ay, oy) \ + part { name: "clipper-edge-"name_; \ + type: RECT; \ + clip_to: "clipper"; \ + description { state: "default" 0.0; \ + color: 255 255 255 0; \ + visible: 0; \ + min: 14 14; \ + align: 0.5 ay; \ + fixed: 1 1; \ + rel1 { \ + relative: 0.0 ry; \ + offset: 0 oy; \ + to: "elm.swallow.content"; \ + } \ + rel2 { \ + relative: 1.0 ry; \ + offset: 0 oy; \ + to: "elm.swallow.content"; \ + } \ + } \ + description { state: "visible" 0.0; \ + inherit: "default" 0.0; \ + color: 255 255 255 255; \ + visible: 1; \ + } \ + } \ + part { name: "edge-area-"name_; \ + type: RECT; \ + mouse_events: 0; \ + clip_to: "clipper-edge-"name_; \ + description { state: "default" 0.0; \ + color: 0 0 0 0; \ + min: 14 14; \ + align: 0.5 ay; \ + fixed: 1 1; \ + rel1 { \ + relative: 0.0 ry; \ + offset: 0 oy; \ + to: "elm.swallow.content"; \ + } \ + rel2 { \ + relative: 1.0 ry; \ + offset: 0 oy; \ + to: "elm.swallow.content"; \ + } \ + } \ + } \ + part { name: "edge-drag-"name_; \ + type: RECT; \ + mouse_events: 0; \ + clip_to: "clipper-edge-"name_; \ + dragable { \ + x: 1 1 0; \ + y: 0 0 0; \ + confine: "edge-area-"name_; \ + } \ + description { state: "default" 0.0; \ + color: 0 0 0 0; \ + min: 14 14; \ + rel1.to: "edge-area-"name_; \ + rel2.to: "edge-area-"name_; \ + } \ + } \ + part { name: "edge-img-"name_; \ + type: IMAGE; \ + mouse_events: 0; \ + clip_to: "clipper-edge-"name_; \ + description { state: "default" 0.0; \ + min: 14 14; \ + max: 14 14; \ + align: 0.5 ay; \ + fixed: 1 1; \ + rel1.to: "edge-drag-"name_; \ + rel2.to: "edge-drag-"name_; \ + image.normal: "tooltip-edge-"name_"-tip.png"; \ + } \ + } + TT_EDGE_HORIZ("top", 0, 1, -5); + TT_EDGE_HORIZ("bottom", 1, 0, 2); + #undef TT_EDGE_HORIZ + + part { name: "clipper_content"; + type: RECT; + description { state: "default" 0.0; + color: 255 255 255 0; + rel1.to: "elm.swallow.content"; + rel1.offset: -64 -64; + rel2.to: "elm.swallow.content"; + rel2.offset: 63 63; + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + color: 255 255 255 255; + } + } + part { name: "elm.swallow.content"; type: SWALLOW;//this bring the tooltip up and down. + clip_to: "clipper_content"; + description { state: "default" 0.0; + rel1.offset: 10 20; + rel2.offset: -10 -20; + } + } + programs { + program { + name: "show0"; + signal: "elm,action,show"; + source: "elm"; + action: ACTION_STOP; + target: "hide0"; + target: "hide2"; + target: "hide3"; + after: "show1"; + after: "show2"; + } + program { + name: "show1"; + action: STATE_SET "visible" 0.0; + transition: LINEAR 0.15; + target: "clipper"; + } + program { + name: "show2"; + in: 0.1 0.0; + action: STATE_SET "visible" 0.0; + transition: LINEAR 0.15; + target: "clipper_content"; + } + + program { + name: "hide0"; + signal: "elm,action,hide"; + source: "elm"; + action: ACTION_STOP; + target: "show0"; + target: "show1"; + target: "show2"; + after: "hide2"; + after: "hide3"; + } + program { + name: "hide2"; + action: STATE_SET "default" 0.0; + transition: LINEAR 0.1; + target: "clipper_content"; + } + program { + name: "hide3"; + in: 0.1 0.0; + action: STATE_SET "default" 0.0; + transition: LINEAR 0.1; + target: "clipper"; + } + } + } +} +group { name: "elm/tooltip/base/transparent"; + data { + item: "pad_x" "10"; + item: "pad_y" "10"; + item: "transparent" "enabled"; + } + parts { + part { name: "elm.swallow.content"; + type: SWALLOW; + mouse_events: 0; + scale: 1; + description { state: "default" 0.0; } + } + } +} -- 2.7.4