[MATERIAL DESIGN/WPF/.NET5] Flipper 엘리먼트 사용하기

TestProject.zip

0.00MB

▶ MainApplication.xaml

<Application x:Class="TestProject.MainApplication"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
    StartupUri="MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <materialDesign:BundledTheme
                    BaseTheme="Inherit"
                    PrimaryColor="DeepPurple"
                    SecondaryColor="Lime"
                    ColorAdjustment="{materialDesign:ColorAdjustment}" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

 

728x90

 

▶ MainWindow.xaml

<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
    Width="800"
    Height="600"
    Title="Flipper 엘리먼트 사용하기"
    Background="{DynamicResource MaterialDesignPaper}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Button.xaml"  />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Flipper.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Window.Resources>
    <Grid>
        <materialDesign:Flipper
            Style="{StaticResource MaterialDesignCardFlipper}"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            IsFlippedChanged="flipper_IsFlippedChanged">
            <materialDesign:Flipper.FrontContent>
                <Button
                    Style="{StaticResource MaterialDesignFlatButton}"
                    Margin="5"
                    Width="180"
                    Command="{x:Static materialDesign:Flipper.FlipCommand}"
                    FontSize="16"
                    FontWeight="Bold"
                    Content="FLIPPABLZ!" />
            </materialDesign:Flipper.FrontContent>
            <materialDesign:Flipper.BackContent>
                <Button
                    Style="{StaticResource MaterialDesignFlatButton}"
                    Margin="5"
                    Width="180"
                    Command="{x:Static materialDesign:Flipper.FlipCommand}"
                    FontSize="16"
                    FontWeight="Bold"
                    Content="GO BACK" />
            </materialDesign:Flipper.BackContent>
        </materialDesign:Flipper>
    </Grid>
</Window>