Teilfläche ausblenden

[Hansen (Gast)]

Hallo ,

ich arbeite gerade an einer wpf-Oberfläche unter Visual Studio C# 2010.

Meine Oberfläche besteht aus einer Fenster-Titelleiste, einer 
Canvas-Fläche, auf der ich zeichne, und einer Fläche unten, um diverse 
Steuer-Möglichkeiten für das Zeichnen zu haben. Diese Steuerfläche macht 
zwar nur
5% meiner Bildschirmhöhe (1200 Pixel) aus, jedoch möchte ich eine 
Möglichkeit schaffen, diese Steuer-Fläche auszublenden. Bei der 
Titelleiste
schaffe ich das über eine Checkbox und

...
this.WindowStyle = WindowStyle.None;

Was für eine Steuer-Fläche müsste das sein, um sie ausblenden und auch 
wieder
einblenden zu können?

Danke für Eure Hilfe.

Hansen

[Hansen (Gast)]

Ach ja, gleichzeitig soll die Canvas-Fläche um die ausgeblendete Fläche 
"erweitert" werden.

Kann mir jemand ein Stichwort nennen, unter dem ich suchen kann?

Hansen

[manni (Gast)]

Hansen schrieb:

> Kann mir jemand ein Stichwort nennen, unter dem ich suchen kann?

Visibility.Collapsed / Visibility.Visible.
Man könnte auch die Höhe der Leiste (d.h., des Controls, das Du dafür 
verwenden möchtest) setzen oder animieren. Die Leiste kannst Du unten 
andocken. Simples Beispiel mit StatusBar-Control:

<Grid>
  <DockPanel LastChildFill="True">
    <StatusBar x:Name="bottomBar"  Height="60" DockPanel.Dock="Bottom">
      <TextBlock Margin="5">Bla</TextBlock>
    </StatusBar>
    <Canvas>
    </Canvas>
  </DockPanel>
</Grid>

[Hansen (Gast)]

Hallo manni,

danke für deinen Vorschlag.


Frage: Wenn ich vier Text-Blöcke "frei" in der StatusBar platzieren 
will, wie mache ich das? So wie im folgenden gezeigt, werden die 
TextBlöcke einfach neben einander platziert.

<DockPanel LastChildFill="True">
            <StatusBar x:Name="bottomBar"  Height="60" DockPanel.Dock="Bottom">
                <TextBlock Margin="5">Bla1</TextBlock>
                <TextBlock Margin="5">Bla2</TextBlock>
                <TextBlock Margin="5">Bla3</TextBlock>
                <TextBlock Margin="5">Bla4</TextBlock>
            </StatusBar>
            <Canvas>
                <Button Canvas.Left="276" Canvas.Top="79" Content="Button" Height="23" Name="button1" Width="75" />
            </Canvas>
</DockPanel>

VG, Hansen

[Hansen (Gast)]

>Wenn ich vier Text-Blöcke "frei" in der StatusBar platzieren will

Naja, oder zumindest Bla2 unter Bla1, und rechts daneben: Bla4 unter 
Bla3

Mir ist schon klar, dass das mit der Dock-Eigenschaft immer aufgefüllt 
wird bezüglich der Positionierung. Wie löst man diese Starrheit?

[Michael K. (brutzel)]

Du kannst beliebige Controls benutzen bzw. diese verschachteln. Die 
Statusbar war nur ein Beispiel ("StatusBarItem" fehlt auch noch, aber 
das ändert hier nichts an deinem Problem). Wenn Du mit "frei platzieren" 
meinst, dass Du feste Koordinaten für die enthaltenen Controls (im 
Beispiel die vier Textblöcke) verwenden willst, kannst Du ein zweites 
Canvas-Element als untere Leiste einsetzen. Allerdings ist das für 
diesen Zweck eher unüblich, da sich das Layout ja meist an verschiedene 
Auflösungen bzw. Fenstergrößen anpassen soll.

"Naja, oder zumindest Bla2 unter Bla1, und rechts daneben: Bla4 unter
Bla3"

Dafür würde sich ein Grid oder UniformGrid anbieten. Beispiel:

<Window x:Class="bottombar.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"        
  Title="MainWindow" Height="350" Width="525">

  <Window.Resources>
    <Style x:Key="BottomGridTB" TargetType="TextBlock">
      <Setter Property="VerticalAlignment" Value="Center" />
      <Setter Property="Margin" Value="5" />
    </Style>

    <RoutedUICommand x:Key="ToggleBottomBar" Text="Toggle bottom bar" />
  </Window.Resources>

  <Window.CommandBindings>
    <CommandBinding Command="{StaticResource ToggleBottomBar}" Executed="OnExecutedToggleBottomBar" />
  </Window.CommandBindings>

  <Window.InputBindings>
    <KeyBinding Command="{StaticResource ToggleBottomBar}" Gesture="CTRL+B" CommandParameter="{Binding ElementName=bottomBar}" />
  </Window.InputBindings>
  
  <DockPanel LastChildFill="True">
    <Grid x:Name="bottomBar" Background="{x:Static SystemColors.ControlLightBrush}" DockPanel.Dock="Bottom">
      <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition Height="1" />
        <RowDefinition />
      </Grid.RowDefinitions>
      <Grid.ColumnDefinitions>
        <ColumnDefinition Width="4*" />
        <ColumnDefinition Width="4*"/>
        <ColumnDefinition Width="1*"/>
      </Grid.ColumnDefinitions>
      <TextBlock Style="{StaticResource BottomGridTB}">Bla1</TextBlock>
      <TextBlock Style="{StaticResource BottomGridTB}" Grid.Row="2">Bla2</TextBlock>
      <TextBlock Style="{StaticResource BottomGridTB}" Grid.Column="1">Bla3</TextBlock>
      <TextBlock Style="{StaticResource BottomGridTB}" Grid.Row="2" Grid.Column="1">Bla4</TextBlock>
      <Border Grid.Row="1" Grid.ColumnSpan="3" Background="AliceBlue" />
    </Grid>    
    <Canvas />
  </DockPanel>
</Window>

public void OnExecutedToggleBottomBar(object sender, ExecutedRoutedEventArgs e)
{
  var element = (UIElement)e.Parameter;
  if(element != null)
  {
    if(element.Visibility == Visibility.Collapsed) element.Visibility = Visibility.Visible;
    else element.Visibility = Visibility.Collapsed;
  }
}

3 Spalten, damit das Ganze etwas nach links orientiert ist. Strg + B 
sollte die Leiste (also das Grid-Element) sichtbar/unsichtbar machen. 
Ein paar Styles, damit sich einiges zentral anpassen lässt. Du kannst 
natürlich andere Controls statt der Textboxen verwenden, mehr Spalten 
einfügen, Grids oder andere Panels in Zellen setzen, das Ganze komplett 
anders stylen etc. WPF ist da sehr flexibel.

// Edit: Methode für die Linie geändert.

[Michael K. (brutzel)]

Noch etwas allgemeiner; das Command kann man für beliebige Elemente 
verwenden (das Element wird ja ohnehin als Parameter übergeben).

...
<RoutedUICommand x:Key="ToggleVisibility" Text="Toggle visibility" />
  </Window.Resources>

  <Window.CommandBindings>
    <CommandBinding Command="{StaticResource ToggleVisibility}" Executed="OnExecutedToggleVisibility" />
  </Window.CommandBindings>

  <Window.InputBindings>
    <KeyBinding Command="{StaticResource ToggleVisibility}" Gesture="CTRL+B" CommandParameter="{Binding ElementName=bottomBar}" />
  </Window.InputBindings>

public void OnExecutedToggleVisibility(object sender, ExecutedRoutedEventArgs e)
// ...