[Win8]Windows8开发入门（四）：文件访问和选取器

最新推荐文章于 2023-01-04 20:43:35 发布
最新推荐文章于 2023-01-04 20:43:35 发布
阅读量89 收藏
点赞数
文章标签： 操作系统 c# ui

原教程地址：http://msdn.microsoft.com/zh-cn/library/windows/apps/xaml/jj655411.aspx

完整项目源码下载：http://download.csdn.net/detail/wxg694175346/5174187



步骤 1：使用文件选取器获取图像文件

通过文件选取器，你的应用可以在用户的整个系统上访问文件和文件夹。当你调用文件选取器时，用户可以浏览其系统并选择文件（或文件夹）以访问和保存。在用户选取文件或文件夹之后，你的应用将这些选取作为StorageFile和StorageFolder对象进行接收。接着你的应用可以通过使用这些对象在选取的文件和文件夹上操作。

你需要做的第一件事就是处理GetPhotoButton_Click事件以获取要显示的图片。

我们先从部分 3：导航、布局和视图中的代码开始。

JJ655411.wedge(zh-cn,WIN.10).gif添加文件选取器

  1. 在“解决方案资源管理器”中，双击 PhotoPage.xaml 打开它。
  2. 选择“获取照片”""Button。
  3. 在“属性”窗口中，单击“事件”按钮 (“事件”按钮)。
  4. 在事件列表的顶部查找Click事件。在事件的文本框中，键入 "GetPhotoButton_Click" 作为处理Click事件的方法的名称。
  5. 按 Enter。事件处理程序方法在代码编辑器中创建和打开，因此你可以添加在事件出现时执行的代码。
  6. 将async关键字添加到事件处理程序的方法签名中。
    C#
    VB 
    private async void GetPhotoButton_Click(object sender, RoutedEventArgs e)
{
}
  7. 将此代码添加到事件处理程序方法中。该方法会打开文件选取器，让用户从图片库中选择一张图片。 当他们选取某个文件时，该文件会设置为图像源和页面的数据上下文。
    C#
    VB 
                // File picker APIs don't work if the app is in a snapped state.
            // If the app is snapped, try to unsnap it first. Only show the picker if it unsnaps.
            if (Windows.UI.ViewManagement.ApplicationView.Value != Windows.UI.ViewManagement.ApplicationViewState.Snapped ||
                 Windows.UI.ViewManagement.ApplicationView.TryUnsnap() == true)
            {
                 Windows.Storage.Pickers.FileOpenPicker openPicker = new Windows.Storage.Pickers.FileOpenPicker();
                 openPicker.SuggestedStartLocation = Windows.Storage.Pickers.PickerLocationId.PicturesLibrary;
                 openPicker.ViewMode = Windows.Storage.Pickers.PickerViewMode.Thumbnail;
                 
                 // Filter to include a sample subset of file types.
                 openPicker.FileTypeFilter.Clear();
                 openPicker.FileTypeFilter.Add(".bmp");
                 openPicker.FileTypeFilter.Add(".png");
                 openPicker.FileTypeFilter.Add(".jpeg");
                 openPicker.FileTypeFilter.Add(".jpg");

                // Open the file picker.
                Windows.Storage.StorageFile file = await openPicker.PickSingleFileAsync();

                // file is null if user cancels the file picker.
                if (file != null)
                {
                    // Open a stream for the selected file.
                    Windows.Storage.Streams.IRandomAccessStream fileStream =
                        await file.OpenAsync(Windows.Storage.FileAccessMode.Read);

                    // Set the image source to the selected bitmap.
                    Windows.UI.Xaml.Media.Imaging.BitmapImage bitmapImage =
                        new Windows.UI.Xaml.Media.Imaging.BitmapImage();

                    bitmapImage.SetSource(fileStream);
                    displayImage.Source = bitmapImage;
                    this.DataContext = file;

                    // mruToken = Windows.Storage.AccessCache.StorageApplicationPermissions.MostRecentlyUsedList.Add(file);
                }
            }
  8. 按 F5 构建并运行应用。导航到照片页面，然后单击""“获取照片”按钮启动FileOpenPicker。随即会出现照片，但照片信息文本还未更新。将在下一步中修复该问题。

    以下是选择图片的应用的外观。

    带有图片的照片页面

让我们来仔细查看使用FileOpenPicker的代码。若要使用文件选取器，你需要执行 3 个基本步骤：确保文件选取器可以打开，创建并自定义文件选取器对象以及显示文件选取器以使用户可以选取一个项。

你无法在辅视图中打开文件选取器。因此，在调用文件选取器之前，必须首先确保应用未贴靠，如果贴靠，则必须调用TryUnsnap方法来取消贴靠。

C#
VB 
if (Windows.UI.ViewManagement.ApplicationView.Value != Windows.UI.ViewManagement.ApplicationViewState.Snapped ||
    Windows.UI.ViewManagement.ApplicationView.TryUnsnap() == true)

接下来，创建FileOpenPicker对象。

C#
VB 
Windows.Storage.Pickers.FileOpenPicker openPicker = new Windows.Storage.Pickers.FileOpenPicker();

在文件选取器对象上设置与你的用户和你的应用相关的属性。有关帮助你确定如何自定义文件选取器的指南，请参阅文件选取器指南。

由于用户正在选取图片，因此会将SuggestedStartLocation设置为图片库，将ViewMode设置为Thumbnail。还会添加文件类型筛选器，以便选取器仅显示为图像文件指定的文件类型。

C#
VB 
openPicker.SuggestedStartLocation = Windows.Storage.Pickers.PickerLocationId.PicturesLibrary;
openPicker.ViewMode = Windows.Storage.Pickers.PickerViewMode.Thumbnail;
                 
// Filter to include a sample subset of file types.
openPicker.FileTypeFilter.Clear();
openPicker.FileTypeFilter.Add(".bmp");
openPicker.FileTypeFilter.Add(".png");
openPicker.FileTypeFilter.Add(".jpeg");
openPicker.FileTypeFilter.Add(".jpg");

在你创建和自定义文件选取器后，调用FileOpenPicker.PickSingleFileAsync以显示该选取器并让用户选取一个文件。

注意若要让用户选取多个文件，请调用PickMultipleFilesAsync。

C#
VB 
// Open the file picker.
Windows.Storage.StorageFile file = await openPicker.PickSingleFileAsync();

用户选取文件时，PickSingleFileAsync返回表示已选取文件的StorageFile对象。处理图像流以创建BitmapImage并将BitmapImage设置为 UI 中Image控件的Source。还将文件设置为页面的DataContext，以便可以将 UI 元素绑定到其属性。

C#
VB 
// file is null if user cancels the file picker.
if (file != null)
{
    // Open a stream for the selected file
    Windows.Storage.Streams.IRandomAccessStream fileStream =
        await file.OpenAsync(Windows.Storage.FileAccessMode.Read);

    // Set the image source to the selected bitmap.
    Windows.UI.Xaml.Media.Imaging.BitmapImage bitmapImage =
        new Windows.UI.Xaml.Media.Imaging.BitmapImage();

    bitmapImage.SetSource(fileStream);
    displayImage.Source = bitmapImage;
    this.DataContext = file;
}

步骤 2：将 UI 控件绑定到文件数据

此时，图像会显示在 UI 中，但图像文件属性不会显示在添加的文本块中。可以在代码中设置每个TextBlock的Text属性，就像设置Image.Source属性一样。

但对于显示数据，通常会使用“数据绑定”将数据源连接到 UI，方法是设置Binding.Source属性或在 UI 元素上设置DataContext。建立绑定后，如果数据源发生更改，绑定到该数据源的 UI 元素可以自动反映更改内容。

注意默认情况下，绑定为one-way，这表示数据源的更新会在 UI 中反映出来。你可以指定two-way绑定，以便用户在 UI 元素中所做的更改可以在数据源中反映出来。例如，如果用户编辑了TextBox中的值，则绑定引擎将自动更新基础数据源以反映该变化。

使用DataContext属性可设置整个 UI 元素的默认绑定，包括其所有子元素。将在FileOpenPicker中选择的StorageFile设置为照片页面的DataContext。请注意，在选取图像后，将使用此代码行设置DataContext。

C#
VB 
this.DataContext = file;

此时，通过将标题TextBlock的Text属性绑定到所选文件的StorageFile.DisplayName属性来显示文件名。

由于不指定绑定的Source，因此数据绑定引擎会在DataContext上查找DisplayName属性。如果DataContext为null或没有DisplayName属性，则绑定会失败并且不会给出任何提示，且TextBlock中不会显示任何文本。

此时，将TextBlock控件绑定到StorageFile属性。

JJ655411.wedge(zh-cn,WIN.10).gif将控件绑定到数据

  1. 在“解决方案资源管理器”中，双击 PhotoPage.xaml 打开它。
  2. 为“获取照片”""按钮下的照片名称选择TextBlock。
  3. 在“属性”面板中，单击“属性”按钮 (“事件”按钮)以显示“属性”视图。
  4. 在“属性”面板的“常用”下，单击Text属性的“属性标记”。此时将打开“属性”菜单。

    注意“属性标记”是每个属性值右侧的小框符号。Text属性标记为黑色，表示该属性已设置为字符串值。

  5. 在“属性”菜单中，选择“创建数据绑定...”。随即将打开“创建数据绑定”对话框。
  6. 在“创建数据绑定”对话框中，选择“绑定类型”下拉列表中的“数据上下文”。
  7. 在此处显示的“路径”文本框中输入 "DisplayName"。

    Visual Studio 数据绑定对话框

    注意“创建数据绑定”对话框中的消息表明数据上下文尚未设置。这是可以的，因为在运行应用和获取图片时会在代码中设置数据上下文。

  8. 单击“确定”。

    下面是添加绑定后TextBlock的可扩展应用程序标记语言 (XAML)。

    XAML 
    <TextBlock Grid.Row="1" TextWrapping="Wrap" Text="{Binding DisplayName}" 
           Style="{StaticResource PageSubheaderTextStyle}"/>
  9. 选择“文件名:”""后的TextBlockTextBlock。
    1. 重复步骤 3-5 为此TextBlock创建数据绑定。
    2. 在“路径”文本框中输入 "Name" 并单击“确定”。
  10. 选择“路径:”""后的TextBlockTextBlock。
    1. 重复步骤 3-5 为此TextBlock创建数据绑定。
    2. 在“路径”文本框中输入 "Path" 并单击“确定”。
  11. 选择“创建日期:”""后的TextBlockTextBlock。
    1. 重复步骤 3-5 为此TextBlock创建数据绑定。
    2. 在“路径”文本框中输入“DateCreated”""并单击“确定”。

    下面是添加绑定后照片信息StackPanel的 XAML。

    XAML 
                    <StackPanel Margin="20,0,0,0">
                    <TextBlock Text="File name:" Style="{StaticResource CaptionTextStyle}"/>
                    <TextBlock Text="{Binding Name}" Style="{StaticResource ItemTextStyle}" Margin="10,0,0,30"/>

                    <TextBlock Text="Path:" Style="{StaticResource CaptionTextStyle}"/>
                    <TextBlock Text="{Binding Path}" Style="{StaticResource ItemTextStyle}" Margin="10,0,0,30"/>

                    <TextBlock Text="Date created:" Style="{StaticResource CaptionTextStyle}"/>
                    <TextBlock Text="{Binding DateCreated}" Style="{StaticResource ItemTextStyle}" Margin="10,0,0,30"/>
                </StackPanel>
  12. 按 F5 构建并运行应用。导航到照片页。单击“获取照片”""按钮可启动FileOpenPicker。使用适当的绑定，当选取文件时不会显示文件属性。

    以下是当选择图片和将文本块绑定到数据时应用的外观。

    带有图片并绑定数据的照片页面

步骤 3：保存和加载状态

在此教程系列的部分 2：管理应用生命周期和状态中，你已了解到如何保存和还原应用状态。在将新页面添加到应用后，还需要保存和加载新页面的状态。有关照片页面，只需保存和还原当前显示的图像文件。

但是无法仅将路径保存到文件，然后使用该路径重新打开该文件。当用户选取具有FileOpenPicker的文件时，他们会隐式授予应用该文件的权限。如果你尝试以后仅使用该路径检索文件，则拒绝使用该权限。

相反，若要保留该文件的访问权限以便将来使用，则StorageApplicationPermissions类提供了 2 个列表，你可以在其中存储文件及其权限，当用户使用文件选取器打开该文件时会授予这些权限。

仅需要访问用户选取的最后一个文件，以便可以使用该文件还原页面状态。鉴于此原因， MostRecentlyUsedList 符合你的需要。

当用户选取文件后，会将其添加到MostRecentlyUsedList。我们将文件添加到此列表后，MostRecentlyUsedList会返回你用于以后检索文件的令牌。将此令牌保存在pageState字典中，并使用该令牌在还原页面状态时检索当前图像文件。

JJ655411.wedge(zh-cn,WIN.10).gif保存状态

  1. 在“解决方案资源管理器”中，双击 PhotoPage.xaml.cs/vb 打开它。
  2. 在PhotoPage类的顶部，添加此代码。该代码会声明一个变量来保存MostRecentlyUsedList返回的令牌。
    C#
    VB 
    private string mruToken = null;

    以下是该代码及其周围代码。

    C#
    VB 
    public sealed partial class PhotoPage : HelloWorld.Common.LayoutAwarePage
{
    private string mruToken = null;

    public PhotoPage()
    {
        this.InitializeComponent();
    }
...
  3. 在GetPhotoButton_Click事件处理程序中，添加此代码。该代码将选取的文件添加到MostRecentlyUsedList并获取令牌。
    C#
    VB 
    // Add picked file to MostRecentlyUsedList.
mruToken = Windows.Storage.AccessCache.StorageApplicationPermissions.MostRecentlyUsedList.Add(file);

    以下是该代码及其周围代码。

    C#
    VB 
    // file is null if user cancels the file picker.
if (file != null)
{
    // Open a stream for the selected file.
    Windows.Storage.Streams.IRandomAccessStream fileStream =
        await file.OpenAsync(Windows.Storage.FileAccessMode.Read);

    // Set the image source to the selected bitmap.
    Windows.UI.Xaml.Media.Imaging.BitmapImage bitmapImage =
        new Windows.UI.Xaml.Media.Imaging.BitmapImage();

    bitmapImage.SetSource(fileStream);
    displayImage.Source = bitmapImage;
    this.DataContext = file;

    // Add picked file to MostRecentlyUsedList.
    mruToken = Windows.Storage.AccessCache.StorageApplicationPermissions.MostRecentlyUsedList.Add(file);
}
  4. 在SaveState方法中，添加此代码。该代码会检查令牌是否存在，如果存在，则将其保存在pageState字典中。
    C#
    VB 
                if (!String.IsNullOrEmpty(mruToken))
            {
                pageState["mruToken"] = mruToken;
            }

    以下是SaveState方法的完整代码。

    C#
    VB 
    protected override void SaveState(Dictionary<String, Object> pageState)
{
    if (!String.IsNullOrEmpty(mruToken))
    {
        pageState["mruToken"] = mruToken;
    }
}

JJ655411.wedge(zh-cn,WIN.10).gif加载状态

  1. 在 PhotoPage.xaml.cs/vb 中，向LoadState方法签名添加async关键字。
    C#
    VB 
    protected async override void LoadState(Object navigationParameter, Dictionary<String, Object> pageState)
{
}
  2. 在LoadState方法中添加此代码。

    此时，从pageState字典中获取令牌。使用该令牌从MostRecentlyUsedList中检索文件并还原 UI 状态。

    C#
    VB 
                if (pageState != null && pageState.ContainsKey("mruToken"))
            {
                object value = null;
                if (pageState.TryGetValue("mruToken", out value))
                {
                    if (value != null)
                    {
                        mruToken = value.ToString();

                        // Open the file via the token that you stored when adding this file into the MRU list.
                        Windows.Storage.StorageFile file =
                            await Windows.Storage.AccessCache.StorageApplicationPermissions.MostRecentlyUsedList.GetFileAsync(mruToken);

                        if (file != null)
                        {
                            // Open a stream for the selected file.
                            Windows.Storage.Streams.IRandomAccessStream fileStream =
                                await file.OpenAsync(Windows.Storage.FileAccessMode.Read);

                            // Set the image source to a bitmap.
                            Windows.UI.Xaml.Media.Imaging.BitmapImage bitmapImage =
                                new Windows.UI.Xaml.Media.Imaging.BitmapImage();

                            bitmapImage.SetSource(fileStream);
                            displayImage.Source = bitmapImage;

                            // Set the data context for the page.
                            this.DataContext = file;
                        }
                    }
                }
            }
  3. 按 F5 构建并运行应用。导航至照片页面，然后单击“获取照片”""按钮以启动FileOpenPicker并选取文件。当应用挂起、终止以及还原时，会立即重新加载图像。

    注意查看部分 2：管理应用生命周期和状态获取有关如何挂起、终止以及还原应用的说明。

iteye_19603
关注
Android 文件选择器
07-09
用于选择文件夹中的文件
C#之文件选择器和文件保存器
sunlggggg的博客
11-06 1075
//序列化二维数组导出文件 private void button2_Click(object sender, EventArgs e) { try { //文件路径 string path = string.Empty;
Flutter新版本中File、PickedFile以及数据类型：【类型?】的探究
m0_59056822的博客
01-04 1189
Flutter新版本中File、PickedFile以及数据类型：【类型?】的探究
c/C++文件(夹)选择对话框
04-10
c/C++文件(夹)选择对话框
简洁的文件选择器：CFileChooser
活水青年工作室
08-23 313
功能简介： 这是一个简洁的文件选择器。 您可以方便的使用它获取手机文件所在的路径。 目前版本号是：1.0.0 当前仅支持单文件选择，不支持文件夹以及多文件。 后期会继续完善，并且加入更多的自定义属性。 使用示例： 首先在build.gradle文件中加入依赖 implementation 'com.livingwater:CFileChooser:1.0.0' ...
ios 选取图片、视频、文件 的选择器
最新发布
03-06
总的来说，"ios 选取图片、视频、文件 的选择器"组件是一个集多种媒体和文件选择功能于一体的解决方案，它通过iCloud实现了文件的跨设备访问，提升了iOS应用的功能性和便利性。对于开发者而言，合理地集成和使用这个...
STM8S单片机入门
01-19
本入门教程面向无任何单片机基础的人，从开发环境的搭建开始，通过详细讲解一个典型单片机应用系统基本设计和实现过程，帮助大家快速入门。 单片机应用系统的形态很多，但基本模式类似。以智能硬件的应用为例，各种...
win8风格导航js文件
02-07
【win8风格导航js文件】是一种网页设计技术，它借鉴了微软Windows 8操作系统中的现代UI（也称为Metro UI）设计元素，为用户提供了一种直观且动态的导航体验。这种风格的特点是大块的色块、简洁的界面以及平滑的动画...
win8风格的日期时间选择控件特效代码
03-20
在本文中，我们将深入探讨“win8风格的日期时间选择控件特效代码”这一主题，该控件的设计灵感来源于微软Windows 8操作系统中的界面元素，它以独特的块状风格为特征，提供用户友好的日期和时间选取体验。我们将讨论...
c语言--windows文件夹选择对话框--windows api--SHBrowseForFolder
热门推荐
老专家的博客
04-18 1万+
c语言--windows文件夹选择对话框--windows api--SHBrowseForFolder
C语言中打开文件选择
GodLike
03-13 2094
#include OPENFILENAME ofn; char szFile[MAX_PATH]; ZeroMemory(&ofn,sizeof(ofn)); ofn.lStructSize = sizeof(ofn); ofn.lpstrFile = szFile; ofn.lpstrFile[0] = TEXT('\0'); ofn.nMaxFile = sizeof(szFile); of
flutter基础：调用图库及图片上传
weixin_40652755的博客
11-16 3437
本文主要介绍flutter调用系统相册、相机以及图片上传的实现方法，主要用到了image_picker以及dio插件，解决了图片上传格式错误.octet-stream的问题
UWP入门（十一）--使用选取器打开文件和文件夹
怪咖先森的博客
03-23 6217
很漂亮的功能，很有趣重要的 API FileOpenPicker FolderPicker StorageFile 通过让用户与选取器交互来访问文件和文件夹。 你可以使用 FileOpenPicker 和 FileSavePicker 类访问文件，并使用 FolderPicker 访问文件夹1. 文件选取器 UI文件选取器显示信息以引导用户并在打开或保存文件时提供一致性体验该信息包括： 当前位置 用
Win10开发：文件操作之FileOpenPicker、FileSavePicker和FolderPicker
MSP_甄心cherish的专栏
08-31 3228
Win10的开发经常需要进行文件的操作，因此文件的选择对话框FileOpenPicker、文件保存对话框FileSavePicker以及文件夹选择对话框FolderPicker十分重要。
文件选择器的使用
weixin_44541162的博客
04-28 659
（作者：杨先金；撰写时间：2019年4月20日） 1、页面部分的代码如下，首先，我们需要准备两个标签，一个img标签，还有一个input标签。 img标签给它一个id为NoticeCarousePicture，并且给它的src属性设置图片路径，这里是一张“上传图片”的小图标；input标签的类型为“file”，也就是文件类型的input标签，用来打开文件选择器的，我们把它hidden隐藏起来， 除...
UWP FileOpenPicker 的使用注意点
遥远的心
08-31 502
从Winform迁移到UWP之后发现FileOpenDialog这个好用的控件不见了。查了Bing之后才知道在UWP中是用FileOpenPicker了。 下面这个就是微软的示例代码，但是放到我们UWP的事件函数中会报错 ”await 只能用于异步方法中，请考虑使用async修饰方法” var picker = new Windows.Storage.Pickers.FileOpenPicker(); picker.ViewMode = Windows.Storage.Pickers.PickerVi
Windows Phone 7开发入门：典型控件解析
涵盖了从WP7简介、SDK下载安装、模拟器使用到典型控件、地图控件、全景视图、程序特性和数据库访问等多个方面，旨在帮助初学者快速入门Windows Phone应用开发。" 在Windows Phone开发中，掌握各种典型控件是至关...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值