top button
Flag Notify
Site Registration

How to Use Wrap Panel in windows phone using XAML?

+1 vote
432 views
How to Use Wrap Panel in windows phone using XAML?
posted Feb 5, 2015 by Saravanan

Share this question
Facebook Share Button Twitter Share Button LinkedIn Share Button

1 Answer

0 votes
 
Best answer

Wrap Panel:

A WrapPanel is similar to a StackPanel but it does not just stack all child elements in one row. It wraps the elements in new lines if space is inadequate. The orientation can be set to Horizontal or Vertical.

The WrapPanel control contains the Ellipse and sets the Width, Height and Fill color in it.

<Grid x:Name="layout" Background="BurlyWood">  
   <WrapPanel Orientation="Horizontal">  
      <Ellipse Width="100" Height="100" Fill="Red" />  
      <Ellipse Width="80" Height="80" Fill="Orange" />  
      <Ellipse Width="60" Height="60" Fill="Yellow" />  
      <Ellipse Width="40" Height="40" Fill="Green" />  
      <Ellipse Width="20" Height="20" Fill="Blue" />  
   </WrapPanel> 
</Grid> 

Horizontal code

Now if you change the orientation to Vertical as in the following code,

The following code snippet will create a WrapPanel and sets its orientation to vertical, all child controls will be wrapped vertically.

<Grid x:Name="layout" Background="BurlyWood">  
   <WrapPanel Orientation="Vertical">  
      <Ellipse Width="100" Height="100" Fill="Red" />  
      <Ellipse Width="80" Height="80" Fill="Orange" />  
      <Ellipse Width="60" Height="60" Fill="Yellow" />  
      <Ellipse Width="40" Height="40" Fill="Green" />  
      <Ellipse Width="20" Height="20" Fill="Blue" />  
   </WrapPanel>  
</Grid>

Vertical

answer Feb 10, 2015 by Jdk
...