C#開發PACS醫學影像處理系統(九)：序列控制元件與拖拽

喬克灬叔叔發表於2020-09-15

1.先看結構：

建立WPF使用者控制元件：YourTab

建立WPF使用者控制元件：YourItem

建立選項卡時迴圈新增item，並設定序列縮圖到控制元件和非同步下載的進度條，

1個病人1個或多個Study檢查，1個Study檢查1個選項卡，併為每個選項卡新增自定義關閉按鈕

Tab自定義關閉按鈕的XAML樣式如下：

 <Style TargetType="{x:Type TabItem}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type TabItem}">
                            <Grid Margin="-2">
                                <Border Name="Border"  BorderThickness="2" Margin="0,2,0,1"  >
                                    <Grid>
                                        <ContentPresenter x:Name="ContentSite"  VerticalAlignment="Center" HorizontalAlignment="Center"  ContentSource="Header" Margin="5,5,25,5"   />
                                        <Button x:Name="BtnCloseTab" Margin="130,-1,1,-1" Width="25"  BorderBrush="#555555" BorderThickness="3,1,1,1" Style="{StaticResource ButtonStyle}" MouseEnter="Btn_MouseEnter" MouseLeave="Btn_MouseLeave" Click="BtnCloseTab_Click">
                                            <Button.Content>
                                                <Grid>
                                                    <Image Source="/PACS;component/Resources/關閉.png" Margin="-5"/>
                                                    <TextBlock Text="關閉" Visibility="Collapsed"></TextBlock>
                                                </Grid>
                                            </Button.Content>
                                        </Button>
                                    </Grid>
                                </Border>
                            </Grid>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsSelected" Value="True">
                                    <Setter TargetName="Border"  Property="Background" Value="#191919" />
                                    <Setter TargetName="Border" Property="BorderBrush" Value="#555555" />
                                </Trigger>
                                <Trigger Property="IsSelected" Value="False">
                                    <Setter TargetName="Border" Property="Background" Value="#292929" />
                                    <Setter TargetName="Border" Property="BorderBrush" Value="#555555" />
                                </Trigger>
                                <Trigger Property="IsMouseOver"  Value="True">
                                    <Setter TargetName="Border" Property="Background" Value="#3E3E3E" />
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

2.為Item建立模仿2D建築遊戲的拖拽效果

先建立一個WinForm窗體：

設定窗體屬性：窗體位置跟隨滑鼠，透明度75%，無邊框，ShowInTaskBar屬性設為False，當在Item上按下滑鼠並拖動時則建立一個窗體並設定背景圖片和縮圖一致。

看效果：

3.建立右鍵選單匯出DCM或JPG或視訊

  <ContextMenu x:Name="menu">
                <MenuItem Header="清除關聯序列" Click="RelationClear_Click">
                    <MenuItem.Icon>
                        <ImageBrush ImageSource="/PACS;component/Resources/清除.png"/>
                    </MenuItem.Icon>
                </MenuItem>
                <MenuItem Header="匯出Dicom檔案">
                    <MenuItem.Icon>
                        <ImageBrush ImageSource="/PACS;component/Resources/檔案.png"/>
                    </MenuItem.Icon>
                    <MenuItem Header="當前序列" Click="ExportDicom_Click" Width="140"></MenuItem>
                    <MenuItem Header="所有序列" Click="ExportAllDicom_Click"></MenuItem>
                </MenuItem>
                <MenuItem Header="匯出圖片檔案">
                    <MenuItem.Icon>
                        <ImageBrush ImageSource="/PACS;component/Resources/圖片.png"/>
                    </MenuItem.Icon>
                    <MenuItem Header="當前序列" Width="140" Click="ExportImage_Click"></MenuItem>
                    <MenuItem Header="所有序列" Click="ExportAllImage_Click"></MenuItem>
                </MenuItem>
                <MenuItem Header="匯出視訊檔案">
                    <MenuItem.Icon>
                        <ImageBrush ImageSource="/PACS;component/Resources/視訊.png"/>
                    </MenuItem.Icon>
                    <MenuItem Header="當前序列" Width="140" Click="ExportMedia_Click"></MenuItem>
                    <MenuItem Header="所有序列" Click="ExportAllMedia_Click"></MenuItem>
                </MenuItem>
                <MenuItem Header="推送該序列">
                    <MenuItem.Icon>
                        <ImageBrush ImageSource="/PACS;component/Resources/推送.png"/>
                    </MenuItem.Icon>
                    <MenuItem Header="當前序列" Width="140" Click="Send_Click"></MenuItem>
                    <MenuItem Header="所有序列" Click="SendAll_Click"></MenuItem>
                </MenuItem>
            </ContextMenu>