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

桃扇骨 2021-11-29 08:06 143阅读 0赞

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

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

![SouthEast][]

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

![SouthEast 1][]

![SouthEast 2][]

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

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

代码

样式我还是老办法没有做到一个样式统一，结果就多少个TAB多了多少个样式，我已经找到简单办法了，不过一直忙的没去修改，大家自己用得到自己修改

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

页面切换我是从网上找到的一个DEMO直接拿来用了，忘了作者是谁了，一年前找的

public class NavigationPanel : StackPanel
        {
            public event EventHandler AnimationComplte;
            private static double COUNT_OF_PAGE;
            private TranslateTransform NavigationPanelTranslateTransform;
    
    
            private static readonly TimeSpan DURATION = TimeSpan.FromMilliseconds(250);
    
            public NavigationPanel()
                : base()
            {
                this.Orientation = Orientation.Horizontal;
    
    
                NavigationPanelTranslateTransform = new TranslateTransform();
    
                this.Loaded += new RoutedEventHandler(NavigationPanel_Loaded);
            }
    
            void NavigationPanel_Loaded(object sender, RoutedEventArgs e)
            {
                COUNT_OF_PAGE = this.Children.Count;
                CurrentIndex = 0;
                foreach (FrameworkElement fe in this.Children)
                {
                    fe.RenderTransform = NavigationPanelTranslateTransform;
                }
            }
    
            public void Next()
            {
                AnimationChildren(true);
            }
    
            public void Previous()
            {
                AnimationChildren(false);
            }
    
    
            private bool ValidateNext()
            {
                return CurrentIndex < (COUNT_OF_PAGE - 1) && CurrentIndex >= 0;
            }
    
    
            private bool ValidatePrevious()
            {
                return CurrentIndex <= (COUNT_OF_PAGE - 1) && CurrentIndex > 0;
            }
    
            private bool ValidateCurrentIndex()
            {
                if (CurrentIndex > -1 && CurrentIndex < this.Children.Count)
                {
                    return true;
                }
    
                return false;
            }
    
            private void AnimationChildren(bool forward)
            {
                double currentTranX = NavigationPanelTranslateTransform.X;
                double nextTranX = currentTranX;
                if (forward)
                {
                    if (ValidateCurrentIndex())
                    {
                        nextTranX -= (this.Children[CurrentIndex] as FrameworkElement).ActualWidth;
                    }
    
                }
                else
                {
                    if (ValidateCurrentIndex())
                    {
                        nextTranX += (this.Children[CurrentIndex] as FrameworkElement).ActualWidth;
                    }
    
                }
    
                DoubleAnimation da = new DoubleAnimation(currentTranX, nextTranX, DURATION);
                da.Completed += (o1, e1) =>
                {
                    CurrentIndex += forward ? 1 : -1;
                    if (AnimationComplte != null)
                    {
                        AnimationComplte(this, e1);
                    }
                };
    
                NavigationPanelTranslateTransform.BeginAnimation(TranslateTransform.XProperty, da);
            }
    
            #region CurrentIndex
    
            /// <summary>  
            /// The <see cref="CurrentIndex" /> dependency property's name.  
            /// </summary>  
            public const string CurrentIndexPropertyName = "CurrentIndex";
    
            /// <summary>  
            /// Gets or sets the value of the <see cref="CurrentIndex" />  
            /// property. This is a dependency property.  
            /// </summary>  
            public int CurrentIndex
            {
                get
                {
                    return (int)GetValue(CurrentIndexProperty);
                }
                set
                {
                    SetValue(CurrentIndexProperty, value);
                }
            }
    
            /// <summary>  
            /// Identifies the <see cref="CurrentIndex" /> dependency property.  
            /// </summary>  
            public static readonly DependencyProperty CurrentIndexProperty = DependencyProperty.Register(
                CurrentIndexPropertyName,
                typeof(int),
                typeof(NavigationPanel),
                new UIPropertyMetadata(-1, OnCurrentIndexChanged));
    
            private static void OnCurrentIndexChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
            {
                (d as NavigationPanel).OnCurrentIndexChanged((int)e.OldValue, (int)e.NewValue);
            }
    
            protected virtual void OnCurrentIndexChanged(int oldIndex, int newIndex)
            {
                NextIsValid = ValidateNext();
                PreviousIsValid = ValidatePrevious();
            }
    
            #endregion // CurrentIndex
    
    
            #region NextIsValid
    
            /// <summary>  
            /// The <see cref="NextIsValid" /> dependency property's name.  
            /// </summary>  
            public const string NextIsValidPropertyName = "NextIsValid";
    
            /// <summary>  
            /// Gets or sets the value of the <see cref="NextIsValid" />  
            /// property. This is a dependency property.  
            /// </summary>  
            public bool NextIsValid
            {
                get
                {
                    return (bool)GetValue(NextIsValidProperty);
                }
                set
                {
                    SetValue(NextIsValidProperty, value);
                }
            }
    
            /// <summary>  
            /// Identifies the <see cref="NextIsValid" /> dependency property.  
            /// </summary>  
            public static readonly DependencyProperty NextIsValidProperty = DependencyProperty.Register(
                NextIsValidPropertyName,
                typeof(bool),
                typeof(NavigationPanel),
                new UIPropertyMetadata(false));
    
            #endregion // NextIsValid
    
            #region PreviousIsValid
    
            /// <summary>  
            /// The <see cref="PreviousIsValid" /> dependency property's name.  
            /// </summary>  
            public const string PreviousIsValidPropertyName = "PreviousIsValid";
    
            /// <summary>  
            /// Gets or sets the value of the <see cref="PreviousIsValid" />  
            /// property. This is a dependency property.  
            /// </summary>  
            public bool PreviousIsValid
            {
                get
                {
                    return (bool)GetValue(PreviousIsValidProperty);
                }
                set
                {
                    SetValue(PreviousIsValidProperty, value);
                }
            }
    
            /// <summary>  
            /// Identifies the <see cref="PreviousIsValid" /> dependency property.  
            /// </summary>  
            public static readonly DependencyProperty PreviousIsValidProperty = DependencyProperty.Register(
                PreviousIsValidPropertyName,
                typeof(bool),
                typeof(NavigationPanel),
                new UIPropertyMetadata(false));
    
            #endregion // PreviousIsValid
    
    
    
    
        }

由于是第一次做复杂一点的界面，所以代码很多地方都比较烂，但是最终效果还是挺好的，毕竟不是图片拼的，我就满足了~~~请高手指点，由于是工作代码，不方便给出全部，原本能把DEMO放出，可惜被我删了...里面还有我自己费尽做的不少样式...哎，再也不能随便删了，多多备份....

[WPF_QQ_7.6]: http://www.cnblogs.com/channingzhao/archive/2013/04/10/3012587.html
[SouthEast]: /images/20211129/2eadb0f550dc4731b2d460249a118ff9.png
[Link 1]: http://www.cnblogs.com/channingzhao/archive/2013/04/16/3023957.html
[SouthEast 1]: /images/20211129/745a58e9b71d478989f8a5be0088fe3b.png
[SouthEast 2]: /images/20211129/fe66ab3c2c7042a2ac4cfc53d49cdd2e.png
[ContractedBlock.gif]: http://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20211129/65ed440891b1423a989e9d3c2dabbb9e.png