Come aggiungere barre di scorrimento a griglia

Question

Come si aggiungono barre di scorrimento a una griglia?

<Grid> 
     <Menu Height="23" Name="menu1" VerticalAlignment="Top"> 
      <MenuItem Header="File"> 
       <MenuItem Command="ApplicationCommands.New" Header="New" /> 
       <MenuItem Command="ApplicationCommands.Save" Header="Save" /> 
       <MenuItem Command="ApplicationCommands.Open" Header="Open" /> 
       <MenuItem Command="ApplicationCommands.Close" Header="Exit" /> 
      </MenuItem> 
      <MenuItem Header="Stuff"> 
       <MenuItem Header="Properties" Command="Properties"/> 
       <MenuItem Header="Tileset" Command="Replace"/> 
      </MenuItem> 
     </Menu> 
     <Grid Margin="0,24,0,0"> 
      <Canvas HorizontalAlignment="Stretch" Name="canvas1" VerticalAlignment="Stretch" MouseMove="MoveMouse" MouseDown="PressDownMouse" MouseUp="canvas2_MouseLeftButtonUp" MouseWheel="canvas1_MouseWheel"/> 
      <Canvas HorizontalAlignment="Stretch" Name="canvas2" VerticalAlignment="Stretch" MouseMove="MoveMouse" MouseDown="PressDownMouse" MouseUp="canvas2_MouseLeftButtonUp" MouseWheel="canvas1_MouseWheel"/> 
      <ListView HorizontalAlignment="Left" Name="listView1" Width="203" VerticalAlignment="Stretch" SelectionChanged="listView1_SelectionChanged"> 
      </ListView> 
     </Grid> 
    </Grid> 

Due tele potrebbero essere troppo alte o troppo larghe.

Questo è Tile Map Editor e disegno tutto su tela. Nel ListView ho le piastrelle da inserire.

Answer 1

In genere è possibile avvolgere l'elemento con <ScrollViewer> o impostare ScrollViewer.HorizontalScrollBarVisibility e ScrollViewer.VerticalScrollBarVisibility all'interno dell'XAML dell'elemento. Mi piace impostare su Auto, in modo che vengano visualizzati solo quando necessario.

Basta provare questo per iniziare:

<ScrollViewer> 
    <Grid> 
    // some code 
    </Grid> 
</ScrollViewer> 

EDIT per ulteriori informazioni! Ecco un esempio di un layout migliore, la listview è sulla sinistra seguita dalle due tele. Si consiglia di mettere questi sopra l'altro o avere un layout diverso, ma questo vi mostrerà come farlo:

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto" /> 
     <RowDefinition Height="*" /> 
    </Grid.RowDefinitions> 

    <Menu Name="menu1" > 
     <MenuItem Header="File"> 
      <MenuItem Command="ApplicationCommands.New" Header="New" /> 
      <MenuItem Command="ApplicationCommands.Save" Header="Save" /> 
      <MenuItem Command="ApplicationCommands.Open" Header="Open" /> 
      <MenuItem Command="ApplicationCommands.Close" Header="Exit" /> 
     </MenuItem> 
     <MenuItem Header="Stuff"> 
      <MenuItem Header="Properties" Command="Properties"/> 
      <MenuItem Header="Tileset" Command="Replace"/> 
     </MenuItem> 
    </Menu> 
    <Grid Grid.Row="1"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
     </Grid.ColumnDefinitions> 
     <ListView /> 
     <Canvas Grid.Column="1"/> 
     <Canvas Grid.Column="2"/> 
    </Grid> 
</Grid>