Archivo de la etiqueta: Windows 8

Cómo usar el FileOpenPicker para seleccionar ficheros en las apps de Windows Store

Deja un comentario

 

Pues eso… ahora le toca el turno al FileOpenPicker el "seleccionador" de ficheros en las aplicaciones de la Tienda de Windows.

En las aplicaciones para la Tienda de Windows (Windows Store) esta es la única forma (que yo conozco) de acceder a una carpeta local (o de la red o de un disco extraíble o de un sistema de almacenamiento como Skydrive) y seleccionar un fichero.

Aunque antes hay que indicarle a la aplicación de que queremos acceder a esos sitios, para ello tendremos que abrir el fichero de manifiesto de la aplicación (Package.appxmanifest) y en la ficha Capabilities (ver figura 1) indicar que queremos utilizar el Private Networks y Removable Storage (por si queremos acceder a un disco externo/conectado por USB).

 

FileOpenPicker 02
Figura 1. Indicar las "Capabilities" de la aplicación

 

Lo siguiente que tenemos que hacer es indicar en la ficha Declarations que queremos usar el File Open Picker.

 


Figura 2. En Declarations indicamos que queremos usar el File Open Picker

 

Tal como vemos en la figura 2 tenemos que indicar al menos un tipo de fichero (Supported file type) aunque no tiene porqué ser el mismo tipo que vamos a usar, en este ejemplo he indicado ".xml" y casualmente voy a buscar ese tipo de fichero, pero como veremos en el código, también voy a indicar que me muestre los que tengan la extensión .txt (además de los .xml).

La forma de usar ese control es desde dentro de un método asíncrono (async) ya que las llamadas a los métodos para acceder al fichero son llamadas asíncronas.

En el siguiente código vemos lo que necesitamos para usar esa clase. Dependiendo del tipo de ficheros a los que queramos acceder así lo indicaremos en la colección FileTypeFilter, en este ejemplo he añadido dos tipos: .xml y .txt, pero si quisiéramos acceder a todos los tipos, habría que indicar el asterisco (*), en el ejemplo el asterisco está comentado, pero si quieres hacer pruebas, quita el comentario.

Este es el código de Visual Basic, el de C# está más abajo.

Dim openPicker As New FileOpenPicker()
openPicker.FileTypeFilter.Add(".xml")
openPicker.FileTypeFilter.Add(".txt")
'openPicker.FileTypeFilter.Add("*")
openPicker.SuggestedStartLocation = PickerLocationId.DocumentsLibrary
openPicker.ViewMode = PickerViewMode.List
Dim cfgFile As StorageFile = Await openPicker.PickSingleFileAsync()

If cfgFile Is Nothing Then Exit Sub

Dim sr = New StreamReader(Await cfgFile.OpenStreamForReadAsync)

 

Utilizando ese código podremos ver algo como la captura de la figura 3.

Figura 3. El FileOpenPicker en acción

 

Y esto es prácticamente todo… aquí te dejo el código de ejemplo de C# para que no te quejes si prefieres los puntos y comas 😉

FileOpenPicker openPicker = new FileOpenPicker();
openPicker.FileTypeFilter.Add(".xml");
openPicker.FileTypeFilter.Add("*");
openPicker.SuggestedStartLocation = PickerLocationId.DocumentsLibrary;
openPicker.ViewMode = PickerViewMode.List;
StorageFile cfgFile = await openPicker.PickSingleFileAsync();

if (cfgFile == null) return;

var sr = new StreamReader(await cfgFile.OpenStreamForReadAsync());

 

Comentarte que la clase FileOpenPicker está definida en Windows.Storage.Pickers y la clase StorageFile está definida en Windows.Storage.

Y esto ya si que es todo…

Nos vemos.

Guillermo

…

Dónde poner el ScrollViewer para poder hacer scroll (app para Windows Store)

1 respuesta

 

Pues eso… que siempre me lío y no me aclaro nunca dónde tengo que poner el "dichoso" control ScrollViewer para poder hacer scroll al contenido… ahora que lo escribo tiene su lógica… es decir, si hago la pregunta: ¿dónde lo pongo para poder hacer scroll al contenido? La respuesta es: el ScrollViewer fuera, y dentro del control pondremos lo que haya que hacer scroll… si es que… :-/

Así que, ya sabes… defines el control ScrollViewer y dentro del control pones la caja de texto o lo que sea, y a eso es a lo que podrás hacer scroll (desplazamiento).

Por ejemplo, en el siguiente código XAML tenemos un ScrollViewer que está dentro de un Grid y que contiene una caja de texto (TextBlock) y al contenido de esa caja de textos es a lo que quiero poder hacer scroll. Ese TextBlock está a su vez dentro del un StackPanel, con idea de que ahí puedas meter más cosas y todas esas cosas estarán controladas por el control  de scroll. En este código de ejemplo también hay un botón que estará debajo de la caja de texto.

<ScrollViewer ScrollViewer.VerticalScrollBarVisibility="Visible">
    <StackPanel Margin="10" 
                HorizontalAlignment="Center" 
                VerticalAlignment="Center">
        <TextBlock x:Name="txtDatos" TextWrapping="Wrap" 
                   FontSize="16" FontWeight="SemiBold"
                   Text="El contenido del fichero"
                   MinWidth="800" MinHeight="600" />
        <Button Content="Leer un fichero" Margin="0,10,0,0"
                Click="Button_Click" />
    </StackPanel>
</ScrollViewer>

En esta captura puedes ver (por decir algo) cómo queda esto al funcionar en el emulador:

Y ya está. Esto es todo amigos…

 

Nos vemos.

Guillermo

…

Mostrar un DialogBox o mensaje de diálogo en app de Windows Store

1 respuesta

 

Pues eso… que lo debo tener (y lo tengo) por ahí, pero no sé si está bien "indexado", así que… aquí pongo el ejemplo y el texto para que sea fácil de encontrar (que no de buscar).

Además te cuento que el diálogo, al usar await, no se puede mostrar dentro de un bloque try/catch, así que… hay que buscar la solución… por ejemplo usando variables que indiquen si ha habido un error y cuál es el texto del error… y después fuera del bloque de error compruebas si tienes que mostrar o no el cuadro de diálogo… por ejemplo.

Para ir abriendo boca… esta sería la forma de mostrar un cuadro de diálogo en una aplicación de Windows Store:

Lo que tienes que hacer es crear un nuevo objeto del tipo MessageDialog que está definido en Windows.UI.Popups y asignarle el valor del mensaje a mostrar (este valor se lo puedes pasar directamente en el constructor) y el título del cuadro de diálogo.

En el siguiente ejemplo se muestra el cuadro de diálogo usando el texto que están en dos variables.

Fíjate que hay que usar await para llamar al método ShowAsync, por tanto la llamada se debe hacer desde un método que también sea asíncrono (hay que usar la cláusula async en la definición del método).

En Visual Basic:

Dim dlg = New Windows.UI.Popups.MessageDialog(sMsg)
dlg.Title = sTitle
Await dlg.ShowAsync()

 

En C#:

var dlg = new Windows.UI.Popups.MessageDialog(sMsg);
dlg.Title = sTitle;
await dlg.ShowAsync();

El resultado sería el mostrado en la figura 1:

Figura 1. Mostrando un mensaje al estilo de DialogBox

 

Bueno, pues esto es todo lo que quería contarte/contarme… ya que en realidad muchas de estas cosas las uso para mí mismo, que con la memoria que tengo… pues eso… 😉

 

Nos vemos.

Guillermo

…