Help with myEmulators skin for StreamedMP (1 Viewer)

hulkhaugen

Portal Pro
November 9, 2008
450
58
Arendal
Home Country
Norway Norway
Hi guys!

I've been working on this lately, but there are something that i just can't figure out:

myemuex2he6.png



And here is the code:

Code:
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<window>
  <id>2497</id>

  <defaultcontrol>50</defaultcontrol>
  <allowoverlay>yes</allowoverlay>
  <define>#header.label:Emulators</define>
  <define>#header.hover:hover_myEmulators.png</define>

  <controls>
    <control>
      <description>Default Background</description>
      <type>multiimage</type>
      <id>0</id>
      <posX>0</posX>
      <posY>0</posY>
      <width>1280</width>
      <height>720</height>
      <imagepath>emulator</imagepath>
<timeperimage>30000</timeperimage>
<fadetime>800</fadetime>
<loop>yes</loop>
<randomize>True</randomize>
      <visible>!Control.IsVisible(1232)</visible>
    </control>

<control>
      <description>Streamed Overlay - List View</description>
      <type>image</type>
      <id>0</id>
      <posX>0</posX>
      <posY>0</posY>
      <width>1280</width>
      <height>720</height>
      <texture>fanartoverlay.png</texture>
      <visible>!Control.IsVisible(1236)</visible>
    </control>

    <import>common.time.xml</import>

    <control>
      <description>Top Title Background</description>
      <type>image</type>
      <id>0</id>
      <posX>77</posX>
      <posY>11</posY>
      <width>437</width>
      <height>35</height>
      <texture>tvtitlebg.png</texture>
    </control>

    <control>
      <type>fadelabel</type>
      <description>Top Title</description>
      <id>0</id>
      <posX>493</posX>
      <posY>13</posY>
      <width>350</width>
      <font>mediastream12c</font>
      <align>right</align>
      <visible>yes</visible>
      <label>My Emulators</label>
    </control>

   
<control>
      <id>1</id>
      <description>Game poster or flyer</description>
      <type>image</type>
      <posX>20</posX>
      <posY>300</posY>
      <width>250</width>
      <height>360</height>
      <texture>#selectedthumb</texture>
      <visible>facadeview.list+Control.IsVisible(50)</visible>
    </control>
    
<control>
      <type>actiongroup</type>
      <description>action menu</description>
      <defaultcontrol>10</defaultcontrol>
      <onexit>50</onexit>
      <buttonX>-210</buttonX>
      <buttonY>64</buttonY>
      <buttonwidth>385</buttonwidth>
      <buttonheight>515</buttonheight>
      <textureFocus>-</textureFocus>
      <textureNoFocus>-</textureNoFocus>
      <posX>0</posX>
      <posY>0</posY>
      <width>100</width>
      <height>568</height>
      <dimColor>00ffffff</dimColor>
      

<control>
      <description>action menu background</description>
        <type>image</type>
        <posY>0</posY>
        <width>290</width>
        <height>768</height>
        <texture>hiddenmenu_left.png</texture>
        <colorDiffuse>fffffffff</colorDiffuse>
        <visible>!Control.HasFocus(50)</visible>
        <animation effect="slide" time="10" start="-300,0">visible</animation>
        <animation effect="slide" time="10" end="-300,0">hidden</animation>
      </control>
      

<control>
        <type>group</type>
        <description>group element</description>
        <visible>!Control.HasFocus(50)</visible>
        <animation effect="slide" time="10" start="-300,0">visible</animation>
        <animation effect="slide" time="10" end="-300,0">hidden</animation>
        <posX>20</posX>
        <posY>80</posY>
        <layout>StackLayout</layout>
        
<control>
          <description>View-As button</description>
          <type>button</type>
          <id>10</id>
          <label>
          </label>
          <onleft>10</onleft>
          <onright>50</onright>
          <onup>10</onup>
          <ondown>11</ondown>
        </control>
        

<control>
          <description>Most played button</description>
          <type>button</type>
          <id>11</id>
          <label>
          </label>
          <onleft>11</onleft>
          <onright>50</onright>
          <onup>10</onup>
          <ondown>12</ondown>
        </control>
        

<control>
          <description>Recently played button</description>
          <type>button</type>
          <id>12</id>
          <label>
          </label>
          <onleft>12</onleft>
          <onright>50</onright>
          <onup>11</onup>
          <ondown>13</ondown>
        </control>
        

<control>
          <description>Top graded button</description>
          <type>button</type>
          <id>13</id>
          <label>
          </label>
          <onleft>13</onleft>
          <onright>50</onright>
          <onup>12</onup>
          <ondown>14</ondown>
        </control>
        

<control>
          <description>More views button</description>
          <type>button</type>
          <id>14</id>
          <label>
          </label>
          <onleft>14</onleft>
          <onright>50</onright>
          <onup>13</onup>
          <ondown>14</ondown>
        </control>
      </control>
    </control>
    
<!-- LIST OF EMULATOR AND ROMS -->
    <control>
      <type>group</type>
      <description>group element</description>
      

<control>
        <description>composite control consisting of a list control and a thumbnail panel</description>
        <type>facadeview</type>
        <id>50</id>
        <onleft>50</onleft>
        <onright>10</onright>
        <onup>50</onup>
        <ondown>50</ondown>
        

<control>
          <description>listcontrol</description>
        <type>listcontrol</type>
        <id>50</id>
        <posY>420</posY>
        <posX>860</posX>
        <height>340</height>
        <width>450</width>
        <spinPosY>18</spinPosY>
        <spinPosX>1200</spinPosX>
        <textXOff>17</textXOff>
        <spinColor>ffcccccc</spinColor>
        </control>
        

<control>
        <description>Thumbnail Panel</description>
        <type>thumbnailpanel</type>
        <id>50</id>
        <onleft>2</onleft>
        <posX>25</posX>
        <posY>100</posY>
        <width>1280</width>
        <height>480</height>
        <spinPosY>18</spinPosY>
        <spinPosX>1200</spinPosX>
        <spinColor>ffcccccc</spinColor>
        <textureUp>page_up_nofocus.png</textureUp>
        <textureDown>page_down_nofocus.png</textureDown>
        <textureUpFocus>page_up_focus.png</textureUpFocus>
        <textureDownFocus>page_down_focus.png</textureDownFocus>
        <itemWidth>103</itemWidth>
        <itemHeight>120</itemHeight>
        <textureWidth>103</textureWidth>
        <textureHeight>132</textureHeight>
        <thumbWidth>89</thumbWidth>
        <thumbHeight>127</thumbHeight>
        <thumbPosX>12</thumbPosX>
        <thumbPosY>5</thumbPosY>
        <imageFolder>-</imageFolder>
        <imageFolderFocus>-</imageFolderFocus>
        <!--imageFolder>movie_preview_thumb_background_nofocus.png</imageFolder>
        <imageFolderFocus>movie_preview_thumb_background_focus.png</imageFolderFocus-->
        <suffix>|</suffix>
        <textureWidthBig>166</textureWidthBig>
        <textureHeightBig>240</textureHeightBig>
        <itemWidthBig>170</itemWidthBig>
        <itemHeightBig>250</itemHeightBig>
        <thumbWidthBig>166</thumbWidthBig>
        <thumbHeightBig>240</thumbHeightBig>
        <thumbPosXBig>13</thumbPosXBig>
        <thumbPosYBig>2</thumbPosYBig>
        <thumbZoom>no</thumbZoom>
        <enableFocusZoom>yes</enableFocusZoom>
        <unfocusedAlpha>150</unfocusedAlpha>
        <onright>2</onright>
        </control>
        

        <control>
        <type>filmstrip</type>
        <id>50</id>
        <posX>25</posX>
        <posY>465</posY>
        <onright>2</onright>
        <width>1155</width>
        <scrollOffset>3</scrollOffset>
        <onleft>2</onleft>
        <spinPosY>680</spinPosY>
        <spinPosX>70</spinPosX>
        <spinColor>ffcccccc</spinColor>
        <itemWidth>145</itemWidth>
        <itemHeight>205</itemHeight>
        <textureWidth>145</textureWidth>
        <textureHeight>207</textureHeight>
        <thumbWidth>140</thumbWidth>
        <thumbHeight>200</thumbHeight>
        <thumbPosX>2</thumbPosX>
        <thumbPosY>2</thumbPosY>
        <thumbs flipY="true" diffuse="diffusemirrorwide.png"></thumbs>
        <InfoImage flipY="true" diffuse="diffusemirrorwide.png"></InfoImage>
        <imageFolderFocus>-</imageFolderFocus>
        <frame>-</frame>
        <frameFocus>-</frameFocus>
        <background>Coverbig.png</background>
        <showFrame>yes</showFrame>
        <showFolder>no</showFolder>
        <showBackGround>no</showBackGround>
        <showInfoImage>no</showInfoImage>
        <thumbAnimation effect="zoom" start="100,100" end="140,140" time="100">focus</thumbAnimation>
        <thumbAnimation effect="zoom" start="140,140" end="100,100" time="100"></thumbAnimation>
      </control>

    </control>
  </control>
    
<control>
      <type>textboxscrollup</type>
      <description>description</description>
      <id>40</id>
      <posX>300</posX>
      <posY>480</posY>
      <width>500</width>
      <height>180</height>
      <seperator>----------------------------------------------------------------------------------------------</seperator>
      <font>mediastream11</font>
      <visible>!Control.IsVisible(1236)</visible>
    </control>


    <control>
      <type>label</type>
      <description>Year - label</description>
      <id>41</id>
      <posX>300</posX>
      <posY>450</posY>
      <width>300</width>
      <font>mediastream12tc</font>
      <label>Year:</label>
      <align>left</align>
      <visible>!Control.IsVisible(1236)</visible>
    </control>

    <control>
      <type>label</type>
      <description>Maker - ID</description>
      <id>43</id>
      <posX>360</posX>
      <posY>450</posY>
      <font>mediastream12tc</font>
      <label>#currentmodule</label>
      <align>left</align>
      <visible>!Control.IsVisible(1236)</visible>
    </control>

    <!-- ALL THE STARS -->
    
<control>
      <type>image</type>
      <description>star image 1</description>
      <id>101</id>
      <posX>310</posX>
      <posY>610</posY>
      <width>34</width>
      <height>34</height>
      <texture>
      </texture>
      <visible>!Control.IsVisible(1236)</visible>
    </control>
    <control>
      <type>image</type>
      <description>star image 2</description>
      <id>102</id>
      <posX>350</posX>
      <posY>610</posY>
      <width>34</width>
      <height>34</height>
      <texture>
      </texture>
    </control>
    <control>
      <type>image</type>
      <description>star image 3</description>
      <id>103</id>
      <posX>390</posX>
      <posY>610</posY>
      <width>34</width>
      <height>34</height>
      <texture>
      </texture>
    </control>
    <control>
      <type>image</type>
      <description>star image 4</description>
      <id>104</id>
      <posX>430</posX>
      <posY>610</posY>
      <width>34</width>
      <height>34</height>
      <texture>
      </texture>
    </control>
    <control>
      <type>image</type>
      <description>star image 5</description>
      <id>105</id>
      <posX>470</posX>
      <posY>610</posY>
      <width>34</width>
      <height>34</height>
      <texture>
      </texture>
    </control>
    <control>
      <type>image</type>
      <description>star image 6</description>
      <id>106</id>
      <posX>510</posX>
      <posY>610</posY>
      <width>34</width>
      <height>34</height>
      <texture>
      </texture>
    </control>
    <control>
      <type>image</type>
      <description>star image 7</description>
      <id>107</id>
      <posX>550</posX>
      <posY>610</posY>
      <width>34</width>
      <height>34</height>
      <texture>
      </texture>
    </control>
    <control>
      <type>image</type>
      <description>star image 8</description>
      <id>108</id>
      <posX>590</posX>
      <posY>610</posY>
      <width>34</width>
      <height>34</height>
      <texture>
      </texture>
    </control>
    <control>
      <type>image</type>
      <description>star image 9</description>
      <id>109</id>
      <posX>630</posX>
      <posY>610</posY>
      <width>34</width>
      <height>34</height>
      <texture>
      </texture>
    </control>
    <control>
      <type>image</type>
      <description>star image 10</description>
      <id>110</id>
      <posX>670</posX>
      <posY>610</posY>
      <width>34</width>
      <height>34</height>
      <texture>
      </texture>
    </control>
    <import>common.overlays.xml</import>
  </controls>
</window>

Any ideas why i don't get the mirror effect of the cover? I guess the code looks like shit, cuz i'm new to this and i've been copy/pasting from the movingpictures skin, and it's already based on another unfinished .xml... But the mirror function does work for the filmstrip view.

And all the red text is data that i don't know how to import....help...
 

explodedk

Portal Pro
December 27, 2008
265
20
Copenhagen
Home Country
Denmark Denmark
Code:
<control>
      <id>1</id>
      <description>Game poster or flyer</description>
      <type>image</type>
      <posX>20</posX>
      <posY>300</posY>
      <width>250</width>
      <height>360</height>
 [B]     <texture flipY="true" diffuse="Thumb_Mask.png">#selectedthumb</texture>[/B]
      <visible>facadeview.list+Control.IsVisible(50)</visible>
    </control>

that should do it...
 

hulkhaugen

Portal Pro
November 9, 2008
450
58
Arendal
Home Country
Norway Norway
Well, i'm back on this project after being busy with other....thing...s...

So, i figured out some more ;) I did get the game title and genre where i wanted them, and the reflection (thanks explodedk ;), but that was by the try&fail method, which is, well, let's say not productive, haha... So here are several questions, hope you can help me solve them:

1. is there a place where i can find a overview over the function of each <ID>-value? i figured out that the yeartag has id=41, and that the producer/makers name is id=43 and so on. I did'nt find a id for the game title, but i randomly tried label=#selecteditem and BOOM!, there it was :)

2. What is the difference between type=label and type=fadelabel? i did notice that fadelabel uses id 0 or 1 and had an additional "label=#somecode", while label just used random id values, but i don't know if that's a coincidence or so. I know what fade means, but i can't say that i noticed any fading effects, so to me they look almost the same.

3. this is a tricky one: "<visible>facadeview.list+Control.IsVisible(50)</visible>". As far as i understand, the first part means that it should be visible when you use the list view, and there are similar examples of filmstrip etc. BUT...."Control.IsVisible(50)", i suppose the value 50 has something to do with id=50, which is often presented the list of items (roms/emulators/movies/etc...) But sometimes it's a value like 1232 or 1236, and i don't know what they are suppose to represent... do you?

4. why isn't my stars appearing? i just copied this from the blue3wide (where they actually do work), but nothing. I also tried to add various codes which seems logical (at least to me), but still nothing. This is how the code looks:
Code:
     <control>
       <animation effect="fade" time="400">WindowClose</animation>
       <type>image</type>
       <description>star image 1</description>
       <id>101</id>
       <posX>570</posX>
       <posY>675</posY>
       <width>14</width>
       <height>14</height>
       <texture></texture>
     </control>

     <control>
       <animation effect="fade" time="400">WindowClose</animation>
       <type>image</type>
       <description>star image 2</description>
       <id>102</id>
       <posX>575</posX>
       <posY>675</posY>
       <width>14</width>
       <height>14</height>
       <texture></texture>
     </control>
I guess this has something to do with the difference between the common....xml's of the b3w and the smp skins....?

5. Is there way to make another layout for the menu where i select which emulator to use, or does it need to be coded into the plugin? it might be aswell, i don't know. But as it appears now, it doesn't look good with all the year, producer titles etc without any input....


Well, that's it for me now. Good night :)
 

explodedk

Portal Pro
December 27, 2008
265
20
Copenhagen
Home Country
Denmark Denmark
Well, i'm back on this project after being busy with other....thing...s...

So, i figured out some more ;) I did get the game title and genre where i wanted them, and the reflection (thanks explodedk ;), but that was by the try&fail method, which is, well, let's say not productive, haha... So here are several questions, hope you can help me solve them:

1. is there a place where i can find a overview over the function of each <ID>-value? i figured out that the yeartag has id=41, and that the producer/makers name is id=43 and so on. I did'nt find a id for the game title, but i randomly tried label=#selecteditem and BOOM!, there it was :)
all the id's i found are theese...
MediaPortal1_Development/SkinArchitecture/window_id - MediaPortal Manual Documentation
and
MediaPortal1_Development/SkinArchitecture/window_id_plugin - MediaPortal Manual Documentation

but those are not 100% up to date..

2. What is the difference between type=label and type=fadelabel? i did notice that fadelabel uses id 0 or 1 and had an additional "label=#somecode", while label just used random id values, but i don't know if that's a coincidence or so. I know what fade means, but i can't say that i noticed any fading effects, so to me they look almost the same.
in a fadelabel you can set a maxlength
Code:
<length>200<</length>
if the label is to long to fit the length the text will fade insted.
3. this is a tricky one: "<visible>facadeview.list+Control.IsVisible(50)</visible>". As far as i understand, the first part means that it should be visible when you use the list view, and there are similar examples of filmstrip etc. BUT...."Control.IsVisible(50)", i suppose the value 50 has something to do with id=50, which is often presented the list of items (roms/emulators/movies/etc...) But sometimes it's a value like 1232 or 1236, and i don't know what they are suppose to represent... do you?
true, the id=50 ... the 1232 etc is most offen used for dummy labels to define if something should be visible only when something else is visible...
e.g if list.view + #hasthumb then 1232 is visible for instance... theese id's should be in the same xml or in an imported xml...


4. why isn't my stars appearing? i just copied this from the blue3wide (where they actually do work), but nothing. I also tried to add various codes which seems logical (at least to me), but still nothing. This is how the code looks:
Code:
     <control>
       <animation effect="fade" time="400">WindowClose</animation>
       <type>image</type>
       <description>star image 1</description>
       <id>101</id>
       <posX>570</posX>
       <posY>675</posY>
       <width>14</width>
       <height>14</height>
       <texture></texture>
     </control>

     <control>
       <animation effect="fade" time="400">WindowClose</animation>
       <type>image</type>
       <description>star image 2</description>
       <id>102</id>
       <posX>575</posX>
       <posY>675</posY>
       <width>14</width>
       <height>14</height>
       <texture></texture>
     </control>
I guess this has something to do with the difference between the common....xml's of the b3w and the smp skins....?
i cant see why these will not work, if you could pm me the xml files i will gladly look at it and see if i can fix it...

5. Is there way to make another layout for the menu where i select which emulator to use, or does it need to be coded into the plugin? it might be aswell, i don't know. But as it appears now, it doesn't look good with all the year, producer titles etc without any input....
im not sure what you mean by that... maybe you could make a is.visible(XX) to state that it should only show producer if there is any...


Well, that's it for me now. Good night :)
hope you sleeped well ;)
 

hulkhaugen

Portal Pro
November 9, 2008
450
58
Arendal
Home Country
Norway Norway
Wow, thanks a bunch. I'll look into it tonight (at a saturday, lol. But i'm at work, so...) and see what else i can figure out, and the i'll either come with some more questions or PM you the .xml.

and about q5: i meant that the menu where you choose emulator, that's the first menu, and then you choose the game/rom in it's submenu, ut what you suggest might just work :)

Is there any way to change the appearence based on approx. thumb size? As you might know, the SNES and N64 has a landscape coverart, while most others has the standard dvd layout...
 

explodedk

Portal Pro
December 27, 2008
265
20
Copenhagen
Home Country
Denmark Denmark
i havent really played around with the emulator... i might do that tonight... could be nice to test out your skin insted of start from scratch... im not at work thou. gf is out parrty and i have the worst hangovers ever :D
 

hulkhaugen

Portal Pro
November 9, 2008
450
58
Arendal
Home Country
Norway Norway
hehe. Well, what i got so far is pretty simple, only based on the fanart oriented listview. (I'm a total noob at skinning). I could PM the skin to you now, so you could take a look at it, that would be really cool if you did. I'm workin till 3 at night danish time, so i wont be able to do anything until then...
 

Users who are viewing this thread

Top Bottom