win8,win8.1的日记本应用(包含页面跳转)以及如何打开保存文件和如何调用语音来朗读文本

在经历过HelloWorld洗礼之后，我开始尝试着做一个简单的win8.1日记本应用。然而什么东西都是想着简单，但是开始着手做的时候完全不是想的那回事。先前想好的解决方案完全用不上，先前觉得很快会过的步骤硬生生的会卡住半天，过程那叫一个痛苦啊。但是不管怎样，还是实现了一些很基本很基本的功能，而且也不是很完美，总之，且行且学习吧。

首先是界面的xaml设计，先贴上代码：

以下是登陆界面前台：一个PasswordBox控件和一个按钮

这里面最要注意两点：

1.PasswordBox控件，微软新加了这个控件，可能好多人都没适应过来，不是原先的webform的textmode="password"这种写法了

2.后台取PasswordBox控件中的数据时要用.password属性，而不是原先的.text属性了

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <PasswordBox x:Name="btnPwd" HorizontalAlignment="Left" Margin="253,202,0,0" VerticalAlignment="Top" Height="83" Width="418"/>
        <Button Content="解锁" x:Name="btnLogin" FontSize="40" HorizontalAlignment="Left" Margin="880,199,0,0" VerticalAlignment="Top" Width="146" Height="89" Tapped="btnLogin_Tapped"/>

    </Grid>

以下是日记本前台：

这里面的控件：

一个保存按钮，一个打开按钮，一个语音念文本的按钮

一个标题文本框，一个正文文本框

一个ListView控件，绑定后台的数据用来显示已经保存的文本的文本名称

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <TextBox x:Name="txtTitle" HorizontalAlignment="Left" Margin="221,104,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Height="57" Width="629"/>
        <TextBox x:Name="txtContent" HorizontalAlignment="Left" Margin="221,194,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="629" Height="235"/>
        <Button x:Name="btnSave" Content="保存" FontSize="30" HorizontalAlignment="Left" Margin="267,493,0,0" VerticalAlignment="Top" Width="122" Height="63" Click="btnSave_Click"/>
        <Button x:Name="btnOpen" Content="打开" FontSize="30" HorizontalAlignment="Left" Margin="473,493,0,0" VerticalAlignment="Top" Width="110" Height="63" Click="btnOpen_Click"/>
        <Button x:Name="btnRead" Content="念出来" FontSize="30" HorizontalAlignment="Left" Margin="664,493,0,0" VerticalAlignment="Top" Width="125" Height="60" Click="btnRead_Click"/>
        <ListView x:Name="list" HorizontalAlignment="Left" Height="446" Margin="885,104,0,0" VerticalAlignment="Top" Width="399">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding FileName}"/>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
        <MediaElement x:Name="mediaRead" HorizontalAlignment="Left" VerticalAlignment="Top" Width="100" Height="100" />
    </Grid>