WPF-Schiebe-Panel

Hallo, ich habe gerade begonnen Arbeit mit WPF. und ich möchte, um eine Steuerung, die sollte wie Blend-Menü-Steuerung.
Lassen Sie mich sagen, meine Bedürfnisse im detail.

WPF-Schiebe-Panel

Als im Bild, indem Sie auf Vermögenswerte, die Ein Menü slide-out-menu und die andere Seite des Fensters, um es zu schrumpfen würde und machen Platz für neue Schiebe-Menü, um dort zu wohnen. Das Menü sollte sich dort aufhalten, bis alle Maßnahmen durchgeführt, um schieben Sie es wieder in. (Wie würde ich eine Taste an der gleichen Stelle Abbrechen-button(x) im Bild ).

Auch ich keine Notwendigkeit, dock-panel, um anderen Platz zu, als wir mit Toolbox mit VS auf Mischung.

Wie kann ich das erreichen ??

Jede Hilfe nützlich sein wird.

Dank in Vorfreude.

  • Ich fand einige code auf web -, Sie sind für andockbare panel, aber Sie funktionieren nicht so wie ich will. Auch ich möchte machen Einige einfache Funktionen, um es zu erreichen.
  • Verwenden Sie StoryBoards
  • Möchten Sie vielleicht einen Blick auf MahApps Metro und seine Flyout-Steuerelement. Ich denke, es ist nah an, was Sie suchen. mahapps.com/MahApps.Metro
  • Ich aktualisiert meine Antwort.
InformationsquelleAutor Hardik | 2012-12-21
  1. 6

    Ich ein Fenster erstellt, um zu zeigen, wie Sie Ihr Ziel erreichen. Es verfügt über 2 Tasten auf der rechten oben Seite des Fensters, und klicken Sie auf jeden von Ihnen, einen roten oder einen schwarzen Rand erweitert werden.

    <Window x:Class="WpfApplicationUpper.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:my="clr-namespace:WpfApplicationUpper" Height="100" Width="200">

<Window.Resources>
    <ControlTemplate x:Key="VerticalExpander" TargetType="{x:Type Expander}">
        <Border Name="ContentBorder"
                Width="0">
            <ContentPresenter />
        </Border>
        <ControlTemplate.Triggers>
            <Trigger Property="IsExpanded"
                     Value="True">
                <Setter TargetName="ContentBorder"
                        Property="Width"
                        Value="Auto" />
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
</Window.Resources>
<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="20" />
    </Grid.ColumnDefinitions>
    <StackPanel Grid.Column="1" Orientation="Vertical">
        <Button Name="B1" Content="T" Click="B1_Click"/>
        <Button Name="B2"
                Content="F" Click="B2_Click"/>
    </StackPanel>
    <DockPanel LastChildFill="True">
        <Grid DockPanel.Dock="Right">
            <Expander Name="MainExpander1"
                      Template="{StaticResource VerticalExpander}"
                      IsExpanded="False">
                <Border Background="Black"
                        Width="50">
                </Border>
            </Expander>
            <Expander Name="MainExpander2"
                      Template="{StaticResource VerticalExpander}"
                      IsExpanded="False"
                      DockPanel.Dock="Right">
                <Border Background="Red"
                        Width="50">
                </Border>
            </Expander>
        </Grid>
        <Border Name="NonSliding"
                Width="100"
                Height="50"
                Background="Green">

        </Border>
    </DockPanel>
</Grid>
</Window>

    und im code hinter:

        private void B1_Click(object sender, RoutedEventArgs e)
    {
            MainExpander1.IsExpanded = !MainExpander1.IsExpanded;
    }

    private void B2_Click(object sender, RoutedEventArgs e)
    {
        MainExpander2.IsExpanded = !MainExpander2.IsExpanded;
    }
    • MainExpander1.IsExpanded = !MainExpander1.IsExpanded;
    InformationsquelleAutor Ramin
Schreibe einen Kommentar