O Bloggueiro

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
No meu artigo anterior escrevi uma <a href="http://www.obloggueiro.pt/2014/04/introducao-linguagem-vala.html" target="_blank">Introdução a Linguagem Vala</a>, neste artigo vou ensinar como Criar aplicativos simples usando o <a href="https://wiki.gnome.org/Projects/Vala/Tutorial" target="_blank">Tutorial Oficial</a>. Para começar-mos vamos instalar o compilador vala, digitando o seguinte comando numa janela de terminal:</div>
<div style="text-align: justify;">
 </div>
<blockquote class="tr_bq" style="text-align: justify;">
<pre class="prettyprint prettyprinted" style="background-color: ghostwhite; border: 1px solid rgb(136, 136, 136); color: #333333; padding: 5px; text-align: start;">apt-get install valac libgtk-3-dev</pre>
</blockquote>
<div style="text-align: justify;">
OBS 1; Este comando é para um sistema Linux/Debian, caso esteja a usar um sistema diferente recomendo que faça uma pesquisa rápida na Internet  para instalar o compilador vala no o seu sistema.</div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
OBS 2; Iram reparar que aparecem algumas frases em Português nos códigos que vou usar para criar as aplicações, mas os códigos originais no tutorial Oficial usam apenas frases em Inglês.</div>
<div style="text-align: justify;">
 </div>
<h3 style="text-align: justify;">
Aplicação simples "Olá Mundo";</h3>
<div style="text-align: justify;">
Começamos por criar um arquivo de texto e vamos dar-lhe o nome de "hello.vala", depois de criado o arquivo abram-no e colem lá este código;</div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
<blockquote class="tr_bq">
<pre class="prettyprint prettyprinted" style="background-color: ghostwhite; border: 1px solid rgb(136, 136, 136); padding: 5px; text-align: start;">int main() {
<div style="text-align: justify;">
 print("Olá Mundo\n");</div>

 return 0;
}</pre>
</blockquote>
Guarda-mos as alterações ao ficheiro, feito isto abrimos um terminal no local onde acabamos de guardar o ficheiro que acabamos de criar, digitamos no terminal o seguinte comando; 
 
<blockquote class="tr_bq" style="background-color: ghostwhite; border: 1px solid rgb(136, 136, 136); color: #333333; padding: 5px; text-align: start;">
valac "hello.vala" -o hello</blockquote>
Isso irá criar um arquivo executável chamado "hello" no directório actual. Execute o arquivo a partir de um terminal usando o seguinte comando; 
 
<blockquote class="tr_bq">
<pre class="prettyprint prettyprinted" style="background-color: ghostwhite; border: 1px solid rgb(136, 136, 136); color: #333333; padding: 5px; text-align: start;">./hello</pre>
</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm_j9a64owvgt-oFuC0n2c5baOhXiGXGEJdnhCJFCVfa6rZBvhsHyM9cYhUEeLKOZ7GGFdwJzrtMeyDbEKTNICAJ2IjN6im2NhXgJEc71pcYpkc89UGRyn97F1fdfyhDk5wXCQSQoZ5fJ3/s1600/Captura+de+ecr%C3%A3+-+22-04-2014+-+15:52:33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm_j9a64owvgt-oFuC0n2c5baOhXiGXGEJdnhCJFCVfa6rZBvhsHyM9cYhUEeLKOZ7GGFdwJzrtMeyDbEKTNICAJ2IjN6im2NhXgJEc71pcYpkc89UGRyn97F1fdfyhDk5wXCQSQoZ5fJ3/s1600/Captura+de+ecr%C3%A3+-+22-04-2014+-+15:52:33.png" width="320" /></a></div>
<div style="text-align: justify;">
 </div>
<h3 style="text-align: justify;">
Aplicação simples "Olá mundo" usando objetos;</h3>
<div>
Aqui está o mesmo exemplo escrito novamente, desta vez usando recursos orientados a objectos Vala. O programa vai simplesmente exibir o primeiro argumento que é passado para ele. Para isso criamos um novo arquivo de texto com o nome de "hello2.vala", depois inserimos este código no arquivo e guarda-mos as alterações;</div>
<div>
 </div>
<blockquote class="tr_bq">
<pre class="prettyprint prettyprinted" style="background-color: ghostwhite; border: 1px solid rgb(136, 136, 136); color: #333333; padding: 5px; text-align: start;">class Example : GLib.Object {

public static void main(string[] args) {
 var ex = new Example();
 if (args.length < 2)
 print("Hello World\n");
 else
 ex.display(args[1]);
 }

void display(string message) {
 stdout.printf(message + "\n");
 }
}</pre>
</blockquote>
Agora vamos compilar o arquivo abrindo um terminal no local onde temos arquivo que acabamos de criar, digitamos no terminal o seguinte comando; 
 
<blockquote class="tr_bq">
<pre class="prettyprint prettyprinted" style="background-color: ghostwhite; border: 1px solid rgb(136, 136, 136); color: #333333; padding: 5px; text-align: start;">valac "hello2.vala" -o hello2</pre>
</blockquote>
Isso irá criar um arquivo executável chamado "hello" no directório actual. Execute o arquivo a partir de um terminal usando o seguinte comando; 
 
<blockquote class="tr_bq">
<pre class="prettyprint prettyprinted" style="background-color: ghostwhite; border: 1px solid rgb(136, 136, 136); color: #333333; padding: 5px; text-align: start;">./hello2 "Welcome to Vala"</pre>
</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRE7fbhYvwWayYIUmVukIKStQ0NIrmmuDwt_9pYByWSWTPt3cX_spudk9ZgVTlUPauzwAOba-P-oOuAte6bglPOnr2fgEHEQg7KCNcxflzpxzKC7sZA9yJzjz-2hlT_BsYyJdpfzD2Qcz6/s1600/Captura+de+ecr%C3%A3+-+22-04-2014+-+16:03:35.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRE7fbhYvwWayYIUmVukIKStQ0NIrmmuDwt_9pYByWSWTPt3cX_spudk9ZgVTlUPauzwAOba-P-oOuAte6bglPOnr2fgEHEQg7KCNcxflzpxzKC7sZA9yJzjz-2hlT_BsYyJdpfzD2Qcz6/s1600/Captura+de+ecr%C3%A3+-+22-04-2014+-+16:03:35.png" width="320" /></a></div>
<div style="text-align: center;">
 </div>
<h3 style="text-align: justify;">
Aplicação simples GUI usando GTK</h3>
<div>
Agora iremos aprender a criar uma aplicação que pode realmente ser útil. Vamos criar uma aplicação GUI para eliminar os "Documentos Recentes" do histórico de um PC Linux/Debian. Vamos criar um novo arquivo de texto com o nome de "app1.vala", depois inserimos este código no arquivo e guarda-mos as alterações;</div>
<div>
 </div>
<blockquote class="tr_bq">
<pre class="prettyprint prettyprinted" style="background-color: ghostwhite; border: 1px solid rgb(136, 136, 136); color: #333333; padding: 5px; text-align: start;">using Gtk;

class MainWindow : Window {

var window = new MainWindow (); //Cria uma Janela
 window.destroy.connect (Gtk.main_quit); //Sai do aplicativo depois de fechar a Janela
 window.show_all (); //Torna todos os widgets visíveis

Gtk.main(); //Inicia o loop principal

return 0;
 }

public MainWindow()
 {
 this.title = "Minha 1ª App";
 this.border_width = 10;
 this.set_default_size (250, 60);
 this.window_position = WindowPosition.CENTER;
 this.destroy.connect(Gtk.main_quit); //Sai do aplicativo quando a janela é fechada

var btnClear = new Button.with_label ("Apagar Documentos Recentes");
 btnClear.clicked.connect (clear_history); //Liga o evento à função
 add(btnClear); //Adiciona botão a janela
 }

try {
 Process.spawn_command_line_sync (@"rm $HOME/.local/share/recently-used.xbel");
 Process.spawn_command_line_sync (@"touch $HOME/.local/share/recently-used.xbel");
 messagebox_show ("Sucesso", "Histórico de documentos recentes eliminado");
 }
 catch (Error e){
 string msg = e.message;
 stderr.printf(msg);
 messagebox_show ("Error", msg);
 }
 }

public void messagebox_show(string title, string message)
 {
 var dialog = new Gtk.MessageDialog(
 null,
 Gtk.DialogFlags.MODAL, 
 Gtk.MessageType.INFO, 
 Gtk.ButtonsType.OK, 
 message);
 
 dialog.set_title(title);
 dialog.run();
 dialog.destroy();
 }
}</pre>
</blockquote>
Temos o código escrito para a criação de uma janela simples com um único botão. O evento Click do botão está ligado à função clear_history (). O clear_history () função executa comandos para eliminar um arquivo na sua pasta pessoal. Este arquivo contém a lista de documentos que foram recentemente acessados por você. 
 
Agora vamos compilar o arquivo abrindo um terminal no local onde temos arquivo que acabamos de criar, digitamos no terminal o seguinte comando; 
 
<blockquote class="tr_bq">
<pre class="prettyprint prettyprinted" style="background-color: ghostwhite; border: 1px solid rgb(136, 136, 136); color: #333333; padding: 5px; text-align: start;">valac --pkg gtk+-3.0 "app1.vala" -o app1</pre>
</blockquote>
A biblioteca GTK3 contém uma coleção de classes para criar widgets como janelas e botões. Uma vez que estamos criando um aplicativo GTK, precisamos linkar o programa com a biblioteca GTK3 (isto é semelhante a adicionar uma referência a um arquivo DLL no projeto C#). 
 
O "-- pkg gtk + -3.0" argumento diz ao compilador Vala para fazer a ligação. Podemos adicionar vários "-- pkg" argumentos para cada biblioteca usada pela nossa aplicação. Você pode consultar o <a href="http://valadoc.org/#!wiki=index" target="_blank">site oficial ValaDoc</a> para a lista completa de bibliotecas que você pode usar em seus projectos. 
 
Vou recomendar que você mantenha esta página aberta numa janela de navegador quando você está programando com Vala. Ele permitirá que você procurar rapidamente bibliotecas e funções que você pode usar em seu projeto. Ele contém a referência completa para tudo que você precisa saber sobre como usar as classes e funções built-in. 
 
Execute o arquivo a partir de um terminal usando o seguinte comando; 
 
<blockquote class="tr_bq">
<pre class="prettyprint prettyprinted" style="background-color: ghostwhite; border: 1px solid rgb(136, 136, 136); color: #333333; padding: 5px; text-align: start;">./app1</pre>
</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMKtYZ5JacuSTanoUcR6wDQuoSQKKOSbeTagPJIMfiFFuWRuE_eRB178fiCYkSk9AXpJfluNhz3eLKhmAVuhrOoJpnVDQJkU1rjNM3I45RsZuvUfgE8yvOcWkOY0rGAI6kg7TgxxXwNcq0/s1600/Captura+de+ecr%C3%A3+-+22-04-2014+-+16:51:26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMKtYZ5JacuSTanoUcR6wDQuoSQKKOSbeTagPJIMfiFFuWRuE_eRB178fiCYkSk9AXpJfluNhz3eLKhmAVuhrOoJpnVDQJkU1rjNM3I45RsZuvUfgE8yvOcWkOY0rGAI6kg7TgxxXwNcq0/s1600/Captura+de+ecr%C3%A3+-+22-04-2014+-+16:51:26.png" width="320" /></a></div>
<div style="text-align: center;">
 </div>
<div style="text-align: justify;">
Clique no botão "Apagar Documentos recentes" para limpar o seu histórico;</div>
<div style="text-align: justify;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpnvEU8MSBqHwnILwul7wPryPCEVM3MgorY-N9m6jWgmpr2zDFZHLKiGv9CfkH-uf05O8WeJkvfg4UJFpSfy4p4lcI9VjH4can-p9hUUMLeCM_7iKHabH00-8hys9s6ZJ83ECkzMUVzUmg/s1600/Captura+de+ecr%C3%A3+-+22-04-2014+-+16:51:53.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpnvEU8MSBqHwnILwul7wPryPCEVM3MgorY-N9m6jWgmpr2zDFZHLKiGv9CfkH-uf05O8WeJkvfg4UJFpSfy4p4lcI9VjH4can-p9hUUMLeCM_7iKHabH00-8hys9s6ZJ83ECkzMUVzUmg/s1600/Captura+de+ecr%C3%A3+-+22-04-2014+-+16:51:53.png" width="320" /></a></div>
<div style="text-align: center;">
 </div>
<div style="text-align: justify;">
Como esta é uma aplicação GUI, também pode executá-lo clicando duas vezes no arquivo do Nautilus ou qualquer outro gerenciador de arquivos. Executando-o a partir de uma janela de terminal é melhor porque será capaz de ver as mensagens que o programa grava na saída padrão (stdout) e erro padrão (stderr).</div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
Clicando em <a href="https://wiki.gnome.org/Projects/Vala/GTKSample" style="color: red; font-weight: bold;" target="_blank">Exemplos GTK</a>, poderá ver mais alguns exemplos GTK.</div>
<div style="text-align: justify;">
 </div>
<div style="text-align: right;">
Fonte; <a href="http://www.teejeetech.in/" target="_blank">TeeJee Tech</a></div>
</div>
</div>