IT tutorials
 
Mobile
 

Windows Phone 8 : Phone-Specific Controls (part 2) - Pivot Control

2/14/2013 5:59:24 PM
- Windows 10 Product Activation Keys Free 2019 (All Versions)
- How To Bypass Torrent Connection Blocking By Your ISP
- How To Install Actual Facebook App On Kindle Fire

Pivot Control

In addition to the Panorama control, there is another phone-specific control called a Pivot control. The Pivot control is also used to show multiple sections, but the Pivot control can handle a larger number of items than the Panorama control. The chief reason for this is that a pivot section takes the entire width of the page instead of having overlapping sections. For example, the phone’s Search page uses a Pivot control, as shown in Figure 4.

Figure 4. Pivot control

Image

In the Pivot control, there are labels at the top of the page to show both the currently selected section (#1 in Figure 4) and other pages that are not currently selected (#2). The currently selected section is usually white with the other sections gray to indicate a difference between the sections. The Pivot control will show the currently selected section’s title always at the top left and scroll the rest of the labels to the right (and off the screen typically). The user switches between sections by swiping left or right or by pressing on the section headers to go to that section automatically. As the section is changed, the content area (#3) is changed to reflect that change.

The Pivot control is in the same assembly and namespace as the Panorama control (Microsoft.Phone.Controls), so adding a reference to the assembly and XML namespace is required as you saw earlier for the Panorama control. Building a Pivot control in XAML is similar to building a Panorama control in that the Pivot control can take one or more PivotItem elements, like so:

<ctrls:Pivot>
  <ctrls:PivotItem Header="first">
    <ListBox />
  </ctrls:PivotItem>
  <ctrls:PivotItem Header="second">
    <ListBox />
  </ctrls:PivotItem>
  <ctrls:PivotItem Header="third">
    <ListBox />
  </ctrls:PivotItem>
  <ctrls:PivotItem Header="fourth">
    <ListBox />
  </ctrls:PivotItem>
</ctrls:Pivot>

Like the PanoramaItem element, the PivotItem uses the Header property to specify the label on top of the Pivot control. Note that the Pivot control does not support a Title attribute as the Pivot usually does not have a title above the entire page. The preceding XAML results in the page shown in Figure 5.

Figure 5. Pivot control in action

Image

As the user clicks on the headers or swipes, she can go to the other sections. As with the Panorama control, the sections loop, so when the user is on the last section, the first section is to the right of the last page, as shown in Figure 6.

Figure 6. Looping pivot sections

Image
 
Others
 
- Windows Phone 8 : Phone-Specific Controls (part 1) - Panorama Control
- BlackBerry Tablet Applications : Exploring the APIs - Busy Indicator
- BlackBerry Tablet Applications : Exploring the APIs - Multi-Touch
- BlackBerry Tablet Applications : Exploring the APIs - Microphone
- Android : Getting Fancy with Lists - Inflating Rows Ourselves
- Android : Getting Fancy with Lists - A Dynamic Presentation
- Android : Getting Fancy with Lists - Getting to First Base
- Windows Phone 7 : Getting Started with XNA - Displaying Text
- Windows Phone 7 : Getting Started with XNA - Useful Sprite Effects
- iphone Programming : Integrating Your Application - Using the Address Book
 
 
Top 10
 
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 2) - Wireframes,Legends
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 1) - Swimlanes
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Formatting and sizing lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Adding shapes to lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Sizing containers
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 3) - The Other Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 2) - The Data Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 1) - The Format Properties of a Control
- Microsoft Access 2010 : Form Properties and Why Should You Use Them - Working with the Properties Window
- Microsoft Visio 2013 : Using the Organization Chart Wizard with new data
programming4us programming4us
 
Popular tags
 
Video Tutorail Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 Adobe Indesign Adobe Flash Professional Dreamweaver Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe Fireworks Adobe Flash Catalyst Corel Painter X CorelDRAW X5 CorelDraw 10 QuarkXPress 8 windows Phone 7 windows Phone 8 BlackBerry Android Ipad Iphone iOS