14

各モジュールが別のモジュール内のメニューのメニュー項目として自分自身を登録する Prism を使用した WPF コード例を知っている人はいますか?

(私は現在、EventAggregator でこれを実行しようとするアプリケーションを持っているため、1 つのモジュールが他のモジュールから発行されたイベントをリッスンし、そのタイトルをメニュー項目としてメニューに含める必要がありますが、順序に問題があります。読み込みやスレッド化などの例です。これを行うために古典的な Prism 構造を使用する例を見つけたいと思います。)

私はこれに関して次のように考えています。

Shell.xaml:

<DockPanel>
    <TextBlock Text="Menu:" DockPanel.Dock="Top"/>
    <Menu 
        Name="MenuRegion" 
        cal:RegionManager.RegionName="MenuRegion" 
        DockPanel.Dock="Top"/>
</DockPanel>

契約ビュー:

<UserControl x:Class="ContractModule.Views.AllContracts"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <MenuItem Header="Contracts">
    </MenuItem>
</UserControl>

顧客ビュー:

<UserControl x:Class="CustomerModule.Views.CustomerView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <MenuItem Header="Customers">
    </MenuItem>
</UserControl>

しかし、Prism 以外の MVVM アプリケーション構造を作成したことがあり、メニューは常に ViewModel の ObservableCollections に適切にバインドされており、上記はこの素晴らしいパターンを破っているようです。上記は Prism で行う通常の方法ですか?

4

2 に答える 2

14

アップデート:

私はあなたのためにサンプルを作成しました。ここにあります:サンプル (現在リンク切れ)

モジュールがシェルを制御できるようにするコントラクトなど、おそらくまだ考えていないことがいくつかあります (そのため、Open Window などを実行できます)。MVVM を念頭に置いて設計されています。使っているかわかりませんが、参考にしてください。

タブのタイトルを正しくするために数分間試しましたが、「A Tab」で終了しました。タブ付きの UI を使用する場合は、演習として残します。見た目がないように設計したので、何も壊さずに Shell.xaml の XAML を置き換えることができます。これは、RegionManager を正しく使用する場合の利点の 1 つです。

とにかく、頑張ってください!


この例は見たことがありませんが、自分で実装する必要があります。

次のような独自のインターフェイスを作成する必要があります。

public interface IMenuRegistry
{
     void RegisterViewWithMenu(string MenuItemTitle, System.Type viewType);
}

その後、モジュールは IMenuRegistry への依存関係を宣言し、それらのビューを登録します。

IMenuRegistry の実装 (Bootstrapper をホストする同じプロジェクトで実装および登録する可能性が高い) は、これらのメニュー項目をメニューまたはツリービュー、またはメニューに使用しているものに追加します。

ユーザーがアイテムをクリックすると、Bootstrapper.Container.Resolve(viewType)メソッドを使用してビューのインスタンスを作成し、それを表示したいプレースホルダーに入れる必要があります。

于 2009-07-20T17:48:02.273 に答える
0

プリズム 6.0 および MVVM と共に MEF を使用しています。

1.Leafmenu 用の Menuviewmodel クラスと、Toplevel メニュー用の TopLevel MenuViewmodel クラスを作成します。Menuviewmodel クラスには、メニューをバインドするすべてのプロパティがあります。このインターフェイスを実装する Moduleui には、次のような属性が必要です

[エクスポート(typeof(IMenu))]

  public class MenuViewModel:ViewModelBase
        {
            public String Name { get; private set; }
            public UIMenuOptions ParentMenu { get; private set; }
            private bool _IsToolTipEnabled;
            public bool IsToolTipEnabled
            {
                get
                {
                    return _IsToolTipEnabled;
                }
                set
                {
                    SetField(ref _IsToolTipEnabled, value);
                }
            }

            private String _ToolTipMessage;

            public String ToolTipMessage
            {
                get
                {
                    return _ToolTipMessage;
                }
                set
                {
                    SetField(ref _ToolTipMessage, value);
                }
            }
            private IExtensionView extensionView;
            public MenuViewModel(String name, UIMenuOptions parentmenu,
             bool isMenuCheckable = false, 
             IExtensionView extensionView    =null)
            {
                if(name.Contains('_'))
                {
                  name= name.Replace('_', ' ');
                }
                name = "_" + name;
                this.Name = name;
                this.ParentMenu = parentmenu;
                this.IsMenuCheckable = isMenuCheckable;
                this.extensionView = extensionView ;
            }

            private RelayCommand<object> _OpenMenuCommand;

            public ObservableCollection<MenuViewModel> MenuItems { get; set; }
            public ICommand OpenMenuCommand
            {
                get
                {
                    if(_OpenMenuCommand==null)
                    {
                        _OpenMenuCommand = new RelayCommand<object>((args =>  
                          OpenMenu(null)));
                    }
                    return _OpenMenuCommand;
                }
            }

            private void OpenMenu(object p)
            {

                if (extensionView != null)
                {
                    extensionView .Show();
                }
            }

            private bool _IsMenuEnabled=true;
            public bool IsMenuEnabled
            {
                get
                {

                    return _IsMenuEnabled;
                }
                set
                {
                    SetField(ref _IsMenuEnabled, value);
                }
            }

            public bool IsMenuCheckable
            {
                get;
                private set;
            }
            private bool _IsMenuChecked;
            public bool IsMenuChecked
            {
                get
                {
                    return _IsMenuChecked;
                }
                set
                {
                    SetField(ref _IsMenuChecked, value);
                }
             }
        }

         public class ToplevelMenuViewModel:ViewModelBase
         {
            public ObservableCollection<MenuViewModel> ChildMenuViewModels { 
              get; private set; } 
            public  String Header { get; private set; }
            public  ToplevelMenuViewModel(String header,         
             IEnumerable<MenuViewModel> childs)
            {

                this.Header ="_"+ header;
                this.ChildMenuViewModels =new 
                ObservableCollection<MenuViewModel>(childs);
            }
        }
    }
  1. MenuViewModel プロパティを持つ IMenu インターフェイスを作成します
    public interface IMenu
     {
         MenuViewModel ExtensionMenuViewModel
        {
            get;

        }

     }

3. メニューにロードされるすべてのモジュールの ModuleUi に IMenu インターフェイスを実装する必要があります。

4.MefBootstrapper を実装する
5.集約カタログ メソッドをオーバーライドする 6.カタログに、すべてのモジュール dll を含むディレクトリ カタログを追加します。IMenu インターフェイス dll.コードは以下のとおりです。

protected override void ConfigureAggregateCatalog()
{
    base.ConfigureAggregateCatalog();
    AggregateCatalog.Catalogs.Add(new  
     AssemblyCatalog(typeof(Bootstrapper).Assembly));
       AggregateCatalog.Catalogs.Add(new 
      AssemblyCatalog(typeof(IMenu).Assembly));
     //create a directorycatalog with path of a directory conatining  
      //your module dlls                
    DirectoryCatalog dc = new DirectoryCatalog(@".\Extensions");
    AggregateCatalog.Catalogs.Add(dc);
}
  1. メイン プロジェクトで IMenu インターフェイス dll への参照を追加します。

8.mainwindow.xaml.cs クラスでプロパティを宣言します。

public ObservableCollection ClientMenuViewModels { get; プライベートセット; }

プライベート フィールドを宣言する

private IEnumerable<IMenu> menuExtensions;

  1. メインウィンドウまたはシェル コンストラクターで

    [ImportingConstructor]
       public MainWindow([ImportMany] IEnumerable<IMenu> menuExtensions)
        {
           this.menuExtensions = menuExtensions;
           this.DataContext=this;
    
        }
       private void InitalizeMenuAndOwners()
      {
       if (ClientMenuViewModels == null)
      {
        ClientMenuViewModels = new                                  
        ObservableCollection<ToplevelMenuViewModel>();
       }
       else
      {
        ClientMenuViewModels.Clear();
       }
      if (menuExtensions != null)
       {
         var groupings = menuExtensions.Select
          (mnuext =>   mnuext.ClientMenuViewModel).GroupBy(mvvm =>                                                                   
           mvvm.ParentMenu);
    
         foreach (IGrouping<UIMenuOptions, MenuViewModel> grouping in      
          groupings)         
          {
            UIMenuOptions parentMenuName = grouping.Key;
            ToplevelMenuViewModel parentMenuVM = new 
             ToplevelMenuViewModel(                                   
         parentMenuName.ToString(),
    
         grouping.Select(grp => { return (MenuViewModel)grp; }));
            ClientMenuViewModels.Add(parentMenuVM);
          }
    }}
    

}

  1. Shell.xaml または Mainwindow.xaml でメニュー領域を定義し、itemssource プロパティを ClientMenuViewModels にバインドします。
       <Menu HorizontalAlignment="Left"
              Background="#FF0096D6"
              Foreground="{StaticResource menuItemForegroundBrush}"
              ItemsSource="{Binding ClientMenuViewModels}"
              TabIndex="3">
            <Menu.Resources>
                <Style x:Key="subMneuStyle" TargetType="{x:Type MenuItem}">
                    <Setter Property="Foreground" Value="#FF0096D6" />
                    <Setter Property="FontFamily" Value="HP Simplified" />
                    <Setter Property="FontSize" Value="12" />
                    <Setter Property="Background" Value="White" />
                    <Setter Property="Command" Value="{Binding   
                     OpenMenuCommand}" />                 
                    <Setter Property="IsCheckable" Value="{Binding

                     IsMenuCheckable}" />
                    <Setter Property="IsChecked" Value="{Binding 
                         IsMenuChecked, Mode=TwoWay}" />
                    <Setter Property="IsEnabled" Value="{Binding 
                   IsMenuEnabled, Mode=TwoWay}" />
                    <Setter Property="ToolTip" Value="{Binding  
                ToolTipMessage, Mode=OneWay}" />
                    <Setter Property="ToolTipService.ShowOnDisabled" Value=" 
            {Binding IsToolTipEnabled, Mode=OneWay}" />
                    <Setter Property="ToolTipService.IsEnabled" Value="
            {Binding IsToolTipEnabled, Mode=OneWay}" />
                    <Setter Property="ToolTipService.ShowDuration" 
         Value="3000" />
                    <Setter Property="ToolTipService.InitialShowDelay" 
                Value="10" />
                </Style>

                <my:MyStyleSelector x:Key="styleSelector" ChildMenuStyle="   
                     {StaticResource subMneuStyle}" />
                <HierarchicalDataTemplate DataType="{x:Type 
                  plugins:ToplevelMenuViewModel}"
                 ItemContainerStyleSelector="{StaticResource styleSelector}"
                  ItemsSource="{Binding ChildMenuViewModels}">
                    <Label Margin="0,-5,0,0"
                           Content="{Binding Header}"
                           FontFamily="HP Simplified"
                           FontSize="12"
                    Foreground="{StaticResource menuItemForegroundBrush}" />
                </HierarchicalDataTemplate>
                <DataTemplate DataType="{x:Type plugins:MenuViewModel}">
                    <Label VerticalContentAlignment="Center"
                           Content="{Binding Name}"
                           Foreground="#FF0096D6" />
                </DataTemplate>
            </Menu.Resources>
            <Menu.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal" />
                </ItemsPanelTemplate>
            </Menu.ItemsPanel>
              </Menu>









 public class MyStyleSelector : StyleSelector
      {
        public Style ChildMenuStyle { get; set; }
        public Style TopLevelMenuItemStyle { get; set; }
        public override Style SelectStyle(object item, DependencyObject             
         container)                    
        {
            if (item is MenuViewModel)
            {
                return ChildMenuStyle;
            }
            //if(item is ToplevelMenuViewModel)
            //{
            //    return TopLevelMenuItemStyle;
            //}
            return null;

        }
    }

ここにViewModelBaseクラスがあります

public class ViewModelBase:INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChangedEventHandler handler =Volatile.Read(ref PropertyChanged);
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(propertyName));
        };
    }
    protected bool SetField<T>(ref T field, T value,[CallerMemberName] string propertyName="")
    {
        if (EqualityComparer<T>.Default.Equals(field, value)) return false;
        field = value;
        OnPropertyChanged(propertyName);
        return true;
    }

}

RelayCommandクラスは以下です

 public class RelayCommand<T> : ICommand
    {
        #region Fields

        private readonly Action<T> _execute = null;
        private readonly Predicate<T> _canExecute = null;

        #endregion

        #region Constructors

        /// <summary>
        /// Creates a new command that can always execute.
        /// </summary>
        /// <param name="execute">The execution logic.</param>
        public RelayCommand(Action<T> execute)
            : this(execute, null)
        {
        }


        /// <summary>
        /// Creates a new command with conditional execution.
        /// </summary>
        /// <param name="execute">The execution logic.</param>
        /// <param name="canExecute">The execution status logic.</param>
        public RelayCommand(Action<T> execute, Predicate<T> canExecute)
        {
            if (execute == null)
                throw new ArgumentNullException("execute");

            _execute = execute;
            _canExecute = canExecute;
        }

        #endregion

        #region ICommand Members

        /// <summary>
        /// Defines the method that determines whether the command can execute in its current state.
        /// </summary>
        /// <param name="parameter">Data used by the command.  If the command does not require data to be passed, this object can be set to null.</param>
        /// <returns>
        /// true if this command can be executed; otherwise, false.
        /// </returns>
        public bool CanExecute(object parameter)
        {
            return _canExecute == null ? true : _canExecute((T)parameter);
        }

        public event EventHandler CanExecuteChanged
        {
            add
            {
                if (_canExecute != null)
                    CommandManager.RequerySuggested += value;
            }
            remove
            {
                if (_canExecute != null)
                    CommandManager.RequerySuggested -= value;
            }
        }

        public void Execute(object parameter)
        {
            _execute((T)parameter);
        }

        #endregion
    }
于 2016-09-01T08:11:44.420 に答える