PS:本文不是介绍WP高技术含量的文章,只是通过一个小例子,捎带介绍下WP的基础知识,大神和WP高手请绕行。
最近自己在学习WP7开发,看过园子里好多强人的文章,受益匪浅。当然,学习嘛还是要自己动手,自己就做了一个小小的Demo(记事本应用),该应用主要实现记录用户输入的信息,可以保存到文件中,再次进入时可以看到之前记录的信息,该程序很简单,但是涉及到很多需要注意的知识,希望对你有所帮助!
该应用用到的技术主要有:隔离存储、ApplicationBar、文本控件的一些属性等!
实现思想:1、主界面定义一个Textbox控件和一个TextBlock控件,2个控件充满Grid,初始状态Textbox控件隐藏,TextBlock显示;
2、单击ApplicationBar的Edit按钮,Textbox显示并处于选中状态,TextBlock隐藏;
3、在TextBox输入一些文本内容,点击ApplicationBar的Save,控件状态Textbox控件隐藏,TextBlock显示,并将Textbox值赋给TextBlock显示;
4、退出应用程序,或者切换应用程序重新回到该页面,显示之前存储的信息;
5、单击ApplicationBar的Delete删除文件,再次进入该不会显示之前存储的信息。
没做过美工,界面没怎么设计,o(∩_∩)o...应用界面如下:
下面给出详细的设计过程,以及设计过程中需要注意的问题:
1:首先创建一个WP项目(Windows Phone应用程序);
2:修改主界面标题,以便给界面起个合适的名字,主要是2个TextBlock的Text属性,代码如下:
<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
<TextBlock x:Name="ApplicationTitle" Text="我的Demo" Style="{StaticResource PhoneTextNormalStyle}"/>
<TextBlock x:Name="PageTitle" Text="记事本小程序" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
</StackPanel>
3:在主界面添加2个控件Textbox和TextBlock,注意使2个控件填充整个Grid的方式,我用的是设置 VerticalAlignment="Stretch"和HorizontalAlignment="Stretch",表示控件是从四个边缘向中间Margin的,此时不设置Margin属性即可。 同时设置控件显示和隐藏的属性是Visibility="Visible"和Visibility="Collapsed",还有设置Textbox输入文本自动换行属性TextWrapping="Wrap",Textbox控件按回车(Enter)键换行的属性AcceptsReturn="True",代码如下:
<TextBox Name="myTextBox"
VerticalAlignment="Stretch"
HorizontalAlignment="Stretch"
Visibility="Collapsed"
Text=""
TextWrapping="Wrap"
AcceptsReturn="True" />
<TextBlock Name="myTextBlock"
VerticalAlignment="Stretch"
HorizontalAlignment="Stretch"
Visibility="Visible"
Text=""
TextWrapping="Wrap"
/>
4:添加3个图片到项目中,以便在ApplicationBar显示,右键项目--->添加文件夹--->重命名为Images--->到C:\Program Files\Microsoft SDKs\Windows Phone\v7.1\Icons\dark目录下找到需要的图片粘贴到项目的Images文件夹下。注意:要设置3个图片的属性生成操作为内容,否则在ApplicationBar一直显示的是XX,而不是设置的图片。
5:把项目自动生成的ApplicationBar代码的注释去掉,修改为如下代码(其中IconUri="/Images/appbar.save.rest.png"属性设置ApplicationBar的显示图像的路径):
<phone:PhoneApplicationPage.ApplicationBar>
<shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
<shell:ApplicationBarIconButton IconUri="/Images/appbar.edit.rest.png" Text="编辑" Click="ApplicationBarEdit_Click"/>
<shell:ApplicationBarIconButton IconUri="/Images/appbar.save.rest.png" Text="保存" Click="ApplicationBarSave_Click"/>
<shell:ApplicationBarIconButton IconUri="/Images/appbar.delete.rest.png" Text="删除" Click="ApplicationBarDel_Click"/>
</shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>
6:到现在前台页面已设置完毕,下面开始写后台代码。考虑到进入该页面时需要加载手机内存的信息,故添加PhoneApplicationPage_Loaded事件加载数据,此时整体考虑该页面,有3个Click事件和一个Load事件。在这里我写2个辅助方法来处理隔离存储的保存和加载数据:注意SaveData方法的using (var fileStream = storage.OpenFile(fileName, FileMode.Create))句,要定义FileMode类型为Create,因为在记事本有信息时,重新保存需要把之前文件里的数据清除,这时才保证文件是最近编辑的信息。这里不太好表达,你可以试试非Create的情况。
private string fileName = "myFile.txt";
private void SaveData()
{
IsolatedStorageFile storage = IsolatedStorageFile.GetUserStoreForApplication();
using (var fileStream = storage.OpenFile(fileName, FileMode.Create))
{
using (var sr = new StreamWriter(fileStream))
{
sr.WriteLine(myTextBox.Text);
}
}
}
private void LoadData()
{
IsolatedStorageFile appstorage = IsolatedStorageFile.GetUserStoreForApplication();
using (var fileStream = appstorage.OpenFile(fileName, FileMode.OpenOrCreate))
{
using (var sr = new StreamReader(fileStream))
{
myTextBlock.Text = sr.ReadToEnd();
}
}
}
7:添加Edit事件:注意这里先判断了当前页面的状态,如果处于非编辑状态才会执行
private void ApplicationBarEdit_Click(object sender, EventArgs e)
{
if (myTextBlock.Visibility == Visibility.Visible)
{
myTextBox.Text = myTextBlock.Text;
myTextBox.Visibility = Visibility.Visible;
myTextBlock.Visibility = Visibility.Collapsed;
myTextBox.Focus();
}
}
8:添加Save事件:
private void ApplicationBarSave_Click(object sender, EventArgs e)
{
if (myTextBox.Visibility == Visibility.Visible)
{
SaveData();
myTextBlock.Text = myTextBox.Text;
myTextBlock.Visibility = Visibility.Visible;
myTextBox.Visibility = Visibility.Collapsed;
}
}
9:添加Delete事件:
private void ApplicationBarDel_Click(object sender, EventArgs e)
{
if (myTextBlock.Visibility == Visibility.Visible)
{
myTextBox.Text = "";
SaveData();
myTextBlock.Text = "";
myTextBlock.Visibility = Visibility.Visible;
myTextBox.Visibility = Visibility.Collapsed;
}
}
至此,该记事本小应用就算完成,里面还有很多细节没有提到,望读者自己挖掘!