Windows Phone 7 Development : Working with Isolated Directory Storage (part 1)

2/25/2011 10:09:19 PM
We'll begin by building an application to work with the local storage on a phone. The application, IsolatedStorageStoreImageDemo, whose UI is shown in Figure 1, demonstrates the basic functions available through the isolated storage APIs, including the following:
  • Retrieve application-specific isolated storage

  • Get isolated storage quota

  • Save and retrieve isolated storage files

In this demo, when the "Get Image" button is clicked for the first time, the application checks to see whether there is enough space available in isolated storage. If there is, the image will be downloaded from the web site and then saved to isolated storage via isolated storage file stream. If the button is clicked again, the image will be loaded into an isolated storage file.

Figure 1. IsolatedStorageStoreImageDemo

You'll build the demo in three steps. First, you need to create a new Visual Studio project. Next you'll build the project's user interface and finish up by adding code to respond to commands from the user.

1. Creating the IsolatedStorageStoreImageDemo Project

To set up the IsolatedStorageStoreImageDemo project, follow the steps you've used for previous examples in this book:

  1. Open Microsoft Visual Studio 2010 Express for Windows Phone on your workstation.

  2. Create a new Windows Phone Application by selecting File => New Project on the Visual Studio command menu. Select the Windows Phone Application template, name the application "IsolatedStorageStoreImageDemo," and click OK, as shown in Figure 2.

    Figure 2. Windows Phone Application template for creating IsolatedStorageStoreImageDemo

2. Coding the User Interface

You'll first code the user interface, which we've chosen to implement in XAML. Sometimes it is faster to work with XAML than with managed code, especially when you're working with a simple example, like this one, which requires only a few controls. Go to the Solution Explorer, open MainPage.xaml, and replace the XAML you find there with the code that appears in the following sections.

2.1. Selecting the UI Resources

Begin by adding the following XAML markup to MainPage.xaml to identify where the resource to build the application's main page will be found.



mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"

Referencing the namespace as xmlns="" allows you to use common Windows Phone controls such as text boxes, buttons, and list boxes to create the main page. The code snippet also includes a reference to a code-behind class (x:Class="IsolatedStorageStoreImageDemo.MainPage") that will handle the main page controls' events.

2.2. Building the Main Page and Adding Components

Next, to create the main application page and populate it with controls, add the following XAML markup to the preceding block of code, also in MainPage.xaml.

<Grid x:Name="LayoutRoot" Background="{StaticResource PhoneBackgroundBrush}">
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>

<!--TitleGrid is the name of the application and page title-->
<Grid x:Name="TitleGrid" Grid.Row="0">
<TextBlock Text="IsolatedStorageStoreImageDemo"
Style="{StaticResource PhoneTextTitle1Style}"
FontSize="28" />

<!--ContentGrid is empty. Place new content here-->
<Grid x:Name="ContentGrid" Grid.Row="1">

<Image Height="458" HorizontalAlignment="Left"
Margin="20,134,0,0" Name="image1" Stretch="Uniform"
VerticalAlignment="Top" Width="423" />
<Button Content="Get Image" Height="70"
HorizontalAlignment="Left" Margin="0,598,0,0"
Name="btnGetImage" VerticalAlignment="Top"
Width="443" Click="btnGetImage_Click" />
<TextBox Height="72" HorizontalAlignment="Left"
Margin="12,29,0,0" Name="txtImageUrl"
VerticalAlignment="Top" Width="460" />


Once you've loaded the XAML code for the main page, you should see the layout shown in Figure 3. Now it's time to use the Isolated Storage APIs to add behavior to the application, as you'll learn in the next section.

Figure 3. IsolatedStorageStoreImageDemo design view
  •  iPhone Application Development : Making Multivalue Choices with Pickers - Using Date Pickers (part 3)
  •  iPhone Application Development : Making Multivalue Choices with Pickers - Using Date Pickers (part 2) - Adding a Date Picker
  •  iPhone Application Development : Making Multivalue Choices with Pickers - Using Date Pickers (part 1)
  •  iPhone Application Development : Making Multivalue Choices with Pickers - Understanding Pickers
  •  Sync Your iPad with iTunes : Troubleshooting iTunes and the Sync
  •  Sync Your iPad with iTunes : Manually Transferring Music, Movies, Podcasts, and More on Your iPad (Drag-and-Drop Method)
  •  Windows Phone 7 Development : Internationalization - Using Resource Files to Localize Content
  •  Windows Phone 7 Development : Internationalization - Storing and Retrieving Current Culture Settings
  •  Mobile Application Security : WebOS Security - Development and Security Testing
  •  Mobile Application Security : WebOS Security - Introduction to the Platform
  •  iPhone Application Development : Getting the User’s Attention - Using Alert Sounds and Vibrations
  •  iPhone Application Development : Getting the User’s Attention - Using Action Sheets
  •  jQuery 1.3 : Modifying table appearance (part 4) - Filtering
  •  jQuery 1.3 : Modifying table appearance (part 3) - Collapsing and expanding sections
  •  jQuery 1.3 : Modifying table appearance (part 2) - Tooltips
  •  jQuery 1.3 : Modifying table appearance (part 1) - Row highlighting
  •  Windows Phone 7 Development : Using Culture Settings with ToString to Display Dates, Times, and Text
  •  Mobile Application Security : SymbianOS Security - Persistent Data Storage
  •  Mobile Application Security : SymbianOS Security - Interprocess Communication
  •  Mobile Application Security : SymbianOS Security - Permissions and User Controls
    Top 10
    Programming Microsoft SQL Server 2005: Using Data Mining Extensions (part 2) - Data Mining Predictions Using DMX
    Understanding the Role of ASP.NET View State
    iPhone Application Development : Getting the User’s Attention - Using Action Sheets
    Visual Studio 2010 : Structured Exception Handling to the Rescue
    SQL Azure : Tuning Techniques (part 5) - Provider Statistics & Application Design
    Programming with DirectX : Game Math - Bounding Geometry (part 2) - Bounding Spheres & Bounding Hierarchies
    Getting Started with MySQL Enterprise & MySQL Enterprise Components
    Windows Mobile Security - Permissions and User Controls
    Advanced ASP.NET : Data Caching (part 1) - Adding Items to the Cache & A Simple Cache Test
    Consuming a WCF Service with Silverlight
    Most View
    Sharepoint 2007: Edit the Properties of a File or a List Item
    Windows 7 : Working with the Windows Firewall (part 2) - Configuring Security for the Basic Windows Firewall & Troubleshooting the Basic Windows Firewall
    Integrating Your Application with Windows Phone 7
    .NET Enterprise Services Technologies : BizTalk Server
    Configuring Local Area Connections
    Animations in Silverlight
    Managing Cached Content
    Windows 7 : Maintaining Your System Configuration (part 3) - Configuring User Profiles, Environment Variables, and Startup and Recovery
    Internet Explorer Security Settings
    Implementing and Validating SharePoint 2010 Security : Using IPsec for Internal SharePoint Encryption
    Ipad : Presentations with Keynote - Building Your Own Slide
    The Language of Apple Platforms : Memory Management
    Windows Server 2008 : Understanding Internet Information Services (IIS) 7.5
    Leveraging User Account Control in Applications
    Improvements in Server Roles in Windows Server 2008 R2
    Monitoring a SharePoint 2010 Environment : Using SharePoint’s Native Reporting Capabilities
    Infrastructure Security: The Network Level
    Working with File and Data Management Policies in Vista
    Personalizing Windows 7 (part 2) - Choosing Your Desktop Background
    Remote Administration of Exchange Server 2010 Servers : Using the Remote Exchange Management Shell