菜单、工作区和 Caliburn Micro

Question

我正在开发一个新的 WPF 应用程序，它将大量使用 Caliburn Micro(2.x)、Telerik WPF 套件。我从另一个使用前两个组件（它使用 CM 1.5.2）的 WPF 项目开始创建，但我想使事情正确并避免过去完成的解决方法

在这两个应用程序中，我都使用了 Valeriu Caraulean 开发的 Telerik 约定

主要思想是有一个带有 RadDocking 的顶级菜单来停靠项目

这是 WorkSpaceViewModel

public class WorkSpaceViewModel : Conductor<object>.Collection.OneActive, IHandle<MenuMessage>
{
    #region Variables
    private readonly IDockManager dockManager;
    private readonly IEventAggregator eventAggregator;
    #endregion

    #region Properties
    public MenuViewModel Menu { get; set; }
    #endregion

    public WorkSpaceViewModel(MenuViewModel menu, IDockManager dockManager, IEventAggregator eventAggregator)
    {
        this.dockManager = dockManager;
        this.eventAggregator = eventAggregator;

        eventAggregator.Subscribe(this);

        Menu = menu;
    }

    protected override void OnViewLoaded(object view)
    {
        base.OnViewLoaded(view);

        dockManager.Link(this);

        Menu.GenerateMenu();
    }

这是 WorkSpaceView

    <Grid.RowDefinitions>
        <RowDefinition x:Name="rowMenu" Height="Auto" MinHeight="30"/>
        <RowDefinition x:Name="rowDocking" Height="*"/>
        <!-- Height="Auto" -->
    </Grid.RowDefinitions>

    <Grid Grid.Row="0" Background="#FFF1F5FB">
        <!-- Background="#FFF0F0F0"-->
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <!--<ColumnDefinition Width="100"></ColumnDefinition>-->
        </Grid.ColumnDefinitions>
        <StackPanel>
            <!--<ContentControl x:Name="Menu" cal:Bind.Model="{Binding Menu}"></ContentControl>-->
            <local:MenuView x:Name="Menu" cal:Bind.Model="{Binding Menu}" ></local:MenuView>
            <!--cal:Bind.Model="{Binding Menu}"-->
        </StackPanel>
        <Border BorderThickness="0.5" CornerRadius="7"  cal:Action.Target="{Binding}" BorderBrush="DarkGray" Background="#FFEFF7FC" 
                VerticalAlignment="Center" HorizontalAlignment="Right" Grid.Column="1" MaxWidth="200">
            <telerik:RadExpander IsExpanded="False" VerticalContentAlignment="Top" telerik:AnimationManager.IsAnimationEnabled="True" ExpandDirection="Left">
                <telerik:RadExpander.Content>
                    <StackPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5,5,5,5">
                        <TextBlock x:Name="LoggedUser" Background="Transparent" FontStyle="Italic" FontSize="11" Margin="0,0,10,0">
                            <TextBlock.ContextMenu>
                                <ContextMenu>
                                    <!--<telerik:RadMenuItem Header="Opzioni" cal:Message.Attach="[Event Click] = [Action OpenOptions($eventArgs)]"/>-->
                                </ContextMenu>
                            </TextBlock.ContextMenu>
                        </TextBlock>
                        <!--<Image cal:Message.Attach="[Event PreviewMouseDown] = [Action ShowInfo()]"  cal:Action.TargetWithoutContext="{Binding}" 
                               Width="14" Height="14">
                            <Image.Source>
                                <BitmapImage UriSource="/DOME;component/Media/info.png"></BitmapImage>
                            </Image.Source>
                        </Image>-->
                    </StackPanel>
                </telerik:RadExpander.Content>
            </telerik:RadExpander>
        </Border>
    </Grid>

    <telerik:RadDocking Grid.Row="1" Background="{Binding WorkspaceBackground}" x:Name="docking"   cal:Message.Attach="[Event ElementLoading] = [Action DockingLoading($eventArgs)]"   >
        <telerik:RadDocking.DocumentHost >
            <telerik:RadSplitContainer ItemsSource="{Binding ModuleRadPaneGroups}" telerik:RadDocking.SerializationTag="splitContainer" VerticalContentAlignment="Stretch">
            </telerik:RadSplitContainer>
        </telerik:RadDocking.DocumentHost>
    </telerik:RadDocking>
</Grid>

这里是 MenuViewModel

public class MenuViewModel : Screen
{
    #region Variables
    private readonly IEventAggregator eventAggregator;
    #endregion

    #region Properties
    private List<VisualMenuItem> items;
    public List<VisualMenuItem> Items
    {
        get
        {
            return items;
        }
        set
        {
            items = value;
            NotifyOfPropertyChange(() => Items);
        }
    }

    public void GenerateMenu()
    {
        var menu = new List<VisualMenuItem>();

        menu.Add(new VisualMenuItem { Text = "Calendario", Tag = "calendario" });

        Items = menu;
    }

和菜单视图

  <Grid>
    <Grid.Resources>
        <BooleanToVisibilityConverter x:Key="booleanConverter" />
        <HierarchicalDataTemplate x:Key="MenuItemTemplate" ItemsSource="{Binding Items}"  >
            <TextBlock Text="{Binding Text}" cal:Action.TargetWithoutContext="{Binding}"
             Visibility="{Binding IsVisible,Mode=TwoWay,Converter={StaticResource booleanConverter}}" />
        </HierarchicalDataTemplate>
    </Grid.Resources>
    <Grid.RowDefinitions>
        <RowDefinition MinHeight="30"></RowDefinition>
    </Grid.RowDefinitions>
    <telerik:RadMenu  x:Name="MenuList" ClickToOpen="False"  BorderBrush="Transparent" ItemsSource="{Binding Menu.Items}" ItemTemplate="{StaticResource MenuItemTemplate}"   
                 cal:Message.Attach="[Event ItemClick] = [Action OpenView($eventArgs)]" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"  >
        <telerik:RadMenu.ItemContainerStyle>
            <Style TargetType="telerik:RadMenuItem">
                <Setter Property="IsSeparator" Value="{Binding IsSeparator}" />
                <Setter Property="IsChecked" Value="{Binding IsChecked, Mode=TwoWay}" />
                <Setter Property="IsCheckable" Value="{Binding IsCheckable}" />
                <Setter Property="StaysOpenOnClick" Value="{Binding IsCheckable}" />

                <Setter Property="cal:Message.Attach" Value="[Event SubmenuOpened] = [Action SubMenuOpen($source)]" />
            </Style>
        </telerik:RadMenu.ItemContainerStyle>

    </telerik:RadMenu>
</Grid>

VisualMenuItem 定义为

 public class VisualMenuItem : ObservableCollection<VisualMenuItem>
{
    public Dictionary<string, object> MenuParameter { get; set; }

    public int ID { get; set; }

    public string Tag { get; set; }

    public string ViewModelName { get; set; }
    public Type ViewModelType { get; set; }
    public int Position { get; set; }

    public string Text { get; set; }

    public string GroupName { get; set; }

    public bool StaysOpenOnClick { get; set; }

    public bool IsEnabled { get; set; }

    public bool IsVisible { get; set; }
}

当应用程序加载时，没有菜单......在我正在做的 WorkSpaceView 的先前版本中

  <local:MenuView x:Name="Menu" cal:Bind.Model="{Binding Menu}" ></local:MenuView>

但我读过不建议在 2.0 中使用 cal:Bind.Model="xxx" 并且我会避免在其中放置视图，我更愿意将 ContentControl x:Name="Menu"

我想做的另一件事是在登录后加载菜单，以便根据授权过滤菜单项......在旧项目中，我隐藏了不允许的项目，但它不是那么好

有什么建议吗？ 谢谢

Answer 1

<ContentControl x:Name="Menu" /> 应该可以很好地处理您拥有的代码。您已经按原样注入 MenuViewModel ......但是当您进行实例化时，我会对其进行通知调用。 cal:Bind.Model 不是必需的，因为 contentcontrol 将使用您正在注入的 menuviewmodel 来处理 MenuView...这就像同时使用 ViewFirst 和混蛋 ViewModelFirst。

public MenuViewModel Menu { get{ return menu ;} set{ menu = value; NotifyOnPropertyChange(); } }