WPF和MVVM - 更改主题动态(WPF and MVVM - changing themes

2019-06-25 15:30发布

我使用MVVM一个WPF项目的工作,我想实现一个功能,动态变化的主题。 主题化信息位于单独的XAML文件(即Theme1.xaml,Theme2.xaml)。 我想这样做实际的主题改变视图模型类,而不是背后的种种原因View.xaml的文件中的代码。

我试过一对夫妇的想法,但不能得到任何工作:

  • 我试着结合景观的资源字典在视图模型的变量,但我告知,不能在类型资源字典的来源属性设置绑定

  • 我没有在我的ViewModel类任何形式查看对象上调用“UpdateTheme”方法

我如何能更改从ViewModel类在我看来类MergedDictionary参考任何想法?

谢谢!

Answer 1:

我已经用相同的时间较早的问题在这里工作我做了什么在我的情况可能是,它可以帮助你。

你的主题文件(theme1.xaml,theme2.xaml ...)为主题文件夹复制你的exe路径。 并与下面的示例代码尝试。 使用绑定

public partial class MainWindow : Window, INotifyPropertyChanged
    {


        private FileInfo _SelectTheme;

        public FileInfo SelectedTheme
        {
            get { return _SelectTheme; }
            set
            {
                _SelectTheme = value;
                OnChanged("SelectedTheme");
                ChangeTheme(_SelectTheme);
            }
        }

        private void ChangeTheme(FileInfo _SelectTheme)
        {
            App.Current.Resources.Clear();
            App.Current.Resources.Source = new Uri(_SelectTheme.FullName, UriKind.Absolute);
        }
        private ObservableCollection<FileInfo> _files;
        public ObservableCollection<FileInfo> Files
        {
            get { return _files; }
            set { _files = value; OnChanged("Files"); }
        }
        public MainWindow()
        {
            this.InitializeComponent();

            Dispatcher.BeginInvoke(DispatcherPriority.Background, new Action(() =>
                {
                    var localthemes = new System.IO.DirectoryInfo("Themes").GetFiles();
                    if (Files == null)
                        Files = new ObservableCollection<FileInfo>();
                    foreach (var item in localthemes)
                    {
                        Files.Add(item);
                    }
                    SelectedTheme = Files[0];
                }));

            this.DataContext = this;
        }



        public event PropertyChangedEventHandler PropertyChanged;
        public void OnChanged(string name)
        {
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs(name));
        }
    }






<Window x:Class="WPFTheme.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Name="Window"
        Title="MainWindow"
        Width="640"
        Height="480">

    <Grid x:Name="LayoutRoot" Background="{DynamicResource DisabledForegroundBrush}">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="0.285*" />
            <ColumnDefinition Width="0.365*" />
            <ColumnDefinition Width="0.35*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="0.132*" />
            <RowDefinition Height="0.162*" />
            <RowDefinition Height="0.403*" />
            <RowDefinition Height="0.168*" />
            <RowDefinition Height="0.135*" />
        </Grid.RowDefinitions>
        <Button Width="57"
                Margin="15,13,0,10.872"
                HorizontalAlignment="Left"
                Content="Enabled" />
        <Button Width="72"
                Margin="0,14,17.12,10.872"
                HorizontalAlignment="Right"
                Content="Disabled"
                IsEnabled="False" />
        <TextBlock Grid.Column="1"
                   Width="69"
                   Margin="11.88,15,0,27.872"
                   HorizontalAlignment="Left"
                   Text="TextBlock"
                   TextWrapping="Wrap" />
        <TextBox Grid.Column="1"
                 Width="64"
                 Height="21"
                 Margin="9.88,0,0,4.872"
                 HorizontalAlignment="Left"
                 VerticalAlignment="Bottom"
                 Text="TextBox"
                 TextWrapping="Wrap" />
        <TextBox Grid.Column="1"
                 Height="21"
                 Margin="88.88,0,35.8,3.872"
                 VerticalAlignment="Bottom"
                 IsEnabled="False"
                 Text="TextBox Disabled"
                 TextWrapping="Wrap" />
        <CheckBox Grid.Row="1"
                  Width="71"
                  Height="14"
                  Margin="11,7.128,0,0"
                  HorizontalAlignment="Left"
                  VerticalAlignment="Top"
                  Content="CheckBox" />
        <CheckBox Grid.Row="1"
                  Width="71"
                  Height="14"
                  Margin="0,8.128,15.12,0"
                  HorizontalAlignment="Right"
                  VerticalAlignment="Top"
                  Content="Disabled"
                  IsEnabled="False" />
        <ComboBox Grid.Column="2"
                  Width="94"
                  Margin="8.2,18,0,11.872"
                  HorizontalAlignment="Left"
                  ItemsSource="{Binding Files}"
                  SelectedItem="{Binding SelectedTheme,
                                         Mode=TwoWay,
                                         UpdateSourceTrigger=PropertyChanged}" />
        <ComboBox Grid.Column="2"
                  Width="94"
                  Margin="0,17,14,12.872"
                  HorizontalAlignment="Right"
                  IsEnabled="False"
                  ItemsSource="{Binding Files}" />
        <DataGrid Grid.Row="2"
                  Grid.Column="1"
                  Margin="8.88,6.876,7.8,62.862"
                  AutoGenerateColumns="True"
                  ItemsSource="{Binding Files}" />
        <DatePicker Grid.Row="2"
                    Height="23"
                    Margin="10,0,15,147"
                    VerticalAlignment="Bottom" />
        <GroupBox Grid.Row="2"
                  Grid.Column="2"
                  Margin="6.2,2.876,6,5.862"
                  Header="GroupBox">
            <ScrollViewer Margin="6,0.723,1,1" ScrollViewer.HorizontalScrollBarVisibility="Visible">
                <ListBox Width="161"
                         Height="108"
                         ItemsSource="{Binding Files}" />
            </ScrollViewer>
        </GroupBox>
        <ListView Grid.Row="2"
                  Grid.Column="1"
                  Height="59"
                  Margin="12.88,0,5.8,-4.138"
                  VerticalAlignment="Bottom"
                  ItemsSource="{Binding Files}">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="File Name">
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding Name}" />
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                </GridView>
            </ListView.View>
        </ListView>
        <ProgressBar x:Name="progressBar"
                     Grid.Row="1"
                     Grid.Column="1"
                     Height="20"
                     Margin="5.88,6.128,61.8,0"
                     VerticalAlignment="Top"
                     Value="50" />
        <RadioButton Grid.Row="1"
                     Width="64"
                     Margin="11,25.128,0,29.124"
                     HorizontalAlignment="Left"
                     Content="RadioButton" />
        <RadioButton Grid.Row="1"
                     Width="51"
                     Margin="0,25.128,33.12,29.124"
                     HorizontalAlignment="Right"
                     Content="RadioButton"
                     IsEnabled="False" />
        <Slider Grid.Row="1"
                Grid.Column="1"
                Margin="11.88,34.128,38.8,15.124"
                AutoToolTipPlacement="BottomRight"
                Maximum="{Binding Maximum,
                                  ElementName=progressBar}"
                Minimum="{Binding Minimum,
                                  ElementName=progressBar}"
                Value="{Binding Value,
                                ElementName=progressBar}" />
        <TabControl Grid.Row="1"
                    Grid.Column="2"
                    Margin="7.2,9.128,9,0.124">
            <TabItem Header="TabItem">
                <Grid Background="#FFE5E5E5" />
            </TabItem>
            <TabItem Header="TabItem">
                <Grid Background="#FFE5E5E5" />
            </TabItem>
        </TabControl>
        <TreeView Grid.Row="3"
                  Margin="8,5.138,12.12,1.79"
                  ItemsSource="{Binding Files}" />
        <ToolBar Grid.Row="4"
                 Grid.ColumnSpan="2"
                 Margin="10,9.21,104.8,17">
            <Button />
            <CheckBox />
            <ComboBoxItem />
            <MenuItem />
            <Separator />
            <TabItem />
        </ToolBar>
    </Grid>
</Window>


Answer 2:

我把手在启动主题切换在我的应用程序是这样的。

Application.Current.Resources.MergedDictionaries.Clear();
Application.Current.Resources.MergedDictionaries.Add(Themes.Where(p => p.Value.ThemeName == "MyTheme").SingleOrDefault().Value.Theme);

我先清除Dictionaries ,以消除任何预设的Theme 。 我在做这个,因为我在编辑器中使用默认的主题,然后run-time根据用户配置开关。

我重新启动应用程序加载新的主题,但你保存状态等,在您的ViewModel ,你应该能够重新加载UI ,而无需完全重新启动应用程序。 这不过不是我的项目的要求,所以我从来没有那么远。

你很可能只是通过您的主题从名称View ,然后使用您的逻辑分析它ViewModel



Answer 3:

你的问题是,你正在尝试直接从您的视图模型,这是不允许更改的视图。 你需要拿出基于属性绑定更加被动的解决方案。

我的做法是有一小部分的代码你的主视图的代码隐藏开关在合并字典的资源文件,它这样做的方式可以通过它绑定到一个属性在您的视图模型的价值disctated。 支持查看为中心的行为代码隐藏少量是允许在MVVM。



文章来源: WPF and MVVM - changing themes dynamically
标签: wpf mvvm