Materialdesigninxamltoolkit / snackbar / изменение файла стиля

Есть ли способ выполнить выравнивание по горизонтали / центру для MaterialDesign: Snackbar?

Вот мой код.

<UserControl
    x:Class="RemoteWpf.Views.App.AppBaseView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:RemoteWpf.Views.App"
    xmlns:cal="http://www.caliburnproject.org"
    xmlns:localConverter="clr-namespace:RemoteWpf.Converters"
    xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
    xmlns:materialDesignConverters="clr-namespace:MaterialDesignThemes.Wpf.Converters;assembly=MaterialDesignThemes.Wpf"        
    xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
    mc:Ignorable="d">

<materialDesign:Snackbar x:Name="MySnackbar" MessageQueue="{materialDesign:MessageQueue}">

Файл стиля находится здесь с оригинального сайта.

Я попытался переопределить файл стилей, но мои знания были слишком скудными. Я не могу ...

Вот что я хочу сделать ..

enter image description here

1
0
1 274
2

Ответы 2

Вы можете изменить значение свойства HorizontalContentAlignment стиля SnackbarMessage на Center, как показано ниже.

<Style BasedOn="{StaticResource {x:Type materialDesign:SnackbarMessage}}" TargetType="{x:Type materialDesign:SnackbarMessage}">
    <Setter Property="HorizontalContentAlignment" Value="Center" />
</Style>

См. Страницу Переопределение стилей по умолчанию на вики-странице MaterialDesignInXamlToolkit.

Вы можете объявить SnackbarMessage внутри Snackbar следующим образом и установить для HorizontalContentAlignment значение Center:

<materialDesign:Snackbar MessageQueue="{Binding SnackbarMessageQueue}"
                                 HorizontalAlignment="Center">
            <materialDesign:SnackbarMessage HorizontalContentAlignment="Center"></materialDesign:SnackbarMessage>
</materialDesign:Snackbar>

Другие вопросы по теме