AvalonDock 2.0+Caliburn.Micro+MahApps.Metro實現Metro風格插件式系統（二）

　　上次已經建立了可運行的基本框架，這篇就說說怎么把我們自定義的View自動加載並添加到AvalonDock里面，AvalonDock里有3種類型的UI部件，Document, DockableContent以及Floting類型，我主要說一下Document,DockableContent的添加，在AvalonDock里Document類型可參考VS，DockableContent相當於VS里的工具欄等，之后我直接在.cs文件里寫注釋以及解析。

現在的項目結構：

運行結果：

　　

　　可以看到里面多了一個測試的Document，該Document是由MEF自動加載並且綁定到AvalonDock里，這里我只寫一個一個Document，有興趣的可以自己動手試一試，目前的Document是寫在主程序里面，其實這Document應該寫在一個單獨的DLL里面，這就是我們所謂的插件。 [BY Zengg]

DockScreenManager類　　

namespace UICoreFramework
{
    /*DemoApplication里面的DockViewModel實現該接口，為了使全部的Documents以及DockableContents集中管理 */
    public interface IDockScreenManager
    {
        //用與綁定到AvalonDock的Document類型的數據源
        ObservableCollection<IDocument> Documents { get; }
        //用與綁定到AvalonDock的Document類型的數據源
        ObservableCollection<IDockableContent> DockableContents { get; }
    }
    public class DockScreenManager : ViewAware, IDockScreenManager
    {
        /// <summary>
        /// ImportMany是MEF的知識，他的作用是把所有實現某個接口，並標記為Export的類全部倒入，
        /// 相當於幫我們自動實例化並添加到List集合里
        /// 
        /// </summary>
        [ImportMany]
        public ObservableCollection<IDocument> Documents { get; set; }
        [ImportMany]
        public ObservableCollection<IDockableContent> DockableContents { get; set; }
        public DockScreenManager()
        {
            
        }
    }
}

DocumentBase類

  /// <summary>
    /// Document的抽象類，一些抽象操作可以在里面寫，為了方便我就沒寫東西
    /// DemoApplication的DocTestViewModel就是繼承與該抽象類
    /// </summary>
    public abstract class DocumentBase : IDocument
    {


        public DockType Type
        {
            get
            {
                throw new NotImplementedException();
            }
            set
            {
                throw new NotImplementedException();
            }
        }

        public DockSide Side
        {
            get
            {
                throw new NotImplementedException();
            }
            set
            {
                throw new NotImplementedException();
            }
        }


        public string DisplayName
        {
            get
            {
                return "測試界面";
            }
            set
            {
                throw new NotImplementedException();
            }
        }

        public bool IsNotifying
        {
            get
            {
                throw new NotImplementedException();
            }
            set
            {
                throw new NotImplementedException();
            }
        }

        public void NotifyOfPropertyChange(string propertyName)
        {
            throw new NotImplementedException();
        }

        public void Refresh()
        {
            throw new NotImplementedException();
        }

        public event System.ComponentModel.PropertyChangedEventHandler PropertyChanged;
    }

IDockScreen接口

namespace UICoreFramework
{
    /// <summary>
    /// 只有DockableContent類型有位置的說法
    /// </summary>
    public enum DockSide
    {
        Left,
        Top,
        Right,
        Bottom
    }
    /// <summary>
    /// Dock的類型
    /// </summary>
    public enum DockType
    {
        Document,
        DockableContent,
    }
    /// <summary>
    /// 抽象出基本的Content類型，並實現屬性通知接口，因為以后綁定到AvalonDock是有雙向綁定的，這樣我們要操作AvalonDock時
    /// 就可以直接操作實現該接口的屬性，比如DisplayName的屬性用於綁定到AvalonDock的LayoutItem的Title
    /// </summary>
    public interface IDockScreen:INotifyPropertyChangedEx
    {
        DockType Type { get; set; }
        DockSide Side { get; set; }
        string DisplayName { get; set; }
    }
}

IDocument接口

/// <summary>
    /// 抽象出Document接口，暫時不寫實際東西
    /// </summary>
    public interface IDocument : IDockScreen
    {
        
    }

PanesStyleSelector類

 /// <summary>
    /// 這個很重要，這是為使AvalonDock能區別Document和DockableContent類型並返回不同的style,兩個類型不同style有不同的綁定屬性
    /// 所以要區分開來
    /// </summary>
    public class PanesStyleSelector : StyleSelector
    {
        public Style ToolStyle
        {
            get;
            set;
        }

        public Style DocumentStyle
        {
            get;
            set;
        }
        /// <summary>
        /// 區別邏輯在這里寫
        /// </summary>
        /// <param name="item">實現了IDocument或IDockableContent接口的實例</param>
        /// <param name="container"></param>
        /// <returns></returns>
        public override Style SelectStyle(object item, DependencyObject container)
        {
            IDockScreen obj = (IDockScreen)item;
            
            if (item != null)
            {
                //判定為什么類型
                if (item is IDocument)
                {
                    return DocumentStyle;
                }
                else
                {
                    return ToolStyle;
                }
            }
         
            return base.SelectStyle(item, container);
        }
    }

較第一張更改部分：

　　DockViewModel類

namespace DemoApplication.Views
{
    /// <summary>
    /// 字符串"DockViewModel"是為了標記唯一性，在ShellViewModel里導入時也要指定為"DockViewModel",這相當於一個key
    /// </summary>
    [Export("DockViewModel", typeof(IDockScreenManager))]
    public class DockViewModel : DockScreenManager
    {
        public DockViewModel()
            : base()
        {

        }
    }
}

ShellViewModel類

namespace DemoApplication
{
    [Export(typeof(IShell))]
    class ShellViewModel : IShell
    {
        readonly IWindowManager windowManager;
        [ImportingConstructor]
        public ShellViewModel(IWindowManager windowManager)
        {
            this.windowManager = windowManager;

        }
        /// <summary>
        /// DockView
        /// </summary>
        [Import("DockViewModel")]
        public IDockScreenManager DockContent { get; set; }
    }
}

MefBootstrapper類

 protected override void Configure()
        {
            /*CompositionContainer 對象在應用程序中有兩種的主要用途。首先，它跟蹤哪些部分可用於組合、它們的依賴項，並且充當任何指定組合的上下文。其次，它提供了應用程序可以啟動組合的方法、獲取組合部件的實例，或填充可組合部件的依存關系。
            部件可直接用於容器，或通過 Catalog 屬性來用於容器。在此 ComposablePartCatalog 中可發現的所有部件都可以供容器來滿足導入，還包括直接添加的任何部件。*/ 
            //container = new CompositionContainer(
            //    new AggregateCatalog(AssemblySource.Instance.Select(x => new AssemblyCatalog(x)))
            //    );

            
            var catalog = new AggregateCatalog(
               AssemblySource.Instance.Select(x => new AssemblyCatalog(x)).OfType<ComposablePartCatalog>()
               );

            container = new CompositionContainer(catalog);

            var batch = new CompositionBatch();
            var dockScreenManage = new DockScreenManager();
            batch.AddExportedValue<IWindowManager>(new WindowManager());//將指定的導出加入至 CompositionBatch 物件
            batch.AddExportedValue<IEventAggregator>(new EventAggregator());
            batch.AddExportedValue<IDockScreenManager>(dockScreenManage);
            batch.AddExportedValue(container);
            batch.AddExportedValue(catalog);
            container.Compose(batch);//在容器上執行組合，包括指定的 CompositionBatch 中的更改

            container.ComposeParts(container.GetExportedValue<IDockScreenManager>());//由於DockScreenManager里有標記為Import的字段，所以要在MEF容器里組裝把指定的部件導入
        }

AvalonDock還支持其他幾種皮膚，可以滿足大眾的需求：

AeroTheme

 ExpressionLightTheme

ExpressionDarkTheme

VS2010Theme

 　　DockableContent類型的實現和Document實現是一樣的，只是實現的接口不同，DockableContent實現的是IDockableContent接口，具體請參考Document實現，有疑問的可以提出來，盡量幫助解決，解釋寫得略簡單不好意思，但是有源碼參考，如果源碼對大家有幫助的話，求個推薦，回復或粉的神馬的都好。。。

源碼地址：

http://pan.baidu.com/share/link?shareid=819683340&uk=554439928

 

 

如果您看了本篇博客,覺得對您有所收獲，請點擊右下角的 [推薦]

如果您想轉載本博客，請注明出處

如果您對本文有意見或者建議，歡迎留言

感謝您的閱讀，請關注我的后續博客

作者：Zengg 出處：http://www.cnblogs.com/01codeworld/

本文版權歸作者和博客園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責任的權利。