新手用WPF山寨QQ管家7.6（三）

由于一直忙工作，没有更新完博客，更可恨的是...在清理资料的时候不小心删除了之前自己做的各种效果的DEMO....好在项目中用到了大部分，也算有所保留，以后可不敢随便删东西了....太可怕了！

在 新手用WPF山寨QQ管家7.6（一） 中画的QQ管家界面毕竟不能直接用在项目中，进行了修改（主要体现在图标图片上），最终项目效果图如下：

统计图使用的Visifire控件，风向图之前我做的是黑色的，不太和谐，所以重新让美工设计后，我懒得重绘了，底盘直接用图片，指针自己画了一个，至于换肤功能也保留了，只不过加入两个纯色的背景，一个蓝色一个绿色，还添加了一个类似金山毒霸里的监测界面：

由于我把自己做的DEMO删除了，这里给出这个界面样式的代码吧....

 <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="25"/>
        </Grid.RowDefinitions>
        <local:NavigationPanel x:Name="NavigationPanel" Orientation="Horizontal" VerticalAlignment="Top">
            <Grid x:Name="grid1">
                <Path Margin="117,428,0,0" HorizontalAlignment="Left" Data="M184,208 C184,280 184,280.0625 184,280.0625" Stretch="Fill" Stroke="#FFA3A3A3" Width="1">
                    <Path.Effect>
                        <DropShadowEffect BlurRadius="3" ShadowDepth="1" Direction="175" Opacity="0.795"/>
                    </Path.Effect>
                </Path>
                <TabControl TabStripPlacement="Left" BorderThickness="0" Background="Transparent">
                    <TabItem Height="107" Style="{StaticResource VerticalTabItem1}" Width="116">
                        <Grid>
                            <Frame Source="InstrumentParam\Instrument1.xaml" NavigationUIVisibility="Hidden" Margin="0,0,5,0" Background="Transparent"/>
                        </Grid>
                    </TabItem>
                    <TabItem Height="107" Style="{StaticResource VerticalTabItem2}" Width="116">
                        <Grid>
                            <Frame Source="InstrumentParam\Instrument2.xaml" NavigationUIVisibility="Hidden" Margin="0,0,5,0" Background="Transparent"/>
                        </Grid>
                    </TabItem>
                    <TabItem Height="107" Style="{StaticResource VerticalTabItem3}" Width="116"/>
                    <TabItem Height="107" Style="{StaticResource VerticalTabItem4}" Width="116"/>
                </TabControl>
            </Grid>
            <Grid x:Name="grid2">
                <Path Margin="117,321,0,0" HorizontalAlignment="Left" Data="M184,208 C184,280 184,280.0625 184,280.0625" Stretch="Fill" Stroke="#FFA3A3A3" Width="1">
                    <Path.Effect>
                        <DropShadowEffect BlurRadius="3" ShadowDepth="1" Direction="175" Opacity="0.795"/>
                    </Path.Effect>
                </Path>
                <TabControl TabStripPlacement="Left" BorderThickness="0" Background="Transparent">
                    <TabItem Height="107" Style="{StaticResource VerticalTabItem5}" Width="116">
                        <Grid>
                            <Frame Source="InstrumentParam\Instrument5.xaml" NavigationUIVisibility="Hidden" Margin="0,0,5,0" Background="Transparent"/>
                        </Grid>
                    </TabItem>
                    <TabItem Height="107" Style="{StaticResource VerticalTabItem6}" Width="116"/>
                    <TabItem Height="107" Style="{StaticResource VerticalTabItem7}" Width="116"/>
                </TabControl>
            </Grid>
        </local:NavigationPanel>
        <Grid Grid.Row="1"  Height="25"  >
            <Grid.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFB7B7B7" Offset="0" />
                    <GradientStop Color="#FFF8FAFB" Offset="0.07" />
                </LinearGradientBrush>
            </Grid.Background>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                <Button  Height="18" Style="{StaticResource ChangePanelButtonStyle}" Width="18" HorizontalAlignment="Left" x:Name="btnLeft" 
                                IsEnabled="{Binding ElementName=NavigationPanel, Path=PreviousIsValid, Mode=OneWay}" Click="btnLeft_Click"/>
                <Border Width="20"/>
                <Button  Height="18" Style="{StaticResource ChangePanelButtonStyle}" Width="18" HorizontalAlignment="Left" x:Name="btnRight" 
                                IsEnabled="{Binding ElementName=NavigationPanel, Path=NextIsValid, Mode=OneWay}"  Click="btnRight_Click"/>
            </StackPanel>
        </Grid>
    </Grid>

代码