[Father Parsley]

Where can I read more about creating a text box with different opacity.
Like discussed in this topic http://forum.xbmc.org/showthread.php?tid=49956
I guess this is a stupid/simple question, but I can't find anything at the forum...

[jmarshall]

Just change the font colour to add a bit of transparency to it.

Or use a conditional fade animation to do the same.

[Father Parsley]

Thanks!
I want the text stand out more from the background, so I don't wanna add transparency to the text.
Ok, I found this and been reading and done some tests
http://www.xbmc.org/wiki/?title=Animating_Your_Skin
Hopefully I'll learn...

[Father Parsley]

No... I don't get it...
If I just want to create a square with some amount of opacity.
Is there anything like drawbox(xcoordinate, ycoordinate, size, opacity), no?

[marlboroman1]

as far as I know you need to use a physical texture from the media folder. the only ways to change the appearance image is to blend with another image using <texture diffuse or with a fade animation. at its simplest something like this

Code:

<control type="image">
                    <posx>130</posx>
                    <posy>43</posy>
                    <width>720</width>
                    <height>500</height>
                                <texture>backpanelplist.png</texture>
                                <visible>Control.HasFocus(50)</visible>
                                <animation effect="fade" start="0" end="20" time="200" condition="Control.HasFocus(50)">Conditional</animation>
                       </control>

I have yet to really get my head around it yet but it seem to me that most of the time you need to use photo shop to make/modify your textures to suite your needs and I really hate using Adobe software

[ronie]

No... I don't get it...
If I just want to create a square with some amount of opacity.
Is there anything like drawbox(xcoordinate, ycoordinate, size, opacity), no?

add a <colordiffuse>foo</colordiffuse> to the image control.

if i understand you corectly, you want something like this:

[HTML]
<control type="image">
<posx>400</posx>
<posy>200</posy>
<width>500</width>
<height>500</height>
<texture>square.png</texture>
<colordiffuse>88FFFFFF</colordiffuse>
</control>[/HTML]

[Father Parsley]

Thanks! <colordiffuse>88FFFFFF</colordiffuse> did the trick!
Next question... nothing with opacity this time, but I post it in the same thread anyway...

The movie thumbnail icons comes in different sizes when downloaded from, say IMDb.
But I want all the thumbnail icons fill up the same space on the screen
[HTML]<control type="image">
<width>174</width>
<height>250</height>
</control>[/HTML]
If one thumbnail icons has a different ratio, it will not fill up the whole space.
How to do?

[ronie]

Thanks! <colordiffuse>88FFFFFF</colordiffuse> did the trick!
Next question... nothing with opacity this time, but I post it in the same thread anyway...

The movie thumbnail icons comes in different sizes when downloaded from, say IMDb.
But I want all the thumbnail icons fill up the same space on the screen
[HTML]<control type="image">
<width>174</width>
<height>250</height>
</control>[/HTML]
If one thumbnail icons has a different ratio, it will not fill up the whole space.
How to do?

there's an excellent skinning manual available for xbmc.
it has the answer to this, your previous and most likely your next question ;-)

http://wiki.xbmc.org/?title=Image_Control

[joebrady]

aspectratio

[Father Parsley]

ah yes, found it [HTML]<aspectratio>scale</aspectratio>[/HTML]
thanks guys!

it has the answer to this, your previous and most likely your next question ;-)

hehe yes will try read more closely before next question

[Father Parsley]

no...

Code:

<aspectratio>keep</aspectratio>

in the online manual it says

When set to “scale” then the box will be resized so that it completely fills the <width>,<height> box and any portions of the image outside the box will be cropped off.

[Father Parsley]

NO! it should be "scale".
but

Code:

<control type="image">
    <posx>0</posx>
    <posy>300</posy>
    <width>178</width>
    <height>256</height>
    <info>ListItem.Icon</info>
    <aspectratio>scale</aspectratio>
</control>

gives me a square image. why?!??