3

ドックにテレリックの閉じるボタンがあり、スタイルをオーバーライドして、ユーザーが閉じたいものを選択できるようにしたいと考えています。

たとえば、メモ帳 ++ を取り上げます。「閉じる」オプションと「これ以外はすべて閉じる」オプションがあります。

それこそが、私がこのテレリック radDock の閉じるボタンでやりたいことです。

私はこれを調査しましたが、実際に始めるのに十分役立つものを見つけることができませんでした. 私は WPF (そして実際には C#) を使い始めたばかりなので、役立つアドバイス、コード、またはサンプル プロジェクトをいただければ幸いです。よろしくお願いします。

Metro Smurf さん、この時点ではチュートリアルとほぼ同じです。私はWPFとC#にかなり慣れていないので、よろしくお願いします。

ここに私のXAMLがあります:

<Window x:Class="RadDockCloseButton1.MainWindow"
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
                xmlns:local="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Docking"
                Title="MainWindow" Height="350" Width="525">

<Window.Resources>
    <DataTemplate x:Key="ContextMenuTemplate">
        <telerik:RadContextMenu InheritDataContext="False">
            <telerik:RadMenuItem
                IsChecked="{Binding IsFloatingOnly}"
                Command="telerik:RadDockingCommands.Floating"
                CommandParameter="{Binding}"
                CommandTarget="{Binding}"
                Header="{Binding Command.Text, RelativeSource={RelativeSource Self}}"/>

            <telerik:RadMenuItem
                IsChecked="{Binding IsDockableOptionChecked}"
                Command="telerik:RadDockingCommands.Dockable"
                CommandParameter="{Binding}"
                CommandTarget="{Binding}"
                Header="{Binding Command.Text, RelativeSource={RelativeSource Self}}" />

            <telerik:RadMenuItem
                Command="local:RadDockingCommands.CloseAllButThisCommand"
                CommandParameter="{Binding}"
                CommandTarget="{Binding}"
                Header="{Binding Command.Text, RelativeSource={RelativeSource Self}}" />

        </telerik:RadContextMenu>
    </DataTemplate>

    <Style TargetType="telerik:RadPane">
        <Setter Property="ContextMenuTemplate" Value="{StaticResource ContextMenuTemplate}" />
    </Style>

</Window.Resources>

<Grid>
    <telerik:RadDocking x:Name="radDocking">
        <telerik:RadDocking.DocumentHost>
            <telerik:RadSplitContainer>
                <telerik:RadPaneGroup x:Name="radPaneGroup">
                    <telerik:RadPane TitleTemplate="{StaticResource ContextMenuTemplate}" Title="Pane 1">
                        <TextBlock Text="Some simple text here"/>
                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>
        </telerik:RadDocking.DocumentHost>
    </telerik:RadDocking>

</Grid>

</Window>

ここに私のC#があります:

using System.Windows;

namespace RadDockCloseButton1
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        public static class RadDockingCommands
        {
            private static RoutedUICommand closeAllPanesButThisCommand;

            public static RoutedUICommand CloseAllPanesButThisCommand
            {
                get
                {
                    if (closeAllPanesButThisCommand == null)
                    {
                        closeAllPanesButThisCommand = new RoutedUICommand("Close all panes but this", "CloseAllPanesButThisCommand", typeof(RadDockingCommands));
                    }

                    return closeAllPanesButThisCommand;
                }
            }

            public static void OnCloseAllPanesButThis(object sender, ExecutedRoutedEventArgs e)
            {
                var pane = e.Parameter as RadPane;
                if (pane != null)
                {
                    var paneGroup = pane.PaneGroup;
                    if (paneGroup != null)
                    {
                        var panesToClose = paneGroup.EnumeratePanes().Where(x => !x.IsHidden && x.IsPinned);
                        foreach (var paneToClose in panesToClose)
                        {
                            if (paneToClose != pane)
                            {
                                paneToClose.IsHidden = true;
                            }
                        }
                    }
                }
            }

            public static void OnCloseAllPanesButThisCanExecute(object sender, CanExecuteRoutedEventArgs e)
            {
                e.CanExecute = false;
                var paneGroup = sender as RadPaneGroup;
                if (paneGroup != null)
                {
                    int childrenCount = paneGroup.EnumeratePanes().Count(x => !x.IsHidden && x.IsPinned);

                    if (childrenCount > 1)
                    {
                        e.CanExecute = true;
                    }
                    else
                    {
                        e.CanExecute = false;
                    }
                }
            }
        }
    }
}
4

2 に答える 2

2

完全で完全なコード サンプルを含む 2 番目の回答を追加します。このサンプル全体は、Telerik How to Customize or Remove the RadPane's Menuから直接取得したものであることに注意してください。さまざまなスニペットから断片をまとめただけです。つまり、これは Telerik チュートリアルの OOB 実装です。

XAML

<Window x:Class="so.Tel.RadPaneCloseAll.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:so.Tel.RadPaneCloseAll"
        xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
        Title="MainWindow"
        Width="525"
        Height="350"
        WindowStartupLocation="CenterScreen">
    <Window.Resources>
        <DataTemplate x:Key="ContextMenuTemplate">
            <telerik:RadContextMenu InheritDataContext="False">
                <telerik:RadMenuItem Command="telerik:RadDockingCommands.Floating"
                                     CommandParameter="{Binding}"
                                     CommandTarget="{Binding}"
                                     Header="{Binding Command.Text,
                                                      RelativeSource={RelativeSource Self}}"
                                     IsChecked="{Binding IsFloatingOnly}" />

                <telerik:RadMenuItem Command="telerik:RadDockingCommands.Dockable"
                                     CommandParameter="{Binding}"
                                     CommandTarget="{Binding}"
                                     Header="{Binding Command.Text,
                                                      RelativeSource={RelativeSource Self}}"
                                     IsChecked="{Binding IsDockableOptionChecked}" />

                <telerik:RadMenuItem Command="local:RadDockingCommands.CloseAllPanesButThisCommand"
                                     CommandParameter="{Binding}"
                                     CommandTarget="{Binding}"
                                     Header="{Binding Command.Text,
                                                      RelativeSource={RelativeSource Self}}" />
            </telerik:RadContextMenu>
        </DataTemplate>

        <Style TargetType="telerik:RadPane">
            <Setter Property="ContextMenuTemplate" Value="{StaticResource ContextMenuTemplate}" />
        </Style>
    </Window.Resources>
    <Grid>

        <telerik:RadDocking>
            <telerik:RadDocking.DocumentHost>
                <telerik:RadSplitContainer>
                    <telerik:RadPaneGroup>
                        <telerik:RadPane Header="Pane 1" />
                        <telerik:RadPane Header="Pane 2" />
                        <telerik:RadPane Header="Pane 3" />
                        <telerik:RadPane Header="Pane 4" />
                        <telerik:RadPane Header="Pane 5" />
                    </telerik:RadPaneGroup>
                </telerik:RadSplitContainer>
            </telerik:RadDocking.DocumentHost>
        </telerik:RadDocking>

    </Grid>
</Window>

コードビハインド

using System.Linq;
using System.Windows;
using System.Windows.Input;
using Telerik.Windows.Controls;

namespace so.Tel.RadPaneCloseAll
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            CommandManager.RegisterClassCommandBinding(
                typeof( RadPaneGroup ),
                new CommandBinding(
                        RadDockingCommands.CloseAllPanesButThisCommand,
                        RadDockingCommands.OnCloseAllPanesButThis,
                        RadDockingCommands.OnCloseAllPanesButThisCanExecute ) );
        }
    }

    public static class RadDockingCommands
    {
        private static RoutedUICommand closeAllPanesButThisCommand;

        public static RoutedUICommand CloseAllPanesButThisCommand
        {
            get
            {
                if( closeAllPanesButThisCommand == null )
                {
                    closeAllPanesButThisCommand = new RoutedUICommand( "Close all panes but this",
                                                                       "CloseAllPanesButThisCommand",
                                                                       typeof( RadDockingCommands ) );
                }
                return closeAllPanesButThisCommand;
            }
        }

        public static void OnCloseAllPanesButThis( object sender, ExecutedRoutedEventArgs e )
        {
            var pane = e.Parameter as RadPane;
            if( pane != null )
            {
                var paneGroup = pane.PaneGroup;
                if( paneGroup != null )
                {
                    var panesToClose = paneGroup.EnumeratePanes().Where( x => !x.IsHidden && x.IsPinned );
                    foreach( var paneToClose in panesToClose )
                    {
                        if( paneToClose != pane )
                        {
                            paneToClose.IsHidden = true;
                        }
                    }
                }
            }
        }

        public static void OnCloseAllPanesButThisCanExecute( object sender, CanExecuteRoutedEventArgs e )
        {
            e.CanExecute = false;
            var paneGroup = sender as RadPaneGroup;
            if( paneGroup != null )
            {
                int childrenCount = paneGroup.EnumeratePanes().Count( x => !x.IsHidden && x.IsPinned );

                if( childrenCount > 1 )
                {
                    e.CanExecute = true;
                }
                else
                {
                    e.CanExecute = false;
                }
            }
        }
    }
}
于 2013-01-03T17:55:36.317 に答える
1

あなたのコードに基づいて、あなたはほとんどそこにいます。

<Window x:Class="RadDockCloseButton1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
        xmlns:local="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Docking"
        Title="MainWindow" Height="350" Width="525">

local(名前空間に注意してください):

<Window x:Class="RadDockCloseButton1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
        xmlns:local="clr-namespace:RadDockCloseButton1"
        Title="MainWindow" Height="350" Width="525">

名前local空間は、どのクラスにカスタムコマンドがあるかを参照しています。この場合、RadDockCloseButton1名前空間にクラスを追加しました。

コマンドをコンストラクターに登録します。

public MainWindow()
{
    InitializeComponent();

    CommandManager.RegisterClassCommandBinding(
    typeof( RadPaneGroup ),
    new CommandBinding(
        RadDockingCommands.CloseAllPanesButThisCommand,
        RadDockingCommands.OnCloseAllPanesButThis,
        RadDockingCommands.OnCloseAllPanesButThisCanExecute ) );
}

そして、public static class RadDockingCommandsクラスを移動して、の中にネストされないようにしMainWindowます。すなわち

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        CommandManager.RegisterClassCommandBinding(
                typeof( RadPaneGroup ),
                new CommandBinding(
                        RadDockingCommands.CloseAllPanesButThisCommand,
                        RadDockingCommands.OnCloseAllPanesButThis,
                        RadDockingCommands.OnCloseAllPanesButThisCanExecute ) );
    }
}

public static class RadDockingCommands
{
    private static RoutedUICommand closeAllPanesButThisCommand;

    // etc...
}

最後に、いくつかのペインでテストします。サンプルにペインを追加するか、次のように使用します。

<telerik:RadDocking>
    <telerik:RadDocking.DocumentHost>
        <telerik:RadSplitContainer>
            <telerik:RadPaneGroup>
                <telerik:RadPane Header="Pane 1" />
                <telerik:RadPane Header="Pane 2" />
                <telerik:RadPane Header="Pane 3" />
                <telerik:RadPane Header="Pane 4" />
                <telerik:RadPane Header="Pane 5" />
            </telerik:RadPaneGroup>
        </telerik:RadSplitContainer>
    </telerik:RadDocking.DocumentHost>
</telerik:RadDocking>

それでもうまくいかない場合は、動作するサンプル全体を投稿します。

于 2013-01-03T17:35:56.350 に答える