1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
|
---
title: Introdução
slug: Tutorial_XUL/Introdução
tags:
- PrecisaDeAtualização
- Todas_as_Categorias
- Tutorial_XUL
- XUL
---
<p> </p>
<p>Este tutorial guiará você no aprendizado de <a href="pt/XUL">XUL</a> (<a href="pt/XML">XML</a> User Interface Language), que é uma linguagem multi-plataforma para descrever interfaces (usuário) de aplicações.</p>
<p>Este tutorial demonstrará a criação de uma interface simples de procura de arquivos, similar à provida pelo Sherlock do Macintosh ou o diálogo de procura de arquivos no Windows. Note que só será criada a interface do usuário, junto com algumas funcionalidades limitadas. A procura real por arquivos não será implementada. Uma linha azul aparecerá à esquerda de um parágrafo quando o diálogo de procura de arquivos tiver sido modificado. Você pode seguir através dessas sessões.</p>
<h3 id="O_que_.C3.A9_XUL_e_por_que_foi_criado.3F" name="O_que_.C3.A9_XUL_e_por_que_foi_criado.3F">O que é XUL e por que foi criado?</h3>
<p><abbr title="XML User-interface Language">XUL</abbr> (pronouncia-se zúl, quase como azul - ou cool, em inglês) foi criado para tornar o desenvolvimento do navegador Mozilla mais fácil e rápido. É uma linguagem <abbr title="eXtensible Markup Language">XML</abbr> de modo que todas as características disponíveis para XML estão também disponíveis para XUL.</p>
<p>A maioria das aplicações precisa ser desenvolvida usando características de uma plataforma específica, o que torna a construção de software multi-plataforma cara e demorada. Isso pode não ser importante para alguns, mas usuários podem desejar usar uma aplicação em outros dispositivos tais como computadores de mão.</p>
<p>Um número de soluções multi-plataformas foi desenvolvido no passado. Java, por exemplo, tem portabilidade como um ponto chave. XUL é um projeto de linguagem semelhante especificamente projetado para a criação de interfaces de usuário portáteis.</p>
<p>É levado um longo tempo para construir uma aplicação, mesmo para uma só plataforma. O tempo necessário para compilar e depurar pode ser longo. Com XUL, uma interface pode ser implementada e modificada rápida e facilmente.</p>
<p>XUL tem todas as vantagens de outras linguagens XML. Por exemplo, <abbr title="eXtensible HyperText Markup Language">XHTML</abbr> ou outras linguagens XML tais como o <abbr title="Math Markup Language">MathML</abbr> ou o <abbr title="Scalable Vector Graphics">SVG</abbr> podem ser inseridas nela. Além disso, texto apresentado com XUL é facilmente localizável, o que significa que pode ser traduzido para outros idiomas com pouco esforço. Folhas de estilo podem ser aplicadas para modificar a aparência da interface de usuário (como os skins ou características de temas no WinAmp ou alguns gerenciadores de janelas).</p>
<h3 id="Que_esp.C3.A9cies_de_interfaces_para_usu.C3.A1rio_podem_ser_feitas_com_XUL.3F" name="Que_esp.C3.A9cies_de_interfaces_para_usu.C3.A1rio_podem_ser_feitas_com_XUL.3F">Que espécies de interfaces para usuário podem ser feitas com XUL?</h3>
<p>XUL provê a capacidade de criar a maioria dos elementos encontrados em interfaces gráficas modernas. É genérico o suficiente para que possa ser aplicado às necessidades especiais de certos dispositivos e poderoso o suficiente para que desenvolvedores possam criar interfaces sofisticadas com ele.</p>
<p>Alguns elementos que podem ser criados são:</p>
<ul>
<li>Controles de entrada tais como caixas de texto e de checagens (textboxes e checkboxes)</li>
<li>Barras de ferramentas com botões ou outros conteúdos</li>
<li>Menus em uma barra de menus or menus flutuantes (pop ups)</li>
<li>Diálogos organizados em abas</li>
<li>Árvores para informação hierárquica ou tabular</li>
<li>Atalhos de teclado</li>
</ul>
<p>O conteúdo exibido pode ser criado a partir de arquivos XUL ou com dados vindos de uma fonte de dados (datasource). No Mozilla, tais fontes de dados incluem uma caixa de correios de usuário, seus marcadores e resultados de buscas. O conteúdo de menus, árvores e outros elementos pode ser habitado com esses dados, ou com seus próprios dados supridos por um arquivo RDF.</p>
<p>O conteúdo XUL pode ser lido de um arquivo local ou de um site remoto. Pode também ser empacotado em um instalador que o usuário copie através de download e instale. Este último método dá à aplicação privilégios adicionais, tais como leitura de arquivos locais e modificação das preferências do usuário.</p>
<p>XUL é atualmente armazenado em arquivos com a extensão .xul. Você pode abrir um arquivo XUL com o Mozilla tanto como com qualquer outro arquivo, usando o comando Abrir Arquivo do menu Arquivo ou escrevendo a URL na barra de endereços.</p>
<p>Quando lendo conteúdo XUL de um site remoto, você deve configurar seu servidor web para enviar arquivos XUL com o tipo de conteúdo 'application/vnd.mozilla.xul+xml'.</p>
<h3 id="O_que_preciso_saber_para_usar_este_tutorial.3F" name="O_que_preciso_saber_para_usar_este_tutorial.3F">O que preciso saber para usar este tutorial?</h3>
<p>Você precisa ter um conhecimento de <a href="pt/HTML">HTML</a> e um mínimo de conhecimento básico de <a href="pt/XML">XML</a> e <a href="pt/CSS">CSS</a>. Aqui estão algumas normas para manter em mente:</p>
<ul>
<li>Todos os elementos e atributos XUL precisam ser escritos em caixa baixa (todos minúsculos), visto que XML é sensível à caixa (diferente de HTML).</li>
<li>Valores de atributo em XML devem ser colocados entre aspas, mesmo que sejam números.</li>
<li>Arquivos XUL são usualmente divididos em quatro arquivos, um deles para esboço e elementos, para declarações de estilo, para declarações de entidade (usadas para localização) e para scripts. Adicionalmente, você pode ter arquivos extra para imagens ou para dados específicos da plataforma.</li>
</ul>
<p>XUL é suportado no Mozilla e em navegadores baseados nele, tais como o Netscape 6 ou posterior e Mozilla Firefox. Devido a várias mudanças na sintaxe XUL através do tempo, você deverá pegar a última versão para os exemplos funcionarem corretamente.</p>
|
