Jump to content


Photo

Two Opcion For Wrap List


  • Please log in to reply
12 replies to this topic

#1 warlion

warlion

    X-S Member

  • Members
  • Pip
  • 115 posts

Posted 20 February 2007 - 12:40 AM

ok i just finish to make a wrap look for the mc360
hope you like it

first one is simple look the screenshoots

IPB Image


in this one you need to add to the xml
skin/mc360/pal/CommonViewTypes.xml, this code
CODE
  <include name="WrapView">
   <control type="wraplist" id="54">
    <viewtype label="Wrap">Wraplist</viewtype>
    <posx>285</posx>
    <posy>87</posy>
    <width>460</width>
    <height>420</height>
    <onleft>54</onleft>
    <onright>54</onright>
    <onup>2</onup>
    <ondown>2</ondown>
    <focusposition>2</focusposition>
    <orientation>horizontal</orientation>
                      <animation effect="fade" time="200">WindowOpen</animation>
            <animation effect="fade" end="0">WindowClose</animation>
     <itemlayout height="195" width="70">
      <control type="image">
       <posx>-36</posx>
       <posy>105</posy>
       <width>70</width>
       <height>70</height>
       <info>ListItem.Icon</info>
       <aspectratio>keep</aspectratio>
      </control>
      <control type="image">
       <posx>-30</posx>
       <posy>205</posy>
       <width>70</width>
       <height>70</height>
       <texture flipy="true" diffuse="fade.png" />
       <info>ListItem.Icon</info>
       <aspectratio>keep</aspectratio>
      </control>
       <control type="image">
        <posx>121</posx>
        <posy>221</posy>
        <width>20</width>
        <height>20</height>
        <info>ListItem.Overlay</info>
       </control>
       <control type="image">
        <posx>121</posx>
        <posy>246</posy>
        <width>20</width>
        <height>20</height>
        <texture flipy="true" diffuse="fade.png" />
        <info>ListItem.Overlay</info>
       </control>
     </itemlayout>
     <focusedlayout height="230" width="190">
      <control type="image">
       <posx>160</posx>
       <posy>35</posy>
       <width>180</width>
       <height>180</height>
       <aspectratio>keep</aspectratio>
       <info>ListItem.Icon</info>
       <animation effect="zoom" end="-30,5,200,200" time="0">Focus</animation>
      </control>
      <control type="image">
       <posx>180</posx>
       <posy>150</posy>
       <width>180</width>
       <height>180</height>
       <texture flipy="true" diffuse="fade2.png" />
       <aspectratio>keep</aspectratio>
       <info>ListItem.Icon</info>
       <animation effect="zoom" end="-30,220,200,200" time="0">Focus</animation>
      </control>
       <control type="image">
        <posx>250</posx>
        <posy>247</posy>
        <width>60</width>
        <height>60</height>
        <info>ListItem.Overlay</info>
       </control>
       <control type="image">
        <posx>249</posx>
        <posy>303</posy>
        <width>60</width>
        <height>60</height>
       <texture flipy="true" diffuse="fade.png" />
        <info>ListItem.Overlay</info>
       </control>
     </focusedlayout>
    </control>
     <control type="label">
      <posx>110</posx>
      <posy>475</posy>
      <width>400</width>
      <height>30</height>
      <font>font12</font>
      <textcolor>DD000000</textcolor>      
      <align>left</align>
      <include>button-text</include>
      <include>listselectedtext</include>
      <scroll>true</scroll>
      <info>ListItem.Label</info>
      <textoffsetx>0</textoffsetx>
      <visible>Control.IsVisible(54)</visible>
                      <animation effect="fade" time="200">WindowOpen</animation>
            <animation effect="fade" end="0">WindowClose</animation>
     </control>
   </include>


and you need to find in the next xml
mymusicnav.xml, mymusicplaylist.xml , mymusicsongs.xml, myvideonav.xml, myvideoplaylist.xml, myvideo.xml, mypics.xml
this code <include>ListItemThumb</include> after that you need to add this
<include>WrapView</include>

this is one this is other

IPB Image


this is the code
CODE
<include name="WrapView">
   <control type="wraplist" id="54">
    <viewtype label="Wrap">Wraplist</viewtype>
    <posx>140</posx>
    <posy>100</posy>
    <width>478</width>
    <height>600</height>
    <onleft>54</onleft>
    <onright>54</onright>
    <onup>2</onup>
    <ondown>2</ondown>
    <focusposition>2</focusposition>
    <orientation>horizontal</orientation>
                <animation effect="fade" time="200">WindowOpen</animation>
            <animation effect="fade" end="0">WindowClose</animation>
     <itemlayout height="195" width="70">
      <control type="image">
       <posx>60</posx>
       <posy>250</posy>
       <width>70</width>
       <height>70</height>
       <info>ListItem.Icon</info>
       <aspectratio>keep</aspectratio>
      </control>
      <control type="image">
       <posx>60</posx>
       <posy>320</posy>
       <width>70</width>
       <height>70</height>
       <texture flipy="true" diffuse="fade.png" />
       <info>ListItem.Icon</info>
       <aspectratio>keep</aspectratio>
      </control>
       <control type="image">
        <posx>121</posx>
        <posy>350</posy>
        <width>20</width>
        <height>20</height>
        <info>ListItem.Overlay</info>
       </control>
       <control type="image">
        <posx>121</posx>
        <posy>350</posy>
        <width>20</width>
        <height>20</height>
        <texture flipy="true" diffuse="fade.png" />
        <info>ListItem.Overlay</info>
       </control>
     </itemlayout>
     <focusedlayout height="230" width="70">
      <control type="image">
       <posx>160</posx>
       <posy>35</posy>
       <width>180</width>
       <height>180</height>
       <aspectratio>keep</aspectratio>
       <info>ListItem.Icon</info>
       <animation effect="zoom" end="80,1,200,200" time="0">Focus</animation>
      </control>
      <control type="image">
       <posx>160</posx>
       <posy>100</posy>
       <width>180</width>
       <height>180</height>
       <texture flipy="true" diffuse="fade2.png" />
       <aspectratio>keep</aspectratio>
       <info>ListItem.Icon</info>
       <animation effect="zoom" end="80,180,200,200" time="0">Focus</animation>
      </control>
       <control type="image">
        <posx>250</posx>
        <posy>247</posy>
        <width>60</width>
        <height>60</height>
        <info>ListItem.Overlay</info>
       </control>
       <control type="image">
        <posx>249</posx>
        <posy>303</posy>
        <width>60</width>
        <height>60</height>
       <texture flipy="true" diffuse="fade.png" />
        <info>ListItem.Overlay</info>
       </control>
     </focusedlayout>
    </control>
     <control type="label">
      <posx>350</posx>
      <posy>300</posy>
      <width>300</width>
      <height>30</height>
      <font>font12</font>
      <textcolor>DD000000</textcolor>      
      <align>left</align>
      <include>button-text</include>
      <include>listselectedtext</include>
      <scroll>true</scroll>
      <info>ListItem.Label</info>
      <textoffsetx>0</textoffsetx>
      <visible>Control.IsVisible(54)</visible>
                      <animation effect="fade" time="200">WindowOpen</animation>
            <animation effect="fade" end="0">WindowClose</animation>
     </control>
   </include>


and you need to do the same thing

ihope you like it


#2 Jezz_X

Jezz_X

    X-S Knowledgebase

  • Moderator
  • PipPipPipPipPipPipPipPip
  • 4,531 posts
  • Location:Australia
  • Xbox Version:v1.1
  • 360 version:none

Posted 20 February 2007 - 06:29 AM

The second one will probably have the nowplaying info stuff over/under it
And also you need to include fade.png image because its not in mc360 by default so wont work

#3 warlion

warlion

    X-S Member

  • Members
  • Pip
  • 115 posts

Posted 20 February 2007 - 01:10 PM

ohhh thats true i forget about the fade ok i leave you here the fade to you need to put this in the media folder
IPB Image

click in the thumbal and after you nedd to download as fade.jpg

i will work a ittle more

#4 Nubbs

Nubbs

    X-S Expert

  • XS-BANNED
  • PipPipPip
  • 657 posts
  • Xbox Version:unk
  • 360 version:unknown

Posted 20 February 2007 - 03:03 PM

I like the idea, but it doesnt look that good with this skin. Maybe something a little more similar to that of xTV's list view would be better? Just a suggestion however, good job on this.

#5 hereschuckynow

hereschuckynow

    X-S Member

  • XS-BANNED
  • Pip
  • 81 posts
  • Xbox Version:unk
  • 360 version:unknown

Posted 20 February 2007 - 03:38 PM

It looks terrable. There is 2 wraplist pics one ontop of the other. Could u provide a download link to your common view, so I can see where I went wrong?

#6 CHI3f

CHI3f

    X-S Genius

  • Members
  • PipPipPipPip
  • 761 posts
  • Location:Salem NJ
  • Xbox Version:v1.6b
  • 360 version:v5.0 (360S - trinity)

Posted 20 February 2007 - 03:53 PM

QUOTE(warlion @ Feb 20 2007, 07:17 AM) View Post

ohhh thats true i forget about the fade ok i leave you here the fade to you need to put this in the media folder
IPB Image

click in the thumbal and after you nedd to download as fade.jpg

i will work a ittle more

Thats where you went wrong.

#7 steve2493

steve2493

    X-S Member

  • Members
  • Pip
  • 68 posts

Posted 20 February 2007 - 04:21 PM

hi great work!! i love the wrap look and was hoping someone would do this.

i've done what you said but something isn't working right with the the fade jpeg as i still get two icons
one on top off the other.

#8 CHI3f

CHI3f

    X-S Genius

  • Members
  • PipPipPipPip
  • 761 posts
  • Location:Salem NJ
  • Xbox Version:v1.6b
  • 360 version:v5.0 (360S - trinity)

Posted 20 February 2007 - 04:23 PM

Has to be fade.png not fade.jpg

#9 steve2493

steve2493

    X-S Member

  • Members
  • Pip
  • 68 posts

Posted 20 February 2007 - 04:34 PM

ok changed to png ,now i have the small thumbs in the back ground the reflection is faded but the

high lighted icon is still the same showing a full reflection.

also the the small faded reflection's are showing up as black squares

Edited by steve2493, 20 February 2007 - 04:36 PM.


#10 CHI3f

CHI3f

    X-S Genius

  • Members
  • PipPipPipPip
  • 761 posts
  • Location:Salem NJ
  • Xbox Version:v1.6b
  • 360 version:v5.0 (360S - trinity)

Posted 20 February 2007 - 04:38 PM

Yeah I just looked at the code and realized it was from my skin. You are also gonna need another fade image named fade2.png. You can use the same one if you want but that may look funny, or you can get the fade images from xTV and use them.

#11 Blackbolt

Blackbolt

    Skin God

  • Moderator
  • PipPipPipPipPip
  • 1,582 posts
  • Location:England
  • Interests:Graphic Design
  • Xbox Version:v1.1
  • 360 version:v3.0 (falcon)

Posted 20 February 2007 - 05:55 PM

As I suspected, this just doesnt look right in MC360, its best left to xTV and Clearity.

#12 Nubbs

Nubbs

    X-S Expert

  • XS-BANNED
  • PipPipPip
  • 657 posts
  • Xbox Version:unk
  • 360 version:unknown

Posted 20 February 2007 - 05:58 PM

Agreed.

#13 gottastopdrinkin

gottastopdrinkin

    X-S X-perience

  • XS-BANNED
  • PipPip
  • 425 posts
  • Xbox Version:v1.0
  • 360 version:unknown

Posted 20 February 2007 - 10:29 PM

It just doesn't look right, it doesn't look "terrable" as some other misunderstood individuals stated . But if wraplist was ever added to MC360 SVN I'd be shocked

Edited by gottastopdrinkin, 20 February 2007 - 10:30 PM.





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users