如何在wpf中将按钮的命令更改为tabcontrols

debugcn 发表于 Dev

罗杰

我有4个按钮绑定命令，我想使用tabcontrols完成这些命令。

<Button Margin="5" Width="Auto" Height="26" Content="operating" Command="{Binding PCmd}" CommandParameter="{Binding ElementName=frame}"/>
<Button Margin="5" Width="Auto" Height="26" Content="settings"  Command="{Binding SettingCmd}" CommandParameter="{Binding ElementName=frame}"/>
<Button Margin="5" Width="Auto" Height="26" Content="showing" Command="{Binding DiCmd}" CommandParameter="{Binding ElementName=frame}"/>
<Button Margin="5" Width="Auto" Height="26" Content="controls" Command="{Binding DeviceCmd}" CommandParameter="{Binding ElementName=frame}"/>

<Frame x:Name="frame" Source="PPage.xaml" NavigationUIVisibility="Hidden" />

设置命令如下：

 SettingCmd = new RelayCommand<System.Windows.Controls.Frame>
        (
            (f) =>
            {
                f.Navigate(new Uri(@"View\SettingPage.xaml", UriKind.Relative));
            }
        );

现在我进行这些更改，如何向其中添加命令以完成按钮中的命令，并且根据4个按钮有4个xaml页面

<controls:MetroAnimatedSingleRowTabControl Grid.Row="1" x:Name="MainTabControl">
    <TabItem Header="operating"></TabItem>
    <TabItem Header="settings"></TabItem>
    <TabItem Header="showing"></TabItem>
    <TabItem Header="controls"></TabItem>
</controls:MetroAnimatedSingleRowTabControl>

山姆3D3v

由于不再需要框架，因此最好的方法是将每个页面的Xaml放入相应的TabItem中，例如：

<TabItem Header="settings">
  //bring the Xaml of SettingPage.Xaml to here
</TabItem>

在这种情况下，将不需要导航，也不需要命令，但是如果您坚持将每个选项卡的内容保留在单独的Xaml文件中，则必须首先在每个TabItem中定义一个Frame，并将其source属性设置为coresponding Xaml页面：

<controls:MetroAnimatedSingleRowTabControl Grid.Row="1" x:Name="MainTabControl">
            <TabItem Header="operating">
                <Frame  Source="View/OperatingPage.xaml" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" NavigationUIVisibility="Hidden"/>
            </TabItem>
            <TabItem Header="settings">
                <Frame  Source="View/SettingPage.xaml" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" NavigationUIVisibility="Hidden"/>
            </TabItem>
            <TabItem Header="showing">
                <Frame  Source="View/ShowingPage.xaml" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" NavigationUIVisibility="Hidden"/>
            </TabItem>
            <TabItem Header="controls">
                <Frame  Source="View/ControlsPage.xaml" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" NavigationUIVisibility="Hidden"/>
            </TabItem>
</controls:MetroAnimatedSingleRowTabControl>

在这种情况下，也不需要任何命令。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。