MVVM Light - 更改按钮内容表单动态资源绑定

Question

在我的每个视图中都有一个“共享”用户控件，每个视图都会加载。此控件只包含四个按钮，但我需要根据加载它的视图更改每个按钮的内容。 直到内容只是一个字符串，但没有问题，但我不知道如何做，我需要把一些按钮的内容放在一些控件上，比如一个带有图片和文本的网格。

我试图创建一个键的本地资源，但我需要设置CONTENT =“{DynamicResource资源}”，所以从视图模型我不能有任何绑定到内容......

<UserControl x:Class="PlusMatic.Presentation.Views.SubViews.FrontendButtonsView" 
     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" mc:Ignorable="d" 
     d:DesignHeight="432" d:DesignWidth="211.2" 
     DataContext="{Binding FrontendButtons, Source={StaticResource Locator}}" > 

<Grid x:Name="LayoutRoot" Margin="0,0,0,5"> 
    <Grid.Resources> 
     <Border x:Key="ButtonOneStructure"> 

       <Grid> 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition/> 
         <ColumnDefinition/> 
        </Grid.ColumnDefinitions> 
        <Image Grid.Column="0" Source="{Binding FlagPath}" Stretch="Uniform" Margin="5"/> 
       <Viewbox Stretch="Uniform" Grid.Column="1" > 
        <TextBlock TextWrapping="Wrap" Style="{DynamicResource BigTextBlockPlusMatic}" > 
             <TextBlock.Inlines> 
              <Run Text="{DynamicResource 103ita}" /> 
              <LineBreak /> 
              <Run Text="{DynamicResource 103eng}" /> 
              <LineBreak /> 
              <Run Text="{DynamicResource 103fra}" /> 
              <LineBreak /> 
              <Run Text="{DynamicResource 103deu}" /> 
              <LineBreak /> 
              <Run Text="{DynamicResource 103esp}" /> 
             </TextBlock.Inlines> 
        </TextBlock> 
       </Viewbox> 
      </Grid> 

     </Border> 
    </Grid.Resources> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="0.25*"/> 
     <RowDefinition Height="0.25*"/> 
     <RowDefinition Height="0.25*"/> 
     <RowDefinition Height="0.25*"/> 
    </Grid.RowDefinitions> 
    <Button x:Name="ButtonOne" Margin="0,5,10,5" Content="{DynamicResource ButtonOneStructure}" Grid.Row="0" Style="{DynamicResource FrontendButtonStyle}" /> 
    <Button x:Name="ButtonTwo" Margin="0,5,10,5" Content="{Binding ButtonTwoContent}" Grid.Row="1" Style="{DynamicResource FrontendButtonStyle}" /> 
    <Button x:Name="ButtonThree" Margin="0,5,10,5" Content="{Binding ButtonThreeContent}" Grid.Row="2" Style="{DynamicResource FrontendButtonStyle}" /> 
    <Button x:Name="ButtonFour" Margin="0,5,10,5" Content="{Binding ButtonFourContent}" Grid.Row="3" Style="{DynamicResource FrontendButtonStyle}" /> 
</Grid> 

任何帮助表示赞赏！

L.

Answer 1

以下的建议，我选择实现具有一个数据模板触发器内这有助于我在不同的ControlTemplate两者之间切换它：

<UserControl x:Class="PlusMatic.Presentation.Views.FrontendButtonsView" 
     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" mc:Ignorable="d" 
     d:DesignHeight="432" d:DesignWidth="211.2" 
     DataContext="{Binding FrontendButtons, Source={StaticResource Locator}}" > 

<Grid x:Name="LayoutRoot" Margin="0,0,0,5"> 
    <Grid.Resources> 

     <!--Template per i bottoni frontend--> 
     <!--Bottone uno--> 
     <ControlTemplate x:Key="ButtonOneLangChangeControlTemplate" TargetType="{x:Type Control}"> 
      <Border> 
       <Grid > 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition /> 
         <ColumnDefinition /> 
        </Grid.ColumnDefinitions> 
        <Image Grid.Column="0" Source="{Binding Source={StaticResource Locator}, Path=FrontendButtons.ButtonOneFlagPath}" Stretch="Uniform" Margin="5" /> 
        <Viewbox Stretch="Uniform" Grid.Column="1"> 
         <TextBlock TextWrapping="Wrap" Style="{DynamicResource BigTextBlockPlusMatic}"> 
          <TextBlock.Inlines> 
           <Run Text="{DynamicResource 103ita}" /> 
           <LineBreak /> 
           <Run Text="{DynamicResource 103eng}" /> 
           <LineBreak /> 
           <Run Text="{DynamicResource 103fra}" /> 
           <LineBreak /> 
           <Run Text="{DynamicResource 103deu}" /> 
           <LineBreak /> 
           <Run Text="{DynamicResource 103esp}" /> 
          </TextBlock.Inlines> 
         </TextBlock> 
        </Viewbox> 
       </Grid> 
      </Border> 
     </ControlTemplate> 

     <ControlTemplate x:Key="ButtonOnePictureAndTextControlTemplate" TargetType="{x:Type Control}"> 
      <Border> 
       <Grid > 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition /> 
         <ColumnDefinition /> 
        </Grid.ColumnDefinitions> 
        <Image Grid.Column="0" Source="{Binding Source={StaticResource Locator}, Path=FrontendButtons.ButtonOnePicturePath}" Stretch="Uniform" Margin="5" /> 
        <Viewbox Stretch="Uniform" Grid.Column="1"> 
         <TextBlock TextWrapping="Wrap" Style="{DynamicResource BigTextBlockPlusMatic}"> 
          <TextBlock.Inlines> 
           <Run Text="{Binding Source={StaticResource Locator}, Path=FrontendButtons.ButtonOneTextToShow}" /> 
          </TextBlock.Inlines> 
         </TextBlock> 
        </Viewbox> 
       </Grid> 
      </Border> 
     </ControlTemplate> 

     <DataTemplate x:Key="ButtonOneDataTemplate"> 
      <Control x:Name="theControl" Template="{DynamicResource ButtonOneLangChangeControlTemplate}" /> 
      <DataTemplate.Triggers> 
       <DataTrigger Binding="{Binding Path=UseButtonOneLangChangeControlTemplate}" Value="true"> 
        <Setter TargetName="theControl" Property="Template" Value="{DynamicResource ButtonOneLangChangeControlTemplate}" /> 
       </DataTrigger> 
       <DataTrigger Binding="{Binding Path=UseButtonOneLangChangeControlTemplate}" Value="false"> 
        <Setter TargetName="theControl" Property="Template" Value="{DynamicResource ButtonOnePictureAndTextControlTemplate}" /> 
       </DataTrigger> 
      </DataTemplate.Triggers> 
     </DataTemplate> 

    </Grid.Resources> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="0.25*"/> 
     <RowDefinition Height="0.25*"/> 
     <RowDefinition Height="0.25*"/> 
     <RowDefinition Height="0.25*"/> 
    </Grid.RowDefinitions> 
    <Button x:Name="ButtonOne" Margin="0,5,10,5" ContentTemplate="{StaticResource ButtonOneDataTemplate}" Grid.Row="0" Style="{DynamicResource FrontendButtonStyle}" /> 
</Grid> 

通过简单地结合布尔属性从ViewModel的dataTrigger中的“UseButtonOneLangChangeControlTemplate”我可以改变运行时的数据模板。

大号

Answer 2

如果我理解正确的话，你需要使用的DataTemplates每个不同的看法，然后使用DataTrigger，或相关的触发模板之间切换。