如何在Windows 8应用程序中显示assets文件夹?

问题描述:

我是新的窗口8应用程序开发。我想创建一个简单的JavaScript照片应用程序。在我的应用程序中,我想显示一个资产文件夹供用户选择他们选择的图像。有人可以帮我弄这个吗?如何在Windows 8应用程序中显示assets文件夹?

enter image description here

由于您使用JS来构建你的应用程序,所有你需要做的就是写了一个小脚本,其中列出了路径,你该文件夹中竖起的资产,并通过其链接HTML页面。你是否试图动态地做到这一点?我不认为这样的解决方案存在..

编辑:在第二个想法,你有没有考虑使用承诺运行脚本每次新资源添加到文件夹?保持对文件夹的检查并在添加资源时引发标志,根据标志状态,调用承诺更新脚本将包含新添加的资源。您可能还需要考虑在承诺可能更新页面时用户可能正在选择数据的情况。适当的使用会话存储来处理这种情况。

+0

举一些例子说明,请 – srini 2013-02-27 18:53:12

+0

目前我占据的其他任务。我会写一个示例代码并在周末在这里分享。自从我赢了8次之后,我已经过了几个月的时间,我需要一些时间来骑自行车:) – Shouvik 2013-02-28 11:18:12

有一个FilePicker控件,可让您轻松显示图像/文件供用户选择。这里是a code sample;下载JavaScript版本。也有链接到API文档here的指南。

从代码示例的摘录:

// Create the picker object and set options 
var openPicker = new Windows.Storage.Pickers.FileOpenPicker(); 
openPicker.viewMode = Windows.Storage.Pickers.PickerViewMode.thumbnail; 
openPicker.suggestedStartLocation = Windows.Storage.Pickers.PickerLocationId.picturesLibrary; 
// Users expect to have a filtered view of their folders depending on the scenario. 
// For example, when choosing a documents folder, restrict the filetypes to documents for your application. 
openPicker.fileTypeFilter.replaceAll([".png", ".jpg", ".jpeg"]); 

// Open the picker for the user to pick a file 
openPicker.pickSingleFileAsync().then(function (file) { 
    if (file) { 
     // Application now has read/write access to the picked file 
     WinJS.log && WinJS.log("Picked photo: " + file.name, "sample", "status"); 
    } else { 
     // The picker was dismissed with no selected file 
     WinJS.log && WinJS.log("Operation cancelled.", "sample", "status"); 
    } 
}); 
+0

感谢您的指导,我想在这里显示我的资产文件夹示例图像:http://i.stack.imgur.com /7Gd7W.png – srini 2013-02-19 14:41:23

+0

使用AppBar类将文件夹名称添加到底部的应用程序栏,然后使用Flyout类添加图像。以下是一些快速入门代码示例:AppBar - http://msdn.microsoft.com/en-us/library/windows/apps/hh465309.aspx,Flyout - http://msdn.microsoft.com/en-us/library /windows/apps/hh465354.aspx – 2013-02-19 15:12:47

+0

所以这就是*你可以做到这一点,但你可能想要阅读AppBar指南http://msdn.microsoft.com/en-us/library/windows/apps/ hh465302.aspx继续。如果你的AppBar上的按钮空间多于文件夹,你会怎么做? FilePicker控件是为此目的而设计的,在这里可能是更好的选择。你可以在启动FilePicker的AppBar中放置一个按钮。 – 2013-02-19 15:17:22