Skinning Engine: XBMC like Reflections (1 Viewer)

[Frodo]

I added reflection to the <image> and <menu> controls.

example for image:

    <control>
      <description>some image</description>
      <type>image</type>
      <id>1</id>
      <posX>100</posX>
      <posY>100</posY>
      <width>100</width>
      <height>100</height>
      <texture flipY="true" diffuse="Thumb_Mask.png">cdimage.png</texture>
    </control>

Example for menu:

    <control>
      <description>Menu</description>
      <type>menu</type>
      <animation effect="fade" time="250">WindowOpen</animation>
      <animation effect="fade" time="500">WindowClose</animation>
      <animation effect="zoom" start="20,20" end="100,100" center="384,288" time="500">WindowOpen</animation>
      <animation effect="zoom" start="100,100" end="20,20" center="384,288" time="500">WindowClose</animation>
      <id>50</id>
      <posX>370</posX>
      <posY>130</posY>
      <width>310</width>
      <textcolor>ffffffff</textcolor>
      <textColorNoFocus>ffa9d0f7</textColorNoFocus>
      <dimColor>80ffffff</dimColor>
      <buttonTextXOff>48</buttonTextXOff>
      <buttonTextYOff>6</buttonTextYOff>
      <buttonOffset>25</buttonOffset>
      <buttonFont>font16</buttonFont>
      <buttonHeight>45</buttonHeight>
      <spaceBetweenButtons>18</spaceBetweenButtons>
      <numberOfButtons>5</numberOfButtons>
      <textureButtonFocus>hp_selectionbar.png</textureButtonFocus>
      <textureButtonNoFocus>-</textureButtonNoFocus>
      <hoverX>100</hoverX>
      <hoverY>200</hoverY>
      <hoverWidth>230</hoverWidth>
      <hoverHeight>225</hoverHeight>
      <hoverKeepAspectratio>yes</hoverKeepAspectratio>
      <scrollTime>120</scrollTime>
      <scrollTimeMin>60</scrollTimeMin>
      <textureBackground>background_glass_menu_area.png</textureBackground>
      <onright>13</onright>
      <onleft>10</onleft>
      <hover flipY="true" diffuse="Thumb_Mask.png"/>
    </control>

For bluetwo reflections are not usable at this moment.
Reason:
- most are to big in height (the 'real' image is like 100pixels height, but the entire png is 200 pixels height)
- many images (all hovers) already include reflection


Frodo

 

[Forgotten Illustrator]

Thanks...

It's always good to have something new to play with in the skin engine.

 

[Frodo]

I added:
- animation support for thumbnails for the filmstrip
- reflection support for thumbnails for the filmstrip

example can be seen in bluetwo when you goto my pictures
Skin file example is common.facade.pictures.xml:

        <control>
          <description>Filmstrip view</description>
          <type>filmstrip</type>
          <id>50</id>
          <onleft>2</onleft>
          <onright>2</onright>
          <onup>2</onup>
          <ondown>2</ondown>
          <backgroundx>270</backgroundx>
          <backgroundy>99</backgroundy>
          <backgroundwidth>402</backgroundwidth>
          <backgroundheight>315</backgroundheight>
          <InfoImagex>289</InfoImagex>
          <InfoImagey>117</InfoImagey>
          <InfoImagewidth>353</InfoImagewidth>
          <InfoImageheight>265</InfoImageheight>
          <thumbs flipY="true" diffuse="Thumb_Mask.png"/>
          <!--
          <InfoImage flipY="true" diffuse="Thumb_Mask.png"/>
          !-->
          <showFrame>yes</showFrame>
          <showFolder>yes</showFolder>
          <showBackGround>yes</showBackGround>
          <showInfoImage>yes</showInfoImage>
          <enableFocusZoom>no</enableFocusZoom>
          <thumbAnimation effect="zoom" start="100,100" end="150,150" time="300">focus</thumbAnimation>
          <thumbAnimation effect="zoom" start="150,150" end="100,100" time="300">unfocus</thumbAnimation>
        </control>
        <control>

 

[Harley]

Wow !!!!!

many many thanks to you Frodo for this wonderfull and great stuff !!

How can make one man, so many great things in shortest time ??

Again , Big thanks for that, works fantastic.

Greetings Harley

 

[Inker]

Very cool, the thumbzoom animation came very unexpected but is something that will look awesome! And with reflections we can finally have really shiny skins ;-)

Thanks

 

[mikael]

Great frodo! This is the kind of news a skinner wanna hear!

 

[mirk]

What a eye candy !!! Tanks frodo. Works great!
This is something i have been wating for a while now. Tanks.

 

[bluepower]

Many thanks to you Frodo for this wonderfull animation.

Big,Big, thanks for that, works fantastic.


Greetings from Berlin
bluepower

 

[infinite.loop]

could someone add that to this ::wiki-page::?

!!!! P L E A S E !!!!​