XAML Tips and Tricks

[shinra358]

My mistake. Didn't mean to post those values. Here are the real values but it's still not working:

BeginTime="0:0:0" From="0.05" To="0.85" Duration="0:0:0.5" AutoReverse="True"

[Grila]

I'm on my phone so I can't check for certain, but try adding the repeat forever attribute after the auto reverse. I believe right now it will play and auto reverse, but stop then. You need it to repeat forever. 

[Grila]

RepeatBehavior="Forever"

[shinra358]

It's already there.

I'm questioning myself if the storyboard.targetproperty is written correctly and if I have the correct routedevent as well?

 

And for testing, this code is located in the TextListView.xaml within the listbox named 'Items'.

Edited November 9, 2017 by shinra358

[Grila]

Ahh yes, I missed it. I'm afraid I can't help much from my phone.

[shinra358]

ok, hit me up when you get home.

[Grila]

1 hour ago, shinra358 said:

ok, hit me up when you get home.

Nosh did the pulsing selector in his theme. He put all his animations and such in the ListBoxItemStyle.xaml in the Styles folder. It makes sense now because that listbox's style is set to use it. Here's his ListBoxItemStyle file, you should be able to figure it out from this.

ListBoxItemStyle.xaml

 

Or, remove the Style={DynamicResource ListBoxStyle}" from your listbox so it doesn't get its styling from there.

[shinra358]

Before I went to sleep last night, I came up with this:

Spoiler

 

<Border Grid.Row="5">
                    <Border.Effect>
                        <DropShadowEffect BlurRadius="10" Color="Black" Direction="315" Opacity="1.0" RenderingBias="Performance" ShadowDepth="7"/>
                    </Border.Effect>
                    <ListBox Name="Items" Style="{DynamicResource ListBoxStyle}" FontFamily="{StaticResource FontMain}">
                        <ListBox.LayoutTransform>
                            <TransformGroup>
                                <ScaleTransform ScaleX="1.5"/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </ListBox.LayoutTransform>
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="MouseDoubleClick">
                                <cal:ActionMessage MethodName="OnEnter" />
                            </i:EventTrigger>
                        </i:Interaction.Triggers>                       
                        <ListBox.Effect>
                            <BlurEffect Radius="2"/>
                        </ListBox.Effect>
                        <ListBox.ItemContainerStyle>
                            <Style TargetType="ListBoxItem">
                                <Style.Triggers>
                                    <Trigger Property="IsSelected" Value="True" >
                                        <Setter Property="FontWeight" Value="Bold" />
                                        <Setter Property="Background" Value="Transparent" />
                                        <Setter Property="Foreground" Value="White" />
                                        <Trigger.EnterActions>
                                            <BeginStoryboard>
                                                <Storyboard>
                                                    <DoubleAnimation
                                                          Storyboard.TargetProperty="(UIElement.Opacity)"
                                                          BeginTime="0:0:0" From="0.25" To="0.85" Duration="0:0:0.5" AutoReverse="True"
                                                          RepeatBehavior="Forever" />
                                                </Storyboard>
                                            </BeginStoryboard>
                                        </Trigger.EnterActions>
                                        <Trigger.ExitActions>
                                            <BeginStoryboard>
                                                <Storyboard>
                                                    <DoubleAnimation
                                                          Storyboard.TargetProperty="Opacity"
                                                          BeginTime="0:0:0" To="1" Duration="0:0:0"/>
                                                </Storyboard>
                                            </BeginStoryboard>
                                        </Trigger.ExitActions>
                                    </Trigger>
                                </Style.Triggers>
                                <Style.Resources>
                                    <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent"/>
                                    <RadialGradientBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Opacity="0.55">
                                        <RadialGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <ScaleTransform CenterY="0.5" CenterX="0.5" ScaleX="1.7" ScaleY="1.1"/>
                                                <SkewTransform CenterY="0.5" CenterX="0.5"/>
                                                <RotateTransform CenterY="0.5" CenterX="0.5"/>
                                                <TranslateTransform/>
                                            </TransformGroup>
                                        </RadialGradientBrush.RelativeTransform>
                                        <GradientStop Color="White" Offset="1"/>
                                        <GradientStop Color="Transparent"/>
                                    </RadialGradientBrush>
                                </Style.Resources>
                            </Style>
                        </ListBox.ItemContainerStyle>
                    </ListBox>
                </Border>

 

That pulses the highlighter AND the word that it highlights. I only want the highlighter to pulse but not the word. I just downloaded nosh's theme to check what it looks like, it does both the word and highlighter like I've already gotten here unfortunately.

 

Edit: Hmm, I see in the file that it can directly effect both separately. Let's see...

Edit2: I've replaced he flash section to my theme in that same xaml (deleting the stuff I made at first) and nothing happened. Then I copy and pasted the whole file, still nothing happened. This and the blurred backgrounds I just can't get Is there any changes you would make to the new code above to achieve what is desired?

Edited November 9, 2017 by shinra358

[y2guru]

@Lordmonkus @CriticalCid @Jason Carr  can I retrieve the platforms default emulator? (as I see it displayed via the default platform view, i think its TextFiltersView)

I tried variations of the following but no Bueno

Text" Value="{Binding Path=SelectedPlatform.DefaultEmulator}"

Text" Value="{Binding Path=SelectedPlatform.DefaultEmulation}"

 

Edited November 27, 2017 by y2guru
included tags

[NJDave71]

Video Playback Tags...

I like to play all themes and Game videos in full screen behind a theme in Full screen.   This works in the Game Details but not within the wheel, platform or coverflow views.   Which XML tag and Control is associated with these and is their an an example?   

Thanks

[shinra358]

<transitions:TransitionPresenter TransitionSelector="{Binding DetailsTransitionSelector}" Content="{Binding DetailsView}" TextBlock.FontFamily="{StaticResource FontMain}">

How or where do I change the font color of the listbox in this container? This is the details code for the details in the platform view.

[shinra358]

Anybody? Which xaml file controls the details text in-depth on the platform wheel view???

[Jason Carr]

@shinra358 I think it's GameDetailsView.xaml.

[shinra358]

Gamedetailsview for platforms items?

[Jason Carr]

9 minutes ago, shinra358 said:

Gamedetailsview for platforms items?

Whoops, that one is actually FilterDetailsView.xaml. Sorry for that.

[shinra358]

For those of you who want to stretch you gifs:

 

Put this in UserControls before the mc line:

xmlns:gif="clr-namespace:WpfAnimatedGif;assembly=Unbroken.LaunchBox.Wpf"

 

Then add your gif:

<Image gif:ImageBehavior.AnimatedSource="pack://siteoforigin:,,,/Themes/PSP-XE/Images/bbc91a627613e925aea340252646d569.gif" Name="PlatformBG" Stretch="Fill" RenderTransformOrigin="0,0">

RenderTransformOrigin is the point of which your stretching is originated. So in this example, 0,0 means that stretching is coming from the top left corner of your border or whatever your image is being held in.

 

Directly beneath the above code line (no empty lines), place this:

<Image.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="2.34" ScaleY="2.25"/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </Image.RenderTransform>
        </Image>

ScaleX is the value that stretches the image/gif horizontally. ScaleY does the vertical stretching.

Tadaaa!

 

Edited November 29, 2017 by shinra358

[y2guru]

Hi @Jason Carr did you ever make Platform Default Emulator available ? I tried the following but a no go.

Text" Value="{Binding Path=SelectedPlatform.DefaultEmulator}"

Text" Value="{Binding Path=SelectedPlatform.DefaultEmulation}"

 

[Jason Carr]

@y2guru I don't believe I did. Still on my plate.

[y2guru]

No worries @Jason Carr its not a biggie for me and I know you have bigger fish to fry. I was just curious if you had slipped it in there :-)  

[PhillsDoodles]

Hello, Last monday i've started to learn about big box themes and there's some things that i don't find where i can change it. I'm looking the codes from Viking's StationEmulation, since i've made some themes for emulationstation and i want to convert it to launchbox.

I'm messing around in PlatformWheel1FiltersView.xaml and i could change the background images and removed the transition effect, because i want the background images to just appear without any effect. The thing is that they took some time to change from the system i'm in to the next system and i can't find where i change it to appear instantly, because i want to remove the logos and leave just the background image.

Here's my code so far:
 

<transitions:TransitionPresenter Content="{Binding BackgroundView}" Height="{Binding ElementName=Canvas, Path=ActualHeight}" Width="{Binding ElementName=Canvas, Path=ActualWidth}" IsContentVideo="False" />

Can anyone help?

thanks