top button
Flag Notify
    Connect to us
      Facebook Login
      Site Registration Why to Join

Facebook Login
Site Registration

How to Use Wrap Panel in windows phone using XAML?

+1 vote
81 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
Contact Us
+91 9880187415
sales@queryhome.net
support@queryhome.net
#280, 3rd floor, 5th Main
6th Sector, HSR Layout
Bangalore-560102
Karnataka INDIA.
QUERY HOME
...