WPF Archives - Dawid's Blog

Architecting WPF - Part 1 - Closer Look at MVVM pattern

I've been spending a lot of time learning about WPF recently and its chief design pattern: MVVM. It is partly work-related, as we've been doing some major backend refactoring and could take the advantage to change some of the front-end too. We've been gradually adopting WPF because apparently, Blazor and co. are still unproven to

MediaElement Not Firing Events

Today, we encountered quite an interesting problem. MediaElement wasn't firing events. Using simple speech synthesis on Windows 8.1 using the speech synthesiser we tried:

using(SpeechSynthesizer synthesizer = new SpeechSynthesizer())
{
    SpeechSynthesisStream stream = await synthesizer.SynthesizeTextToStreamAsync("How are you feeling today?");
    MediaElement mediaElement = new MediaElement();
    mediaElement.IsMuted = false;
    mediaElement.SetSource(stream, stream.ContentType);
    mediaElement.MediaEnded += (a, b) => { System.Diagnostics.Debug.WriteLine("Steam has eneded."); };
    mediaElement.Play();
}

1

2

3

4

5

6

7

8

9

using(SpeechSynthesizer synthesizer = new SpeechSynthesizer())

{

SpeechSynthesisStream stream = await synthesizer.SynthesizeTextToStreamAsync("How are you feeling today?");

MediaElement mediaElement = new MediaElement();

mediaElement.IsMuted = false;

mediaElement.SetSource(stream, stream.ContentType);

mediaElement.MediaEnded += (a, b) => { System.Diagnostics.Debug.WriteLine("Steam has eneded."); };

mediaElement.Play();

}

None of the variations worked. The speech worked just the event wasn't getting fired. After a bit of digging it turned out that in order to fire events MediaElement must

Set background color for all buttons in WPF

Hehe, simple enough thing, but took long enough. You need to use resources to do it.

    <Window.Resources>
    </Window.Resouces>

1 2	<Window.Resources> </Window.Resouces>

In there you can define styles:

    <Style TargetType="Button">
        <Setter Property="Background" Value="#7DC7C5"/>
    </Style>

1

2

3

</Style>

It is simple enough to read: apply it to buttons. Property: Background set the value to whatever color you like.

Image FadeOut Animation

Today, I decided to play around with WPF a little bit. I created a simple App for animating a logo

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            Storyboard stbFadeOut = (Storyboard)FindResource("FadeOut");
            stbFadeOut.Begin();
        }

        private void Storyboard_Completed(object sender, EventArgs e)
        {
            MessageBox.Show("Complated.");
        }
    }

1

2

3

4

5

6

7

8

9

10

11

12

13

14

public partial class MainWindow : Window

{

public MainWindow()

{

InitializeComponent();

Storyboard stbFadeOut = (Storyboard)FindResource("FadeOut");

stbFadeOut.Begin();

}

private void Storyboard_Completed(object sender, EventArgs e)

{

MessageBox.Show("Complated.");

}

<Window x:Class="TestApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525"
        WindowState="Maximized" WindowStyle="None">
    <Window.Resources>
        <Storyboard x:Key="FadeOut" Name="FadeOutLogoAnimation" Completed="Storyboard_Completed">
            <DoubleAnimation From="1" To="0" Storyboard.TargetName="Logo" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0:0:5"/>
        </Storyboard>
    </Window.Resources>
    <Grid Name="MainGrid">
        <Image Source="yourlogo.png"  Name="Logo" HorizontalAlignment="Center" Stretch="Uniform" VerticalAlignment="Center">
        </Image>
    </Grid>
</Window>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<Window x:Class="TestApp.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="MainWindow" Height="350" Width="525"

WindowState="Maximized" WindowStyle="None">

<Window.Resources>

</Storyboard>

</Window.Resources>

</Image>

</Grid>

</Window>

Category: WPF

Architecting WPF - Part 1 - Closer Look at MVVM pattern

MediaElement Not Firing Events

Set background color for all buttons in WPF

Image FadeOut Animation

Search

Categories