Kepler-Release/Venus/Venus_MainPages/Views/PM/RecipeView.xaml

<UserControl x:Class="Venus_MainPages.Views.RecipeView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             xmlns:prism="http://prismlibrary.com/" 
             prism:ViewModelLocator.AutoWireViewModel="True"
             xmlns:core="clr-namespace:Aitex.UI.RecipeEditor;assembly=RecipeEditorControl"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             d:DesignHeight="450" d:DesignWidth="800" Name="recipeView">
    <UserControl.Resources>
        <Style TargetType="Button" x:Key="MiddleButton"  BasedOn="{StaticResource {x:Type Button}}" />
        <Style TargetType="Button"></Style>
    </UserControl.Resources>
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Loaded">
            <i:InvokeCommandAction Command="{Binding LoadedCommand}" CommandParameter="{Binding ElementName=recipeView}"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="200" />
            <ColumnDefinition Width="6" />
            <ColumnDefinition Width="800*" />
        </Grid.ColumnDefinitions>

        <Grid Grid.Column="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="60"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Border BorderBrush="{DynamicResource Table_BD}" BorderThickness="1" Background="{DynamicResource Table_BG_Title}" Padding="5,1">
                <StackPanel VerticalAlignment="Bottom">
                    <StackPanel Orientation="Horizontal">
                        <Button Content="New" Width="85" Height="30" Style="{StaticResource MiddleButton}" Command="{Binding NewCommand}"/>
                        <Button Content="Rename" Margin="10,0,0,0" Width="85" Height="30" Style="{StaticResource MiddleButton}" Command="{Binding ReNameCommand}"/>
                        <Button Content="Delete" Margin="10,0,0,0" Width="85" Height="30" Style="{StaticResource MiddleButton}" Command="{Binding DeleteCommand}"/>
                    </StackPanel>
                    <TextBlock Text="Recipe List" Margin="5" FontFamily="Arial" FontSize="14" Foreground="{DynamicResource FG_Black}" HorizontalAlignment="Left" VerticalAlignment="Bottom"/>
                </StackPanel>
            </Border>
            <Border Grid.Row="1" BorderBrush="{DynamicResource Table_BD}" BorderThickness="1,0,1,1" Background="{DynamicResource Table_BG_Content}" Padding="5,1">
                <TreeView Name="treeViewRcpList" Margin="0,6"  
                      FontSize="14" BorderThickness="1" BorderBrush="Black" Canvas.Top="140" Canvas.Left="4" Opacity="1" Background="LightSteelBlue"  AllowDrop="True" 
                      >
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="MouseRightButtonDown">
                            <i:InvokeCommandAction Command="{Binding MouseRightButtonDownCommand}" CommandParameter="{Binding ElementName=treeViewRcpList}"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                    <TreeView.ItemContainerStyle>
                        <Style TargetType="{x:Type TreeViewItem}">
                            <Style.Resources>
                                <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="DodgerBlue"/>
                                <SolidColorBrush x:Key="{x:Static SystemColors.HighlightTextBrushKey}" Color="White"/>
                                <SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightBrushKey}" Color="DodgerBlue"/>
                                <SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightTextBrushKey}" Color="White"/>
                            </Style.Resources>
                        </Style>
                    </TreeView.ItemContainerStyle>
                </TreeView>
            </Border>
        </Grid>
        <GridSplitter Grid.Column="1" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Background="Transparent" />
        <Grid x:Name="gridDisplay" Grid.Column="2">
            <Grid.RowDefinitions>
                <RowDefinition Height="40" />
                <RowDefinition Height="706*" />
            </Grid.RowDefinitions>
            <StackPanel Grid.Row="0" Orientation="Horizontal">
                <!--<TextBlock Text="Type："                        Margin="20,10,0,0" FontSize="15"/>
                <TextBlock Text="{Binding RecipeType}"          Margin="0,10,0,0" FontSize="15"/>
                <TextBlock Text="Name："                        Margin="20,10,0,0" FontSize="15"/>
                <TextBlock Text="{Binding CurrentRecipeName}"   Margin="0,10,0,0" FontSize="15"/>-->
                <!--<Label Height="31" Margin="22,3,0,0" Name="labelSelectedRecipe" VerticalAlignment="Top"  Content="{Binding RecipeType}" FontSize="15" HorizontalContentAlignment="Left" HorizontalAlignment="Left"   FontWeight="Normal" />
                <Label Height="31" Margin="22,3,0,0"  VerticalAlignment="Top"  Content="{Binding CurrentRecipeName}" FontSize="15" HorizontalContentAlignment="Left" HorizontalAlignment="Left"   FontWeight="Normal" />-->
                <!--<Button  Style="{StaticResource MiddleButton}" Height="25"  Name="buttonReloadTableRecipe" VerticalAlignment="Top" FontSize="16"  Width="80" VerticalContentAlignment="Center" Command="{Binding ReLoadCommand}"
                         Margin="50,4,0,0" HorizontalAlignment="Right" Content="{DynamicResource GlobalLableButtonReload}" FontWeight="Normal"></Button>-->
                <!--<Button  Style="{StaticResource MiddleButton}" Height="25"  FontSize="16" Width="80"
                         VerticalContentAlignment="Center" Margin="30,4,22,0" HorizontalAlignment="Right" VerticalAlignment="Top" Content="{DynamicResource GlobalLableButtonSave}" FontWeight="Normal" Command="{Binding SaveRecipeCommand}"/>-->
                <Button  Style="{StaticResource MiddleButton}" Height="25" Name="buttonSaveTableRecipe" FontSize="16" Width="80"
                         VerticalContentAlignment="Center" Margin="30,4,22,0" HorizontalAlignment="Right" VerticalAlignment="Top" Content="{DynamicResource GlobalLableButtonSave}" FontWeight="Normal" Command="{Binding SaveRecipeCommand}"/>

                <Button Content="Add Step"     Command="{Binding AddStepCommand}"    Margin="30,4,22,0"      Style="{StaticResource MiddleButton}"  FontSize="16" Height="25" VerticalContentAlignment="Center" HorizontalAlignment="Right" VerticalAlignment="Top"/>
                <Button Content="Delete Step"  Command="{Binding DeleteStepCommand}" Margin="30,4,22,0"      Style="{StaticResource MiddleButton}"  FontSize="16" Height="25" VerticalContentAlignment="Center" HorizontalAlignment="Right" VerticalAlignment="Top"/>
            </StackPanel>
            <Grid Grid.Row="1">
                <core:RecipeEditorControl x:Name="tableRecipeGrid" FontSize="12" BorderThickness="1" BorderBrush="Black" Margin="0,0,0,6" />
            </Grid>
        </Grid>
    </Grid>
</UserControl>