yay
(Yay)
April 18, 2017, 2:30am
#2
Hi, about your question you can modify your interface layout By following the cutter down(its simple idea will help you).
<!--<Viewbox Stretch="Fill" StretchDirection="Both">-->
<Grid Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2">
<WrapPanel Orientation="Horizontal" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" >
<TextBlock Margin="5" TextWrapping="Wrap" >Keuzeitem 1</TextBlock>
<TextBlock Margin="5" TextWrapping="Wrap" >Keuzeitem 2</TextBlock>
<TextBlock Margin="5" TextWrapping="Wrap" >Keuzeitem 3</TextBlock>
<TextBlock Margin="5" TextWrapping="Wrap" >Keuzeitem 4</TextBlock>
<TextBlock Margin="5" TextWrapping="Wrap" >Keuzeitem 5</TextBlock>
<TextBlock Margin="5" TextWrapping="Wrap" >Keuzeitem 6</TextBlock>
<TextBlock Margin="5" TextWrapping="Wrap" >Keuzeitem 7</TextBlock>
<TextBlock Margin="5" TextWrapping="Wrap" >Keuzeitem 8</TextBlock>
<TextBlock Margin="5" TextWrapping="Wrap" >Keuzeitem 9</TextBlock>
<TextBlock Margin="5" TextWrapping="Wrap" >Keuzeitem 10</TextBlock>
</WrapPanel>
</Grid>
<Grid Height="Auto" Width="180" MinWidth="180" Grid.Row="1" Grid.Column="0" >
<Viewbox Stretch="Fill" StretchDirection="Both">
<Grid>
<Button Margin="0,4,100,100" x:Name="button" Content="Knop 1" />
<Button Margin="93,4,18,100" x:Name="button1" Content="Knop 2" />
<Button Margin="0,42,18,60" x:Name="button2" Content="Knop 3" />
<Button Margin="0,82,100,5" x:Name="button3" Content="Knop 4" />
<Button Margin="93,82,18,33" x:Name="button4" Content="Knop 5" />
<Button Margin="93,108,18,5" x:Name="button5" Content="Knop 6" />
</Grid>
</Viewbox>
</Grid>
<StackPanel Height="Auto" Width="Auto" Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="2">
<TextBlock Margin="5,5,5,20" x:Name="TBResultaat" Text="Boodschap voor de gebruiker" Height="Auto" Width="Auto"/>
</StackPanel>
<Grid Height="Auto" Width="Auto" Grid.Row="1" Grid.Column="1" Grid.RowSpan="2">
<Viewbox x:Name="vws" Height="Auto" Width="Auto">
<Canvas Height="240" Width="260" >
<Ellipse Canvas.Left="5" Canvas.Top="5" Width="114" Height="109" Fill="Blue"></Ellipse>
<Rectangle Canvas.Left="5" Canvas.Top="125" Width="114" Height="109" Fill="Azure"></Rectangle>
<StackPanel Canvas.Left="155" Canvas.Top="7" Height="114" Width="84">
<TextBlock Text="IVO BRUGGE"/>
<Image Source="/image/1.PNG" Stretch="Fill" />
<TextBlock Text="2017-2018"/>
</StackPanel>
<Ellipse Canvas.Left=" 145" Canvas.Top="125" Width="114" Height="109" Fill="YellowGreen"></Ellipse>
</Canvas>
</Viewbox>
</Grid>
</Grid>