OpenFileDialog com SilverLight

Aplicações SilverLight
para navegador não podem acessar arquivos no disco rígido do
usuário. Embora o Silverlight contenha o namespace System.IO
e classes como Files e Directory,
não podemos escrever um código que leia um arquivo que resida
no disco do usuário por questão de segurança.

Se o usuário permitir ao
Silverlight acessar um arquivo, o aplicativo tem acesso somente
à leitura para o arquivo. O usuário pode permitir que um
aplicativo acesse um arquivo através do uso do OpenFileDialog.
Essa classe existe no Silverlight e é muito semelhante à classe
de mesmo nome usada no WPF e no Windows Forms. Podemos
especificar se o usuário pode selecionar um único arquivo,
especificar os tipos de arquivos permitidos etc.

Neste artigo, vamos dar uma
olhada no uso da classe no SilverLight.

Eu estou usando o Visual Web Developer
2010 Express Edition
nos exemplos citados neste artigo.

Lendo
um arquivo usando o OpenFileDialog

Vamos supor que
queremos ler um arquivo de texto, atualmente localizado no
desktop. Por padrão, o Silverlight não pode ler esse arquivo,
por isso precisamos de entrada do usuário para permitir acesso
ao arquivo. A localização do arquivo é de fato irrelevante.

Para abrir o arquivo em
Silverlight, precisamos usar a caixa de diálogo OpenFileDialog.

Vamos abrir então o Visual
Web Developer 2010 Express Edition e criar um novo
projeto (File-> New Project) usando a linguagem C# e o template
SilverLight Application com o nome UsandoOpenFileDialog:

Na janela “New
SilverLight Application”, vamos marcar a opção “Host
the SilverLight Application in a new Web Site” e usar o SilverLight
3.

Será criada uma solução
contendo dois projetos:

1. Projeto SilverLight – UsandoOpenFileDialog
2. Projeto Web – UsandoOpenFileDialog.Web

Selecione o projeto
SilverLight e no menu Project -> Add Existing
Item…

Inclua um arquivo de imagem chamado folder.png
que iremos exibir na
aplicação SilverLight.

Selecione e abra o arquivo MainPage.xaml e inclua nesse arquivo os seguintes controles:

• TextBox
• Image

• StackPanel

– TextBlock
– Button
– TextBlock
– Button

• TextBlock

Definindo o seguinte leiaute nesta janela:

Na janela temos dois botões:

1. O primeiro botão permite ao usuário abrir um arquivo texto exibindo o seu conteúdo no controle TextBox = FileTextBox.
2. O segundo botão permite selecionar mais de um arquivo texto exibindo o conteúdo de cada um deles no controle TextBox = FileTextBox.

O código XAML usado no arquivo MainPage.xaml é dado a seguir:

<UserControl x:Class="UsandoOpenFileDialog.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="400" d:DesignWidth="500">

    <Grid x:Name="LayoutRoot" Background="White" Width="400" Height="400">
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="40"></RowDefinition>
            <RowDefinition Height="3*"></RowDefinition>
            <RowDefinition Height="7*"></RowDefinition>
        </Grid.RowDefinitions>
        <TextBlock Text="OpenFileDialog Exemplo" Grid.ColumnSpan="2" FontSize="22" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>
        <Image Source="folder.png" Width="100" Height="100" Grid.Row="1" Grid.RowSpan="2" Margin="3"></Image>
        <StackPanel Grid.Row="1" Margin="173,3,3,3" Grid.ColumnSpan="2">
            <TextBlock Text="Selecione um arquivo texto"></TextBlock>
            <Button Content="Procurar..." Width="100" Height="30" Name="OpenFileButton" Click="OpenFileButton_Click"></Button>
            <TextBlock Text="Selecione mais de um arquivo texto"></TextBlock>
            <Button Content="Procurar..." Width="100" Height="30" Name="OpenMultipleFileButton"  Click="OpenMultipleFileButton_Click"></Button>
        </StackPanel>
        <TextBox Grid.Row="2" IsReadOnly="True" Margin="173,5,5,0" TextWrapping="Wrap" Name="FileTextBox" VerticalScrollBarVisibility="Visible" Grid.ColumnSpan="2"></TextBox>
    </Grid>
</UserControl>

No code-behind do arquivo MainPage.xaml.cs vamos definir o código nos eventos Click de cada um dos botões nos quais vamos usar a classe OpenFileDialog.

Os namespaces definidos no arquivo são:

• using System.Windows;
• using System.Windows.Controls;
• using System.IO;

No início do arquivo, após a declaração da classe, vamos definir a variável objeto do tipo OpenFileDialog:

private OpenFileDialog _openFileDialog;

Na classe MainPage() defina o código abaixo, no qual criamos uma instância da classe OpenFileDialog() que iremos usar no projeto:

public MainPage()
 {
        InitializeComponent();
      _openFileDialog = new OpenFileDialog();
}

1. Código do evento OpenFileButton_Click: Abre um arquivo texto (MultiSelect=false)

/// <summary>

        /// Lê um único arquivo texto

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param>

        private void OpenFileButton_Click(object sender, RoutedEventArgs e)

        {

    
            //define o filtro para arquivo texto e desabilita a seleção múltipla

            _openFileDialog.Filter = "Text Files (.txt)|*.txt|All Files (*.*)|*.*";

            _openFileDialog.Multiselect = false;


            bool? dialogResultado = _openFileDialog.ShowDialog();


            if (dialogResultado.HasValue 
        && dialogResultado.Value)

            {

               
                Stream fileStream = _openFileDialog.File.OpenRead();

                using (StreamReader reader = new StreamReader(fileStream))

                {

                    FileTextBox.Text = reader.ReadToEnd();

                }

                fileStream.Close();

            }

        }

2. Código do evento OpenMultipleFileButton_Click: abre mais de um arquivo texto (MultiSelect=true)

 /// <summary>

        /// Le multiplos arquivos textos

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param> 
        

        private void OpenMultipleFileButton_Click(object sender, RoutedEventArgs e)

        {

            _openFileDialog.Filter = 
        "Text Files (.txt)|*.txt|All Files (*.*)|*.*";

            _openFileDialog.Multiselect = true;


         

            bool? dialogResult = _openFileDialog.ShowDialog();


            if (dialogResult.HasValue 
        && dialogResult.Value)

            {

                FileTextBox.Text = string.Empty;

                foreach (var file in _openFileDialog.Files)

                {

                  
                    Stream fileStream = file.OpenRead();

                    using (StreamReader reader = new StreamReader(fileStream))

                    {

                        FileTextBox.Text += reader.ReadToEnd();

                    }

                    fileStream.Close();

                }

            }

        }

O código usado em ambos os eventos é similar.

Usamos o método ShowDialog() da classe OpenFileDialog() que retorna um valor Booleano Nullable que indica a seleção do usuário.

Se foi feita uma seleção, a caixa de diálogo retorna true; quando o usuário clica em OK, a caixa de diálogo retorna true; Se o usuário cancela a seleção, é retornado false;

Para a permissão com uma seleção única, fazemos o acesso ao arquivo usando o File.OpenRead ().

A propriedade do arquivo é do tipo FileInfo e normalmente um FileInfo também contém informações sobre a localização do arquivo. No entanto, essa informação não está disponível para o aplicativo Silverlight. (Recebemos uma SecurityException se tentarmos acessar o arquivo).

O arquivo é aberto somente para leitura.

No código que permite a seleção de mais de um arquivo, o diálogo preenche sua propriedade Files, um “IEnumerable” de instâncias FileInfo e para acessar os arquivos usamos um laço foreach para ler cada arquivo selecionado usando um stream e o método ReadToEnd();

Executando o projeto, iremos obter:

1. A apresentação da página ao usuário:

2. O usuário clica em um dos botões e a janela OpenFileDialog (Abrir) é aberta para seleção do arquivo(s):

3. Após a seleção, o arquivo tem o seu conteúdo exibido na janela:

Como a abertura de um arquivo tem implicações de segurança, você não pode simplesmente colocar esse código onde quiser. A interação do usuário com a aplicação é necessária antes que o OpenFileDialog possa ser chamado. Essencialmente, isso significa que podemos usar o código a partir de um evento de clique de botão, mas não no construtor de um UserControl.

Pegue o projeto completo aqui: UsandoOpenFileDialogSVL.zip