ELK/Furnace/FurnaceUI/Views/Editors/RecipeEventSettingView.xaml

<UserControl x:Class="FurnaceUI.Views.Editors.RecipeEventSettingView"
             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" 
             xmlns:local="clr-namespace:FurnaceUI.Views.Editors" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:cal="http://www.caliburn.org"
             mc:Ignorable="d" 
             Height="450" Width="550" FontFamily="Segoe">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="60"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="60"/>
        </Grid.RowDefinitions>
        <!--<Button Grid.Row="0"  Grid.Column="0" Width="333" Margin="10,4,0,4" Content="Set Event" HorizontalAlignment="Left" Style="{StaticResource PageTitleButton}" FontSize="25"/>-->
        <Grid Grid.Row="1" Grid.Column="0" IsEnabled="{Binding IsEnable}">
            <!--<Canvas>
                --><!--<Button Content="Sample data collect" FontSize="25" Canvas.Left="10" Canvas.Top="88" Width="200">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="SelectCollect">
                                <cal:Parameter Value="DataCollect"></cal:Parameter>
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>--><!--
                <Button Content="Event collect" Style="{StaticResource CommandButton}" Canvas.Left="10" Canvas.Top="181" Width="200">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="SelectCollect">
                                <cal:Parameter Value="EventCollect"></cal:Parameter>
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
            </Canvas>-->
            <!--<DockPanel x:Name="SetDataCollect"  Grid.Row="0" Grid.Column="1">
                <Image Source="/FurnaceUI;component/Resources/Images/Temp/pic1.png" Margin="0,74,0,0" Width="646"/>
            </DockPanel>-->
            <!--<DockPanel   Grid.Row="0" Grid.Column="1" Visibility="{Binding SetEventVisibility}">
                <Image Source="/FurnaceUI;component/Resources/Images/Temp/pic2.png" Margin="0,14" Width="646"/>
            </DockPanel>-->
            <DockPanel>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBlock Margin="12,-50,2,0" Text="{Binding TitleName}" FontSize="25"/>
                    <Border Grid.Row="0" Grid.Column="0" Margin="20,0,10,0">
                        <WrapPanel Orientation="Vertical">
                            <Button  Grid.Column="0" Margin="3,3" Padding="0" Height="114" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" Width="500" >
                                <ContentControl   >
                                    <Canvas>
                                        <TextBlock Text="Process Time Measurement" Style="{StaticResource TextBlock_Title}" VerticalAlignment="Center" Canvas.Left="44" Canvas.Top="7" />
                                        <Image Source="/FurnaceUI;component/Resources/Images/icons/SampleData44.png"/>
                                        <RadioButton Content="None" Canvas.Left="20" Canvas.Top="55" Height="40" Width="80" GroupName="SetDataCollect" IsChecked="{Binding IsNoneChecked}">
                                            <i:Interaction.Triggers>
                                                <i:EventTrigger EventName="Click">
                                                    <cal:ActionMessage MethodName="SelectControlCmd">
                                                        <cal:Parameter Value="None"></cal:Parameter>
                                                    </cal:ActionMessage>
                                                </i:EventTrigger>
                                            </i:Interaction.Triggers>
                                        </RadioButton>
                                        <RadioButton Content="Start" GroupName="SetDataCollect" Canvas.Left="120" Canvas.Top="55" Height="40" Width="80" IsChecked="{Binding IsStartChecked}">
                                            <i:Interaction.Triggers>
                                                <i:EventTrigger EventName="Click">
                                                    <cal:ActionMessage MethodName="SelectControlCmd">
                                                        <cal:Parameter Value="Start"></cal:Parameter>
                                                    </cal:ActionMessage>
                                                </i:EventTrigger>
                                            </i:Interaction.Triggers>
                                        </RadioButton>
                                        <RadioButton Content="Stop" GroupName="SetDataCollect" Canvas.Left="220" Canvas.Top="55" Height="40" Width="80" IsChecked="{Binding IsStopChecked}">
                                            <i:Interaction.Triggers>
                                                <i:EventTrigger EventName="Click">
                                                    <cal:ActionMessage MethodName="SelectControlCmd">
                                                        <cal:Parameter Value="Stop"></cal:Parameter>
                                                    </cal:ActionMessage>
                                                </i:EventTrigger>
                                            </i:Interaction.Triggers>
                                        </RadioButton>
                                    </Canvas>
                                </ContentControl>
                            </Button>
                        </WrapPanel>
                    </Border>
                    <Border Grid.Row="1" Grid.Column="0" Margin="0,-60,0,0">
                        <Button  Grid.Column="0" Height="114" Style="{StaticResource Area_Button}" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" Width="500" >
                            <ContentControl   >
                                <Canvas>
                                    <TextBlock Text="For Host Event" Style="{StaticResource TextBlock_Title}" VerticalAlignment="Center" Canvas.Left="44" Canvas.Top="7" />
                                    <Image Source="/FurnaceUI;component/Resources/Images/icons/SampleData44.png"/>
                                    <StackPanel Orientation="Horizontal" Canvas.Left="10" Canvas.Top="60">
                                        <TextBlock Text="Event Number" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe"/>
                                    </StackPanel>
                                    <StackPanel Orientation="Horizontal" Canvas.Left="150" Canvas.Top="55">
                                        <TextBox Text="0" Width="150" Height="35" TextWrapping="Wrap" Foreground="Black" FontSize="20" FontFamily="Segoe" Tag="Number"/>
                                    </StackPanel>
                                </Canvas>
                            </ContentControl>
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="PopupPage">
                                        <cal:Parameter Value="PortStatus"/>
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                    </Border>
                </Grid>
            </DockPanel>
        </Grid>
        <DockPanel Grid.Row="2" Grid.Column="0">
            <Canvas>
                <Button Width="130" Height="45" Style="{StaticResource CommandButton}" Content="Save" Canvas.Left="245" Canvas.Top="5" IsEnabled="{Binding IsEnable}">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="SaveCmd">
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
                <Button Width="130" Height="45" Style="{StaticResource CommandButton}" Content="Close" Canvas.Left="395" Canvas.Top="5">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <cal:ActionMessage MethodName="CloseCmd">
                            </cal:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
            </Canvas>
        </DockPanel>
    </Grid>
</UserControl>