Jump to content
LaunchBox Community Forums

Recommended Posts

Hey everybody, post your XAML tips and tricks to share with other theme creators here. For starters, here's how to add an image with a relative path:
<Image Source="pack://siteoforigin:,,,/Themes/CleanHardware/img/white-corner.png" RenderOptions.BitmapScalingMode="HighQuality" />
Note that the "pack://siteoforigin:,,," is basically replaced with the LaunchBox folder path. Also note the forward slashes instead of backslashes. :)
  • Like 1
Link to post
Share on other sites
  • Replies 890
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Shadow on text (Images as well?): In this example, I will add shadows to the game wheel view description text. 1. Select "WheelGamesView.xaml" in the solution Explorer 2. Th

Because it seems impossible to do with a video, I think I found a way. Not very elegent, but it should work. The idea is to create the backgrou

How to override a transition effect quick guide Transitions by default are linked to the Option->Transitions->"Choice". &

Posted Images

using the ZIndex will set the layers of your images so you can put them in front of others images or videos very useful when making your theme!
<Grid Grid.Column="1" Panel.ZIndex="8"> <Image Margin="-50,0,0,0" Name="zboy" DockPanel.Dock="Right" Stretch="none" Source="K:\Arcade\LaunchBox \Themes\backgrounds\dk.png" RenderOptions.BitmapScalingMode="HighQuality"/> </Grid>
PS: jason thanks for making this thred it will be good...for all...
Link to post
Share on other sites
this would be the best way to add a giff to the mix using "MediaElement"
<Grid Grid.Column="1" Panel.ZIndex="3"> <MediaElement Margin="-1200,-1200,0,0" Name="gamer" DockPanel.Dock="Left" Stretch="none" Source="K:\Arcade\LaunchBox\Themes\backgrounds\Super.gif" RenderOptions.BitmapScalingMode="HighQuality"/> </Grid>
PS : grant that the transparent part of the gif is filled with black....not the best but ok when put in a black area... and still will need a "code" to make it loop... enjoy
Link to post
Share on other sites
eric said this would be the best way to add a giff to the mix using "MediaElement"
<Grid Grid.Column="1" Panel.ZIndex="3"> <MediaElement Margin="-1200,-1200,0,0" Name="gamer" DockPanel.Dock="Left" Stretch="none" Source="K:\Arcade\LaunchBox\Themes\backgrounds\Super.gif" RenderOptions.BitmapScalingMode="HighQuality"/> </Grid>
PS : grant that the transparent part of the gif is filled with black....not the best but ok when put in a black area... and still will need a "code" to make it loop... enjoy
I'm interested in doing something with this. Can you elaborate further on the looping 'code'? Or is that something jason has to do internally?
Link to post
Share on other sites
Hi guys and Gals. What xaml editor is being used to edit your themes? I'm using Kaxaml and I keep getting "cannot find resource named 'UserControlStyle'. Resource names are case sensitive." on line 10. TIA
Link to post
Share on other sites
Yes took a look at Kazaml and it wouldn't load the same files , I've also installed visual studio in the hope to get a working environment so I can see the changes I'm making but that also didn't seem to work. Does anyone know of a way we can create these themes in a live type view or is this not possible
Link to post
Share on other sites
I have experience at making forms and I know that has a lot of visual capability lets you drag and drop elements wherever you want. I assume the same for XAML but not sure that is why I offered to test.
Link to post
Share on other sites
Hi, I have not tried this but plan on it. I thought it might be useful since some where wondering about. Editing XAML Live in VS Edit - So I did try with those option enabled and could not get the Live Tree or other to even show up. It might have to do with the copy of VS I have so redownloading just the express version and will try again.
Link to post
Share on other sites
Anyone got a solution yet? this is why I stopped messing with vs along time ago :P I'm sure somebody should step in a say something because the thread is loosing its purpose with talk of this issue. #nevergonnagettofinishacustomthemeatthisrate
Link to post
Share on other sites
Hi all, I've been waiting to focus on this until after we get the official version out. Ultimately the issue you guys are running into I think is that the editor(s) aren't able to reference the classes inside of LaunchBox.exe and BigBox.exe. UserControlStyle, for instance is part of BigBox.exe. So if we can manage to figure out how to get the editor to pull resources from LaunchBox.exe and BigBox.exe, then that should fix those issues. It may be as easy as copying those files into the same folder as the XAML files, but it probably depends on the editor. Shortly after the release on Monday I'll be looking into the best visual editor to use as well as hopefully doing a tutorial. I didn't want to do that stuff without making sure everything was nailed down first in an official release.
Link to post
Share on other sites
Jason Carr said Hi all, I've been waiting to focus on this until after we get the official version out. Ultimately the issue you guys are running into I think is that the editor(s) aren't able to reference the classes inside of LaunchBox.exe and BigBox.exe. UserControlStyle, for instance is part of BigBox.exe. So if we can manage to figure out how to get the editor to pull resources from LaunchBox.exe and BigBox.exe, then that should fix those issues. It may be as easy as copying those files into the same folder as the XAML files, but it probably depends on the editor. Shortly after the release on Monday I'll be looking into the best visual editor to use as well as hopefully doing a tutorial. I didn't want to do that stuff without making sure everything was nailed down first in an official release.
We need themes for launchbox, we're junkies addicted to good looking graphics even though we play 8bits games :D
  • Like 3
Link to post
Share on other sites
Jason Carr said Hi all, I've been waiting to focus on this until after we get the official version out. Ultimately the issue you guys are running into I think is that the editor(s) aren't able to reference the classes inside of LaunchBox.exe and BigBox.exe. UserControlStyle, for instance is part of BigBox.exe. So if we can manage to figure out how to get the editor to pull resources from LaunchBox.exe and BigBox.exe, then that should fix those issues. It may be as easy as copying those files into the same folder as the XAML files, but it probably depends on the editor. Shortly after the release on Monday I'll be looking into the best visual editor to use as well as hopefully doing a tutorial. I didn't want to do that stuff without making sure everything was nailed down first in an official release.
Any progress?
Link to post
Share on other sites
  • 3 weeks later...
Hey all, I'm hoping to put out a tutorial tomorrow to wrap everything up. The latest betas include project files to open up the themes in Visual Studio and allow you to visually change them. I'm in the live development stream right now and we just added gif support. You can add animated gifs to Big Box now (or you will be able to after this new beta goes out later today). Just put this in the header UserControl tag: xmlns:gif="clr-namespace:WpfAnimatedGif;assembly=BigBox" And then, wherever you want to use a gif, create a new Image tag and add a property to it like this: gif:ImageBehavior.AnimatedSource="D:\Cat-party.gif" We're using the XamlAnimatedGif library here: https://github.com/XamlAnimatedGif/WpfAnimatedGif You can see their documentation for more details on more things you can do.
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...