O Bloggueiro

Criar uma Barras de Ferramentas [Vala]

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="tr_bq" style="text-align: justify;">
-A barra de ferramentas fornece um conjunto bem organizado de ícones/botões para a execução de vários comandos ou ações. Ao contrário de um menu que também é utilizado para a execução de ações, as barras de ferramentas estão sempre visíveis para o usuário e de fácil acesso.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
As barras de ferramentas podem ser utilizadas quando há várias ações que precisam ser apresentados para o usuário. Em vez de fornecer um botão para cada ação, uma barra de ferramentas pode ser usado em seu lugar.</div>
<div style="text-align: justify;">
<br /></div>
<h4 style="text-align: justify;">
Criar uma barra de ferramentas;</h4>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Salve o seguinte código como <b>app2.vala</b></div>
<blockquote style="text-align: justify;">
using Gtk;<br />
class MainWindow : Window  {<br />
  public static int main (string[] args)<br />
  {<br />
    Gtk.init(ref args);  //Gtk intialization<br />
    var window = new MainWindow (); //Create a window<br />
    window.destroy.connect (Gtk.main_quit); //Quit app after window is closed<br />
    window.show_all (); //Makes all widgets visible<br />
    Gtk.main(); //Start the main loop<br />
    return 0;<br />
  }<br />
  public MainWindow()<br />
  {<br />
    this.title = "Toolbars";<br />
    this.set_default_size (250, 60);<br />
    this.window_position = WindowPosition.CENTER;<br />
    this.destroy.connect(Gtk.main_quit); //Quit app when window is closed<br />
    // vboxMain<br />
    var vboxMain = new Box (Orientation.VERTICAL, 0);<br />
    add (vboxMain);<br />
    // Create Toolbar<br />
    var toolbar = new Gtk.Toolbar ();<br />
    toolbar.toolbar_style = ToolbarStyle.BOTH_HORIZ;<br />
    toolbar.get_style_context().add_class(Gtk.STYLE_CLASS_PRIMARY_TOOLBAR);<br />
    vboxMain.pack_start (toolbar, false, false, 0);<br />
    // Create Toolbar buttons<br />
    var btnAdd = new Gtk.ToolButton.from_stock (Gtk.Stock.ADD);<br />
    btnAdd.is_important = true;<br />
    toolbar.add (btnAdd);<br />
    var btnRemove = new Gtk.ToolButton.from_stock (Gtk.Stock.REMOVE);<br />
    toolbar.add (btnRemove);<br />
    var btnClear = new Gtk.ToolButton.from_stock (Gtk.Stock.CLEAR);<br />
    toolbar.add (btnClear);<br />
    // Create a treeview showing a list of Items<br />
    var treeview = new TreeView();<br />
    treeview.insert_column_with_attributes (-1, "Item", new CellRendererText(), "text", 0);<br />
    // Add the treeview to a scrollable window<br />
    var scrolledwin = new ScrolledWindow(treeview.get_hadjustment (), treeview.get_vadjustment ());<br />
    scrolledwin.set_shadow_type (ShadowType.ETCHED_IN);<br />
    scrolledwin.add (treeview);<br />
    scrolledwin.set_size_request (-1, 150);<br />
    vboxMain.pack_start (scrolledwin, true, true, 0);<br />
  }<br />
}</blockquote>
<div style="text-align: justify;">
 Vamos <b>compilá-lo</b> com o seguinte comando:</div>
<blockquote class="tr_bq" style="text-align: justify;">
valac --pkg gtk+-3.0 app2.vala -o app2</blockquote>
<div style="text-align: justify;">
 Agora para o executar vamos abrir um Terminal no lucal onde temos o Ficheiro <b>app2.vala</b> e executa-lo com o seguinte comando;</div>
<blockquote class="tr_bq" style="text-align: justify;">
./app2</blockquote>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdI-b9A9jwTZCAzBNrAR6jU5mvCDwp59XaiYqZ-NrPRe_qKUUFUKbaQ-6zO2bbteG_nH854sqbMzCPXeFcb9Vo0Q1wYptIakhhRakMHZ0IG9FOAGKxIASTJ4oYWX_QVltxAyqpgTDmy3E_/s1600/Captura+de+ecr%C3%A3+-+07-06-2014+-+01:31:19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdI-b9A9jwTZCAzBNrAR6jU5mvCDwp59XaiYqZ-NrPRe_qKUUFUKbaQ-6zO2bbteG_nH854sqbMzCPXeFcb9Vo0Q1wYptIakhhRakMHZ0IG9FOAGKxIASTJ4oYWX_QVltxAyqpgTDmy3E_/s1600/Captura+de+ecr%C3%A3+-+07-06-2014+-+01:31:19.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Vamos agora adicionar um botão acrescentando o seguinte código;</div>
<blockquote class="tr_bq" style="clear: both; text-align: justify;">
var btnAdd = new Gtk.ToolButton.from_stock (Gtk.Stock.ADD);<br />
btnAdd.is_important = true;<br />
toolbar.add (btnAdd);</blockquote>
<div style="text-align: justify;">
Criamos o botão da barra de ferramentas usando o construtor <b>ToolButton.from_stock ()</b>. Esse construtor cria um botão com um <b>ícone padrão</b> e <b>texto padrão</b>. O ícone é definido a partir do tema de ícones do sistema e que o texto é definido com base no idioma do sistema. O ícone e o texto também podem ser configurados manualmente. </div>
<div style="text-align: justify;">
<br /></div>
<h4 style="text-align: justify;">
Vamos definir o estilo;</h4>
<blockquote class="tr_bq" style="text-align: justify;">
toolbar.toolbar_style = ToolbarStyle.BOTH_HORIZ;</blockquote>
<div style="text-align: justify;">
</div>
<ul>
<li><b>ToolbarStyle.ICONS</b> - Somente os ícones são exibidos.</li>
<li><b>ToolbarStyle.TEXT</b> - Somente os rótulos são exibidos.</li>
<li><b>ToolbarStyle.BOTH</b> - Rótulo será exibido verticalmente abaixo do ícone para todos os botões da barra de ferramentas.</li>
<li><b>ToolbarStyle.BOTH_HORIZ</b> (<i>Recomendado</i>) - Rótulo será exibido horizontalmente para a direita do ícone. Etiqueta é exibida somente se a propriedade "<b>is_important</b>" é verdadeiro para o <b>ToolButton</b>. Esta propriedade tem de ser ajustada manualmente para os botões que devem mostrar o rótulo.</li>
</ul>
<br />
<h4 style="text-align: justify;">
Vamos agora especificar os botões importantes;</h4>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Defina o <b>is_important</b> propriedade para <b>TRUE</b> para todos os botões da barra de ferramentas que são importantes. <b>Labels</b> será exibido para esses itens quando o estilo da barra de ferramentas é <b>BOTH_HORIZ</b>.</div>
<div style="text-align: justify;">
<br /></div>
<h4 style="text-align: justify;">
Agora definimos o fundo;</h4>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>GTK3</b> tem uma opção para especificar se uma barra de ferramentas em particular é a barra de ferramentas principal numa janela. A barra de ferramentas principal será <b>highlighed</b> com um agradável efeito de fundo, se o tema <b>GTK</b> suportar o estilo.</div>
<blockquote class="tr_bq" style="text-align: justify;">
toolbar.get_style_context().add_class(Gtk.STYLE_CLASS_PRIMARY_TOOLBAR);</blockquote>
<div style="text-align: justify;">
Por favor, note que todos os temas <b>GTK3</b> não suportam esta propriedade.</div>
<div style="text-align: justify;">
<br /></div>
<h4 style="text-align: justify;">
Colocar botões à direita;</h4>
<div style="text-align: justify;">
Adicionar um separador e definir o empate e expandir as propriedades como mostrado abaixo. Todos os itens adicionados após o separador serão colocados no lado direito da barra de ferramentas.<br />
<blockquote class="tr_bq" style="text-align: left;">
var separator = new Gtk.SeparatorToolItem();<br />separator.set_draw (false);<br />separator.set_expand (true);<br />toolbar.add (separator);</blockquote>
<br />
<blockquote class="tr_bq" style="text-align: left;">
var btnSettings = new Gtk.ToolButton.from_stock<br />(Gtk.Stock.PREFERENCES);<br />toolbar.add (btnSettings);</blockquote>
 A imagem que se segue, mostra este ultimo <b>botão</b> adicionado a <b>Barra de Ferramentas</b>;<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirxSGqhjaeDjJ4_2U94l_YoLTxd-Vonf2OE5fQy9rQuSbEPBmC1T9vt9A0WSdoDkBxzWw7ZBA75PNMr1z4OyYLHMgNYX4y3Q0jRPaIrkC0xJ-aVXRd08pSE6p8hb6Yytf2BUh5Hnp1oX_E/s1600/Captura+de+ecr%C3%A3+-+07-06-2014+-+02:32:14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirxSGqhjaeDjJ4_2U94l_YoLTxd-Vonf2OE5fQy9rQuSbEPBmC1T9vt9A0WSdoDkBxzWw7ZBA75PNMr1z4OyYLHMgNYX4y3Q0jRPaIrkC0xJ-aVXRd08pSE6p8hb6Yytf2BUh5Hnp1oX_E/s1600/Captura+de+ecr%C3%A3+-+07-06-2014+-+02:32:14.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
<span style="font-size: x-small;">Fonte; <b><a href="http://www.teejeetech.in/" target="_blank"><span style="color: red;">TeeJee Tech</span></a></b></span></div>
<div style="text-align: right;">
<span style="font-size: x-small;"><b><br /></b></span></div>
<div style="text-align: justify;">
Deixem os vossos comentários a respeito deste artigo.</div>
</div>
<div style="text-align: justify;">
</div>
</div>

Criar uma Barras de Ferramentas [Vala]

-A barra de ferramentas fornece um conjunto bem organizado de ícones/botões para a execução de vários comandos ou ações. Ao contrário de u...

Ler mais »

10:00:00 da manhã

O preço da Arrogância!!!

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Um usuário do Facebook partilhou no seu mural um video onde podemos ouvir uma transmissão de rádio entre um <b>Navio da Marinha Americana</b> e o <b>Noroeste de Espanha</b>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
Por esta eles não esperavam!!!</div>
<div style="text-align: center;">
E depois só dizem "<b>OK, recebido. Desligo.</b>"</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<div id="fb-root">
</div>
<script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/pt_PT/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

<br />
<div class="fb-post" data-href="https://www.facebook.com/photo.php?v=10152863201664838" data-width="466">
<div class="fb-xfbml-parse-ignore">
<a href="https://www.facebook.com/photo.php?v=10152863201664838">Publicação</a> de <a href="https://www.facebook.com/celsoamaral">Celso Carvalho Do Amaral</a>.</div>
</div>
</div>
<br />
<br />
<div style="text-align: center;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU6tX9eZvktIzoN6x861VUu3FU2irMre83A7lwvSKqC7rEjDi4m1NVLV_vrfJOvuxR0T5PIH8HPjii4n-nwcCTWE5792CbAck8Oj3KRAu-ZtxKjvYqo6Z0JSdtAahyEavyDJmzyFjqcnBs/s1600/Captura+de+ecr%C3%A3+-+03-06-2014+-+21:53:48.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU6tX9eZvktIzoN6x861VUu3FU2irMre83A7lwvSKqC7rEjDi4m1NVLV_vrfJOvuxR0T5PIH8HPjii4n-nwcCTWE5792CbAck8Oj3KRAu-ZtxKjvYqo6Z0JSdtAahyEavyDJmzyFjqcnBs/s1600/Captura+de+ecr%C3%A3+-+03-06-2014+-+21:53:48.png" width="320" /></a></div>
<br />
<br />
Deixem os vossos comentários coma vossa opinião.
</div>
</div>

O preço da Arrogância!!!

Um usuário do Facebook partilhou no seu mural um video onde podemos ouvir uma transmissão de rádio entre um Navio da Marinha Americana e ...

Ler mais »

9:49:00 da tarde

[Vala] Usando makefiles com Geany

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator tr_bq" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbV7tck91N0w43EVtW9GwaG2J-RVQUO9D3ERpEri-0oqzWNgD4OK3M434H9qOECMfy6zZAexpZ7vg_BTXbweSZkEqEX0q4RFeYPG6RklOBUQXMg6VqcD035wyoQ3DGEtPDjdFC6I6Fr6vD/s1600/Imagem+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbV7tck91N0w43EVtW9GwaG2J-RVQUO9D3ERpEri-0oqzWNgD4OK3M434H9qOECMfy6zZAexpZ7vg_BTXbweSZkEqEX0q4RFeYPG6RklOBUQXMg6VqcD035wyoQ3DGEtPDjdFC6I6Fr6vD/s1600/Imagem+1.png" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
No último artigo aprendemos como <b>configurar Geany para compilar as nossas aplicações Vala</b>. Agora vamos ver como podemos <b>criar um makefile para a construção de todo o projeto</b>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
O comando [<b>Valac "% f"</b>] que nós atribuímos ao botão "<b>Gerar</b>" no artigo anterior só funciona no arquivo atual que está aberto no editor. Isso é suficiente se o projeto tiver um único arquivo fonte "<b>.vala</b>". No entanto, a maioria dos projetos geralmente consistem de vários arquivos de origem e precisamos de uma forma de compilar e vincular todos os arquivos para gerar o executável final.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Este é o lugar onde o "<b>makefiles</b>" entra em cena. "<b>Make</b>" é um utilitário Unix clássico que é usado para a construção de arquivos executáveis a partir do código fonte. Ele lê instruções de um makefile que contém comandos para a construção e instalação do projeto.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A execução do comando "<b>make</b>" do diretório do projeto irá construir o projeto usando os comandos no "<b>makefile</b>". Ele também pode ser usado para instalar e desinstalar o arquivo executável (<i>e arquivos relacionados</i>).</div>
<div style="text-align: justify;">
<br /></div>
<h3 style="text-align: justify;">
<b>Criando um makefile;</b></h3>
<div style="text-align: justify;">
Vamos criar um makefile para o nosso projeto. Vamos usar o mesmo exemplo que usamos no artigo anterior.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Adicione um novo arquivo de texto para o projeto e cole o seguinte texto:</div>
<blockquote style="text-align: justify;">
all:<br />    valac --pkg gtk+-3.0 *.vala -o app1<br />clean:<br />    rm -rf *.o app1<br />install:<br />    cp -f app1 /usr/bin<br />uninstall:<br />    rm -f /usr/bin/app1</blockquote>
<div style="text-align: justify;">
Guarde-o com o nome do arquivo "<b>makefile</b>" na pasta do projeto.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A seção "<b>all</b>" contém os comandos para a construção do projeto. Nós simplesmente vamos executar o compilador <b>Valac</b> para elaboração do arquivo <b>.vala</b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A seção "<b>install</b>" contém comandos para instalar o aplicativo. Vamos usar o comando "<b>cp</b>" para instalar o arquivo executável para o sistema pasta "<b>/usr/bin</b>". Arquivos colocados nessa pasta estão disponíveis para todos os usuários e podem ser executados a partir de qualquer diretório, digitando o nome do executável em uma janela de terminal.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A seção "<b>uninstall</b>" contém comandos para desinstalar o aplicativo. Vamos usar o comando "<b>rm</b>" para remover o arquivo executável no diretório "<b>/usr/bin</b>".</div>
<div style="text-align: justify;">
<br /></div>
<h3 style="text-align: justify;">
<b>Teste o makefile no Terminal;</b></h3>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Abra uma janela de terminal (<b>CTRL + ALT + T</b>) e "<b>cd</b>" para a pasta do projeto.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Execute "<b>makefile</b>" do diretório do projeto para a construção do projeto.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Isto irá compilar os arquivos de "<b>.Vala</b>" Para criar o arquivo executável "<b>app1</b>" no diretório do projeto.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Execute o comando "<b>sudo make install</b>" para instalar o aplicativo</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Isto irá instalar o "<b>app1</b>" executável em seu sistema. Qualquer usuário em seu sistema pode agora executar o "<b>app1</b>" aplicativo digitando "<b>app1</b>" em uma janela de terminal.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Execute o comando "<b>sudo make uninstall</b>" para desinstalar o aplicativo</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Isto irá remover o "<b>app1</b>" executável do seu sistema.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Nota:</b> Para a instalação e desinstalação, copiar ou remover arquivos do sistema de diretório "<b>/usr/bin</b>", precisamos executar "<b>make install</b>" e "<b>make uninstall</b>" usando "<b>sudo</b>"</div>
<div style="text-align: justify;">
<br /></div>
<h3 style="text-align: justify;">
Usando makefile com Geany;</h3>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Altere o comando de compilação:</div>
<blockquote class="tr_bq" style="text-align: justify;">
valac --pkg gtk+-3.0 "%f"</blockquote>
Para;<br />
<blockquote class="tr_bq">
 make all</blockquote>
<div style="text-align: justify;">
Clique no botão "<b>Gerar</b>" na barra de ferramentas do "<b>IDE</b>" agora vai construir todo o seu projeto.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: right;">
<span style="font-size: x-small;">Fonte; <a href="http://www.teejeetech.in/" target="_blank"><b><span style="color: red;">TeeJee Tech</span></b></a></span></div>
</div>

[Vala] Usando makefiles com Geany

No último artigo aprendemos como configurar Geany para compilar as nossas aplicações Vala . Agora vamos ver como podemos criar um make...

Ler mais »

6:00:00 da tarde

[Vala] Configurando um IDE

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="tr_bq" style="text-align: justify;">
Compilar e executar programas, digitando comandos numa janela de terminal pode ser uma tarefa tediosa, especialmente quando temos de o fazer a cada 5 minutos. Para facilitar a tarefa podemos usar um <b><a href="http://pt.wikipedia.org/wiki/Ambiente_de_desenvolvimento_integrado" target="_blank"><span style="color: lime;">IDE</span></a></b>. Usando um IDE torna a tarefa de compilar e executar um programa tão simples como clicar num botão.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Existem alguns <b>IDE's</b> que podem ser usados para a <b>programação Vala</b>. <b>Plugins</b> estão disponíveis para MonoDevelop, NetBeans e Eclipse IDE's que fornecem destaque de sintaxe e código de obras. No entanto, esses plugins não são 100% viáveis. Conclusão de código às vezes para de funcionar sem razão aparente (MonoDevelop 2.8 com monodevelop-vala plugin) e alguns dos outros plugins podem ser difíceis de configurar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Atualmente estou a usar o <b>Geany</b> para a <b>programação Vala</b>. Geany é um IDE leve que <b>suporta Vala</b> e uma série de outras <b>linguagens de programação</b>. Você pode configurá-lo para compilar o código para quase todas as linguagens de programação. Você pode até escrever comandos personalizados para os botões de "<i>construir</i>" em barra de ferramentas do IDE "Compilar".</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Agora vamos ver como é que pode configurar Geany para compilar e executar o exemplo GTK que foi apresentado anteriormente. Primeiro vamos instalá-lo digitando o comando numa janela de terminal:</div>
<blockquote class="tr_bq" style="text-align: justify;">
apt-get install geany libgtk-3-dev libgee-dev</blockquote>
<div style="text-align: justify;">
Estou assumindo que você está usando um sistema Linux/Debian. Pode também procurar pelo Geany nos repositórios da Distribuição que está a usar ou então no <b><a href="http://www.geany.org/" target="_blank"><span style="color: red;">Site Oficial</span></a></b> e ainda em <b><a href="https://wiki.gnome.org/Projects/Vala/Tools" target="_blank"><span style="color: lime;">Ferramentas Vala</span></a></b>.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUte2B-8euQMoLmNlJ7rL1D-SFCKATadTMaxFDKJ3sjtxPEVGkwUWkDmE0iCqR0Y-4I6-IED50hk1VIOz88D5jFCcW27_sLjJBla_NxHuj0nKMtAELKxo09DJj0LxxMFGk1Azyv_ns5gR8/s1600/Imagem+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUte2B-8euQMoLmNlJ7rL1D-SFCKATadTMaxFDKJ3sjtxPEVGkwUWkDmE0iCqR0Y-4I6-IED50hk1VIOz88D5jFCcW27_sLjJBla_NxHuj0nKMtAELKxo09DJj0LxxMFGk1Azyv_ns5gR8/s1600/Imagem+1.png" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Inicie o Geany e clique em "<b>Projeto</b>" --> "<b>Novo</b>";</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicVa3HRAXfNu-wTRku8RxD5XZkrjac2EcY8Fu04PtE_aRIikycZdHf4_H3SBypk6z7QYB3sltFYB7HQv5W2FTES2zBFbMA3extAIbhuP_Km6XbX6QtBnYYPstvEjdoni54FtfiMKtTaWi6/s1600/Imagem+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="99" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicVa3HRAXfNu-wTRku8RxD5XZkrjac2EcY8Fu04PtE_aRIikycZdHf4_H3SBypk6z7QYB3sltFYB7HQv5W2FTES2zBFbMA3extAIbhuP_Km6XbX6QtBnYYPstvEjdoni54FtfiMKtTaWi6/s1600/Imagem+2.png" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Digite o nome do projeto e Diretório Base;</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJufKjiHO4iAgHrBU28LRwDT0lCi-zZn8wyj_MP7FaIbMoEhI9vS2YTBwSrLQ7zAXt9Ocd6dWyYxEje4SHJqJyZwT7q0M8G9e1FPxec4wfv0vkqT5YKEA0bDJ__qkL7sYFRhRbVkphp0Q/s1600/Imagem+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJufKjiHO4iAgHrBU28LRwDT0lCi-zZn8wyj_MP7FaIbMoEhI9vS2YTBwSrLQ7zAXt9Ocd6dWyYxEje4SHJqJyZwT7q0M8G9e1FPxec4wfv0vkqT5YKEA0bDJ__qkL7sYFRhRbVkphp0Q/s1600/Imagem+3.png" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Geany criará automaticamente uma pasta de projeto e um arquivo "<b>.geany</b>" no caminho base. A pasta do projeto contém todos os arquivos que você adicionar ao seu projeto geany, o arquivo conterá as configurações do projeto.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><span style="color: red;">Nota:</span></b> O arquivo "<b>.geany</b>" é um arquivo de texto simples, que pode ser editado com um editor de texto. Dê uma olhada no arquivo para ver as informações que geany usa para cada projeto.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Agora adicione um novo arquivo de origem para o projeto usando o botão da barra de ferramentas.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9J_BkQp86ElYru69R-PcW99fwvfJG3QCeVl2hekDrSzziSgazsdZXuBYP6qIZhr-_wXNKWNIOvVAAnFijIblnI6I7s1lZWUjde5sSuJQyb_mFZqwmzdwcZ1B-SSxSXio1GTftsFANSzvz/s1600/Imagem+4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9J_BkQp86ElYru69R-PcW99fwvfJG3QCeVl2hekDrSzziSgazsdZXuBYP6qIZhr-_wXNKWNIOvVAAnFijIblnI6I7s1lZWUjde5sSuJQyb_mFZqwmzdwcZ1B-SSxSXio1GTftsFANSzvz/s1600/Imagem+4.png" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Copie e cole o código para o aplicativo que criamos no <a href="http://www.obloggueiro.pt/2014/04/vala-criando-aplicativos-simples.html" target="_blank"><b>Artigo Anterior</b></a>.</div>
<blockquote style="text-align: justify;">
using Gtk;<br />
class MainWindow : Window  {<br />
  public static int main (string[] args)<br />
  {<br />
    Gtk.init(ref args);  //inicia Gtk<br />
    var window = new MainWindow (); //Criar uma janela<br />
    window.destroy.connect (Gtk.main_quit); //Sai do aplicativo depois de fechar a janela<br />
    window.show_all (); //Torna todos os widgets visíveis<br />
    Gtk.main(); //Inicia o loop principal<br />
    return 0;<br />
  }<br />
  public MainWindow()<br />
  {<br />
    this.title = "Minha 1ª App";<br />
    this.border_width = 25;<br />
    this.set_default_size (250, 100);<br />
    this.window_position = WindowPosition.CENTER;<br />
    this.destroy.connect(Gtk.main_quit); //Saia do aplicativo quando a janela é fechada<br />
    var btnClear = new Button.with_label ("Apagar Documentos Recentes");<br />
    btnClear.clicked.connect (clear_history); //Ligua o evento à função<br />
    add(btnClear);  //Adicionar botão a janela<br />
  }<br />
  public void clear_history ()<br />
  {<br />
    string HOME = Environment.get_home_dir ();<br />
    try {<br />
      Process.spawn_command_line_sync (@"rm $HOME/.local/share/recently-used.xbel");<br />
      Process.spawn_command_line_sync (@"touch $HOME/.local/share/recently-used.xbel");<br />
      messagebox_show ("Sucesso", "Histórico de Documentos recentes eliminado");<br />
    }<br />
    catch (Error e){<br />
      string msg = e.message;<br />
      stderr.printf(msg);<br />
      messagebox_show ("Error", msg);<br />
    }<br />
  }<br />
  public void messagebox_show(string title, string message)<br />
  {<br />
    var dialog = new Gtk.MessageDialog(<br />
   null,<br />
   Gtk.DialogFlags.MODAL,<br />
   Gtk.MessageType.INFO,<br />
   Gtk.ButtonsType.OK,<br />
   message);<br />
  <br />
    dialog.set_title(title);<br />
    dialog.run();<br />
    dialog.destroy();<br />
  }<br />
}</blockquote>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pressione CTRL + S e salve o arquivo como "<b>main.vala</b>".</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Antes que possamos compilar a nossa aplicação precisamos informar Geany fazer a compilação. Vá para o Projeto, Menu e Clique em "<b>Propriedades</b>".</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIwl8zm9pZiZIytRIbehTJakBzdoB8lsRjODJJWatJpLc8N2V71gRkQqm5SCQntmpilDYmsLs5H6tZGGsVJqO0XLC4Ec5fF3OYQkH9zNF9dlS3jzhjvpr-T8keb12cqpUT_giWLySA-Met/s1600/Imagem+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="105" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIwl8zm9pZiZIytRIbehTJakBzdoB8lsRjODJJWatJpLc8N2V71gRkQqm5SCQntmpilDYmsLs5H6tZGGsVJqO0XLC4Ec5fF3OYQkH9zNF9dlS3jzhjvpr-T8keb12cqpUT_giWLySA-Met/s1600/Imagem+5.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI7hMQrpGJME23Vfp2rjE0_le9gBiIIpkXm2d-FXxFK7KXjMuZsS5TbqlkX9lmAE8zfQU4NiSkIHSHIJZhxja-ZHH854As4snwmpKTDXRgSlMpdbakqLI6HrE6WXgNkYlytFnC4gf0tqC6/s1600/Imagem+6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI7hMQrpGJME23Vfp2rjE0_le9gBiIIpkXm2d-FXxFK7KXjMuZsS5TbqlkX9lmAE8zfQU4NiSkIHSHIJZhxja-ZHH854As4snwmpKTDXRgSlMpdbakqLI6HrE6WXgNkYlytFnC4gf0tqC6/s1600/Imagem+6.png" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Vá para a guia "<b>Gerar</b>".</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFsLSkWWv8Tg5wg-d5ns4ZcttWVwXM4Fm3Co-i-Oacabj-Y5vYMPfp9WRaBFmClOl8jqFV9qhRj0BjrFCuFRHY9kNWJ1dNNCM2M1pw57uet-EqPTff3DrW51IRIxj9E7SdG4QaQfgbX5bl/s1600/Imagem+7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFsLSkWWv8Tg5wg-d5ns4ZcttWVwXM4Fm3Co-i-Oacabj-Y5vYMPfp9WRaBFmClOl8jqFV9qhRj0BjrFCuFRHY9kNWJ1dNNCM2M1pw57uet-EqPTff3DrW51IRIxj9E7SdG4QaQfgbX5bl/s1600/Imagem+7.png" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Como você pode ver, Geany já adicionou os comandos para compilar e construir a nossa aplicação. No entanto, precisamos adicionar uma referência para a biblioteca <b>GTK</b> uma vez que a nossa aplicação usa GTK.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Altere o comando de compilação:</div>
<blockquote class="tr_bq" style="text-align: justify;">
valac "%f"</blockquote>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Para;</div>
<blockquote class="tr_bq" style="text-align: justify;">
valac --pkg gtk+-3.0 "%f"</blockquote>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoYiZAOU4g3s081mNI6dWTSbOAmUiQYGwTPIEiMZ0dCeE3uUR9i0FJ9W9QiNuQRSFzOyxVP1PRfiX2H_EyosJW6mcmdlHdgXFjPlPJFqIIlzoOnsMq5ds6RyYF2FyI2yTbBVwJuKvr0HHs/s1600/Imagem+8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoYiZAOU4g3s081mNI6dWTSbOAmUiQYGwTPIEiMZ0dCeE3uUR9i0FJ9W9QiNuQRSFzOyxVP1PRfiX2H_EyosJW6mcmdlHdgXFjPlPJFqIIlzoOnsMq5ds6RyYF2FyI2yTbBVwJuKvr0HHs/s1600/Imagem+8.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Agora podemos construir a aplicação usando o botão "<b>Gerar</b>" na barra de ferramentas. </div>
<div class="separator" style="clear: both; text-align: justify;">
Clique no botão "<b>Gerar</b>" para compilar a aplicação.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDhkoebzAwtL7wTDv-ocoVP_3HViw0GKUi3M8Abqc8_s0WakniVShFchZMcB0sfiulGSIc-yu8ThOx4bIk3E5YqtO56D7EtrXnccJiaTDIQP0I4Ufn8PnwqdI6QJ3bKRRio-0w1R3vLRU-/s1600/Imagem+9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="85" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDhkoebzAwtL7wTDv-ocoVP_3HViw0GKUi3M8Abqc8_s0WakniVShFchZMcB0sfiulGSIc-yu8ThOx4bIk3E5YqtO56D7EtrXnccJiaTDIQP0I4Ufn8PnwqdI6QJ3bKRRio-0w1R3vLRU-/s1600/Imagem+9.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Você pode ver as mensagens do compilador no painel de status.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZayQ7HBn_EMRl67DScNmshaGxRoY51sNQ2EvYn_4crR3dGMVXkyOyHZhCMrm3h58kKauy4BvKNSFexKB9eIesnLQeNPHX6JJu4h_92-8LDfruYkMYWzH177iqFx3v_1oYq9-ZHlkJNmOv/s1600/Imagem+10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="74" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZayQ7HBn_EMRl67DScNmshaGxRoY51sNQ2EvYn_4crR3dGMVXkyOyHZhCMrm3h58kKauy4BvKNSFexKB9eIesnLQeNPHX6JJu4h_92-8LDfruYkMYWzH177iqFx3v_1oYq9-ZHlkJNmOv/s1600/Imagem+10.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Clique no botão "<b>Executar</b>" para testar a aplicação.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGgEogSYxp3NwVn73qHv9Pma7_fYrq84S6BHzZ5LqqeYRNCLsvV0V_LrQ-M2PMtl9r6-142MbpPqf2Mw7TS7h88fMWY6aQR8gyUsktGraSzJG5arvMMWFcM6M-HZ47nrWnRUn87IPDa7ay/s1600/Imagem+11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="66" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGgEogSYxp3NwVn73qHv9Pma7_fYrq84S6BHzZ5LqqeYRNCLsvV0V_LrQ-M2PMtl9r6-142MbpPqf2Mw7TS7h88fMWY6aQR8gyUsktGraSzJG5arvMMWFcM6M-HZ47nrWnRUn87IPDa7ay/s1600/Imagem+11.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-4Yp-85Y7YXIpEY_WjTlLAUuoduKQNkgyIllt0r1wkKQJt2RpnWR58arOsNNDaHEwCGQ4ZZA4AIz3mzYyioHfOg4o5mCnW6Js3NuwE6zGnHIb3cZx3085HPC2Gi1tbOhmzfS3vH-32gfx/s1600/Imagem+12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-4Yp-85Y7YXIpEY_WjTlLAUuoduKQNkgyIllt0r1wkKQJt2RpnWR58arOsNNDaHEwCGQ4ZZA4AIz3mzYyioHfOg4o5mCnW6Js3NuwE6zGnHIb3cZx3085HPC2Gi1tbOhmzfS3vH-32gfx/s1600/Imagem+12.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
E pronto, aqui está a aplicação criada com o <b>IDE Geany</b>.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<b><span style="color: red;">Se gostou deste artigo considere subscrever a nossa Newsletter escrevendo o seu E-mail a baixo e clicando em "Submit";</span></b></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="widget-content">
<div class="follow-by-email-inner">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open("http://feedburner.google.com/fb/a/mailverify?uri=OBloggueiroblog", "popupwindow", "scrollbars=yes,width=550,height=520"); return true" target="popupwindow">
<table style="width: 100%px;">
<tbody>
<tr>
<td><input class="follow-by-email-address" name="email" placeholder="Email address..." type="text" />
</td>
<td width="64px"><input class="follow-by-email-submit" type="submit" value="Submit" />
</td>
</tr>
</tbody></table>
<br />
<div style="text-align: right;">
<span style="font-size: x-small;">Fonte; <a href="http://www.teejeetech.in/" target="_blank"><span style="color: red;">TeeJee Tech</span></a></span></div>
<input name="uri" type="hidden" value="OBloggueiroblog" />
<input name="loc" type="hidden" value="en_US" />
</form>
</div>
</div>
</div>

[Vala] Configurando um IDE

Compilar e executar programas, digitando comandos numa janela de terminal pode ser uma tarefa tediosa, especialmente quando temos de o faz...

Ler mais »

6:59:00 da tarde

[Vala] Criando aplicativos simples

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
No meu artigo anterior escrevi uma <span style="font-weight: bold;"><a href="http://www.obloggueiro.pt/2014/04/introducao-linguagem-vala.html" target="_blank">Introdução a Linguagem Vala</a></span>, neste artigo vou ensinar como Criar aplicativos simples usando o <b><a href="https://wiki.gnome.org/Projects/Vala/Tutorial" target="_blank"><span style="color: red;">Tutorial Oficial</span></a></b>. Para começar-mos vamos instalar o <b>compilador vala</b>, digitando o seguinte comando numa janela de terminal:</div>
<div style="text-align: justify;">
<br /></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;"><span class="pln" style="color: black;">apt</span><span class="pun" style="color: #666600;">-</span><span class="kwd" style="color: #000088;">get</span><span class="pln" style="color: black;"> install valac libgtk</span><span class="pun" style="color: #666600;">-</span><span class="lit" style="color: #006666;">3</span><span class="pun" style="color: #666600;">-</span><span class="pln" style="color: black;">dev</span></pre>
</blockquote>
<div style="text-align: justify;">
<b>OBS 1;</b> Este comando é para um sistema <b>Linux/Debian</b>, 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;">
<br /></div>
<div style="text-align: justify;">
<b>OBS 2;</b> 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;">
<br /></div>
<h3 style="text-align: justify;">
Aplicação simples "<b>Olá Mundo</b>";</h3>
<div style="text-align: justify;">
Começamos por criar um arquivo de texto e vamos dar-lhe o nome de "<b>hello.vala</b>", depois de criado o arquivo abram-no e colem lá este <b>código</b>;</div>
<div style="text-align: justify;">
<br /></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;"><span class="kwd" style="color: #000088;">int</span><span class="pln" style="color: black;"> main</span><span class="pun" style="color: #666600;">()</span><span class="pln" style="color: black;"> </span><span class="pun" style="color: #666600;">{</span><span class="pln">
<div style="text-align: justify;">
<span class="pln" style="color: black;">   </span><span class="kwd" style="color: #000088;">print</span><span class="pun" style="color: #666600;">(</span><span class="str" style="color: #008800;">"</span><span style="color: #008800;">O</span><span class="str" style="color: #008800;">lá Mundo</span><span class="str" style="white-space: normal;"><span style="font-family: Times New Roman;">\</span></span><span class="str" style="color: #008800;">n"</span><span class="pun" style="color: #666600;">);</span></div>
</span><span class="pln" style="color: black;">
    </span><span class="kwd" style="color: #000088;">return</span><span class="pln" style="color: black;"> </span><span class="lit" style="color: #006666;">0</span><span class="pun" style="color: #666600;">;</span><span class="pln" style="color: black;">
</span><span class="pun" style="color: #666600;">}</span></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;<br />
<br />
<blockquote class="tr_bq" style="background-color: ghostwhite; border: 1px solid rgb(136, 136, 136); color: #333333; padding: 5px; text-align: start;">
<span class="pln" style="color: black;">valac </span><span class="str" style="color: #008800;">"hello.vala"</span><span class="pln" style="color: black;"> </span><span class="pun" style="color: #666600;">-</span><span class="pln" style="color: black;">o hello</span></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;<br />
<br />
<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;"><span class="pun" style="color: #666600;">./</span><span class="pln" style="color: black;">hello</span></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;">
<br /></div>
<h3 style="text-align: justify;">
<b>Aplicação simples "Olá mundo" usando objetos;</b></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 "<b>hello2.vala</b>", depois inserimos este código no arquivo e guarda-mos as alterações;</div>
<div>
<br /></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;"><span class="kwd" style="color: #000088;">class</span><span class="pln" style="color: black;"> </span><span class="typ" style="color: #660066;">Example</span><span class="pln" style="color: black;"> </span><span class="pun" style="color: #666600;">:</span><span class="pln" style="color: black;"> </span><span class="typ" style="color: #660066;">GLib</span><span class="pun" style="color: #666600;">.</span><span class="typ" style="color: #660066;">Object</span><span class="pln" style="color: black;"> </span><span class="pun" style="color: #666600;">{</span><span class="pln" style="color: black;">

</span><span class="kwd" style="color: #000088;">public</span><span class="pln" style="color: black;"> </span><span class="kwd" style="color: #000088;">static</span><span class="pln" style="color: black;"> </span><span class="kwd" style="color: #000088;">void</span><span class="pln" style="color: black;"> main</span><span class="pun" style="color: #666600;">(</span><span class="kwd" style="color: #000088;">string</span><span class="pun" style="color: #666600;">[]</span><span class="pln" style="color: black;"> args</span><span class="pun" style="color: #666600;">)</span><span class="pln" style="color: black;"> </span><span class="pun" style="color: #666600;">{</span><span class="pln" style="color: black;">
        </span><span class="kwd" style="color: #000088;">var</span><span class="pln" style="color: black;"> ex </span><span class="pun" style="color: #666600;">=</span><span class="pln" style="color: black;"> </span><span class="kwd" style="color: #000088;">new</span><span class="pln" style="color: black;"> </span><span class="typ" style="color: #660066;">Example</span><span class="pun" style="color: #666600;">();</span><span class="pln" style="color: black;">
        </span><span class="kwd" style="color: #000088;">if</span><span class="pln" style="color: black;"> </span><span class="pun" style="color: #666600;">(</span><span class="pln" style="color: black;">args</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">length </span><span class="pun" style="color: #666600;"><</span><span class="pln" style="color: black;"> </span><span class="lit" style="color: #006666;">2</span><span class="pun" style="color: #666600;">)</span><span class="pln" style="color: black;">
            </span><span class="kwd" style="color: #000088;">print</span><span class="pun" style="color: #666600;">(</span><span class="str" style="color: #008800;">"Hello World\n"</span><span class="pun" style="color: #666600;">);</span><span class="pln" style="color: black;">
        </span><span class="kwd" style="color: #000088;">else</span><span class="pln" style="color: black;">
            ex</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">display</span><span class="pun" style="color: #666600;">(</span><span class="pln" style="color: black;">args</span><span class="pun" style="color: #666600;">[</span><span class="lit" style="color: #006666;">1</span><span class="pun" style="color: #666600;">]);</span><span class="pln" style="color: black;">
    </span><span class="pun" style="color: #666600;">}</span><span class="pln" style="color: black;">

</span><span class="kwd" style="color: #000088;">void</span><span class="pln" style="color: black;"> display</span><span class="pun" style="color: #666600;">(</span><span class="kwd" style="color: #000088;">string</span><span class="pln" style="color: black;"> message</span><span class="pun" style="color: #666600;">)</span><span class="pln" style="color: black;"> </span><span class="pun" style="color: #666600;">{</span><span class="pln" style="color: black;">
        stdout</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">printf</span><span class="pun" style="color: #666600;">(</span><span class="pln" style="color: black;">message </span><span class="pun" style="color: #666600;">+</span><span class="pln" style="color: black;"> </span><span class="str" style="color: #008800;">"\n"</span><span class="pun" style="color: #666600;">);</span><span class="pln" style="color: black;">
    </span><span class="pun" style="color: #666600;">}</span><span class="pln" style="color: black;">
</span><span class="pun" style="color: #666600;">}</span></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;<br />
<br />
<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;"><span class="pln" style="color: black;">valac </span><span class="str" style="color: #008800;">"hello2.vala"</span><span class="pln" style="color: black;"> </span><span class="pun" style="color: #666600;">-</span><span class="pln" style="color: black;">o hello2</span></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;<br />
<br />
<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;"><span class="pun" style="color: #666600;">./</span><span class="pln" style="color: black;">hello2 </span><span class="str" style="color: #008800;">"Welcome to Vala"</span></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;">
<br /></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 <b>GUI</b> para eliminar os "<b>Documentos Recentes</b>" do histórico de um <b>PC Linux/Debian</b>. Vamos criar um novo arquivo de texto com o nome de "<b>app1.vala</b>", depois inserimos este código no arquivo e guarda-mos as alterações;</div>
<div>
<br /></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;"><span class="kwd" style="color: #000088;">using</span><span class="pln" style="color: black;"> </span><span class="typ" style="color: #660066;">Gtk</span><span class="pun" style="color: #666600;">;</span><span class="pln" style="color: black;">

</span><span class="kwd" style="color: #000088;">class</span><span class="pln" style="color: black;"> </span><span class="typ" style="color: #660066;">MainWindow</span><span class="pln" style="color: black;"> </span><span class="pun" style="color: #666600;">:</span><span class="pln" style="color: black;"> </span><span class="typ" style="color: #660066;">Window</span><span class="pln" style="color: black;">  </span><span class="pun" style="color: #666600;">{</span><span class="pln" style="color: black;">

</span><span class="kwd" style="color: #000088;">var</span><span class="pln" style="color: black;"> window </span><span class="pun" style="color: #666600;">=</span><span class="pln" style="color: black;"> </span><span class="kwd" style="color: #000088;">new</span><span class="pln" style="color: black;"> </span><span class="typ" style="color: #660066;">MainWindow</span><span class="pln" style="color: black;"> </span><span class="pun" style="color: #666600;">();</span><span class="pln" style="color: black;"> </span><span class="com" style="color: #880000;">//Cria uma Janela</span><span class="pln" style="color: black;">
    window</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">destroy</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">connect </span><span class="pun" style="color: #666600;">(</span><span class="typ" style="color: #660066;">Gtk</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">main_quit</span><span class="pun" style="color: #666600;">);</span><span class="pln" style="color: black;"> </span><span class="com" style="color: #880000;">//Sai do aplicativo depois de fechar a Janela</span><span class="pln" style="color: black;">
    window</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">show_all </span><span class="pun" style="color: #666600;">();</span><span class="pln" style="color: black;"> </span><span class="com" style="color: #880000;">//Torna todos os widgets visíveis</span><span class="pln" style="color: black;">

</span><span class="typ" style="color: #660066;">Gtk</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">main</span><span class="pun" style="color: #666600;">();</span><span class="pln" style="color: black;"> </span><span class="com" style="color: #880000;">//Inicia o loop principal</span><span class="pln" style="color: black;">

</span><span class="kwd" style="color: #000088;">return</span><span class="pln" style="color: black;"> </span><span class="lit" style="color: #006666;">0</span><span class="pun" style="color: #666600;">;</span><span class="pln" style="color: black;">
  </span><span class="pun" style="color: #666600;">}</span><span class="pln" style="color: black;">

</span><span class="kwd" style="color: #000088;">public</span><span class="pln" style="color: black;"> </span><span class="typ" style="color: #660066;">MainWindow</span><span class="pun" style="color: #666600;">()</span><span class="pln" style="color: black;">
  </span><span class="pun" style="color: #666600;">{</span><span class="pln" style="color: black;">
    </span><span class="kwd" style="color: #000088;">this</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">title </span><span class="pun" style="color: #666600;">=</span><span class="pln" style="color: black;"> </span><span class="str" style="color: #008800;">"Minha 1ª App"</span><span class="pun" style="color: #666600;">;</span><span class="pln" style="color: black;">
    </span><span class="kwd" style="color: #000088;">this</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">border_width </span><span class="pun" style="color: #666600;">=</span><span class="pln" style="color: black;"> </span><span class="lit" style="color: #006666;">10</span><span class="pun" style="color: #666600;">;</span><span class="pln" style="color: black;">
    </span><span class="kwd" style="color: #000088;">this</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">set_default_size </span><span class="pun" style="color: #666600;">(</span><span class="lit" style="color: #006666;">250</span><span class="pun" style="color: #666600;">,</span><span class="pln" style="color: black;"> </span><span class="lit" style="color: #006666;">60</span><span class="pun" style="color: #666600;">);</span><span class="pln" style="color: black;">
    </span><span class="kwd" style="color: #000088;">this</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">window_position </span><span class="pun" style="color: #666600;">=</span><span class="pln" style="color: black;"> </span><span class="typ" style="color: #660066;">WindowPosition</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">CENTER</span><span class="pun" style="color: #666600;">;</span><span class="pln" style="color: black;">
    </span><span class="kwd" style="color: #000088;">this</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">destroy</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">connect</span><span class="pun" style="color: #666600;">(</span><span class="typ" style="color: #660066;">Gtk</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">main_quit</span><span class="pun" style="color: #666600;">);</span><span class="pln" style="color: black;"> </span><span class="com" style="color: #880000;">//Sai do aplicativo quando a janela é fechada</span><span class="pln" style="color: black;">

</span><span class="kwd" style="color: #000088;">var</span><span class="pln" style="color: black;"> btnClear </span><span class="pun" style="color: #666600;">=</span><span class="pln" style="color: black;"> </span><span class="kwd" style="color: #000088;">new</span><span class="pln" style="color: black;"> </span><span class="typ" style="color: #660066;">Button</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">with_label </span><span class="pun" style="color: #666600;">(</span><span class="str" style="color: #008800;">"Apagar Documentos Recentes"</span><span class="pun" style="color: #666600;">);</span><span class="pln" style="color: black;">
    btnClear</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">clicked</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">connect </span><span class="pun" style="color: #666600;">(</span><span class="pln" style="color: black;">clear_history</span><span class="pun" style="color: #666600;">);</span><span class="pln" style="color: black;"> </span><span class="com" style="color: #880000;">//Liga o evento à função</span><span class="pln" style="color: black;">
    add</span><span class="pun" style="color: #666600;">(</span><span class="pln" style="color: black;">btnClear</span><span class="pun" style="color: #666600;">);</span><span class="pln" style="color: black;">  </span><span class="com" style="color: #880000;">//Adiciona botão a janela</span><span class="pln" style="color: black;">
  </span><span class="pun" style="color: #666600;">}</span><span class="pln" style="color: black;">

</span><span class="kwd" style="color: #000088;">try</span><span class="pln" style="color: black;"> </span><span class="pun" style="color: #666600;">{</span><span class="pln" style="color: black;">
      </span><span class="typ" style="color: #660066;">Process</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">spawn_command_line_sync </span><span class="pun" style="color: #666600;">(@</span><span class="str" style="color: #008800;">"rm $HOME/.local/share/recently-used.xbel"</span><span class="pun" style="color: #666600;">);</span><span class="pln" style="color: black;">
      </span><span class="typ" style="color: #660066;">Process</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">spawn_command_line_sync </span><span class="pun" style="color: #666600;">(@</span><span class="str" style="color: #008800;">"touch $HOME/.local/share/recently-used.xbel"</span><span class="pun" style="color: #666600;">);</span><span class="pln" style="color: black;">
      messagebox_show </span><span class="pun" style="color: #666600;">(</span><span class="str" style="color: #008800;">"Sucesso"</span><span class="pun" style="color: #666600;">,</span><span class="pln" style="color: black;"> </span><span class="str" style="color: #008800;">"Histórico de documentos recentes eliminado"</span><span class="pun" style="color: #666600;">);</span><span class="pln" style="color: black;">
    </span><span class="pun" style="color: #666600;">}</span><span class="pln" style="color: black;">
    </span><span class="kwd" style="color: #000088;">catch</span><span class="pln" style="color: black;"> </span><span class="pun" style="color: #666600;">(</span><span class="typ" style="color: #660066;">Error</span><span class="pln" style="color: black;"> e</span><span class="pun" style="color: #666600;">){</span><span class="pln" style="color: black;">
      </span><span class="kwd" style="color: #000088;">string</span><span class="pln" style="color: black;"> msg </span><span class="pun" style="color: #666600;">=</span><span class="pln" style="color: black;"> e</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">message</span><span class="pun" style="color: #666600;">;</span><span class="pln" style="color: black;">
      stderr</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">printf</span><span class="pun" style="color: #666600;">(</span><span class="pln" style="color: black;">msg</span><span class="pun" style="color: #666600;">);</span><span class="pln" style="color: black;">
      messagebox_show </span><span class="pun" style="color: #666600;">(</span><span class="str" style="color: #008800;">"Error"</span><span class="pun" style="color: #666600;">,</span><span class="pln" style="color: black;"> msg</span><span class="pun" style="color: #666600;">);</span><span class="pln" style="color: black;">
    </span><span class="pun" style="color: #666600;">}</span><span class="pln" style="color: black;">
  </span><span class="pun" style="color: #666600;">}</span><span class="pln" style="color: black;">

</span><span class="kwd" style="color: #000088;">public</span><span class="pln" style="color: black;"> </span><span class="kwd" style="color: #000088;">void</span><span class="pln" style="color: black;"> messagebox_show</span><span class="pun" style="color: #666600;">(</span><span class="kwd" style="color: #000088;">string</span><span class="pln" style="color: black;"> title</span><span class="pun" style="color: #666600;">,</span><span class="pln" style="color: black;"> </span><span class="kwd" style="color: #000088;">string</span><span class="pln" style="color: black;"> message</span><span class="pun" style="color: #666600;">)</span><span class="pln" style="color: black;">
  </span><span class="pun" style="color: #666600;">{</span><span class="pln" style="color: black;">
    </span><span class="kwd" style="color: #000088;">var</span><span class="pln" style="color: black;"> dialog </span><span class="pun" style="color: #666600;">=</span><span class="pln" style="color: black;"> </span><span class="kwd" style="color: #000088;">new</span><span class="pln" style="color: black;"> </span><span class="typ" style="color: #660066;">Gtk</span><span class="pun" style="color: #666600;">.</span><span class="typ" style="color: #660066;">MessageDialog</span><span class="pun" style="color: #666600;">(</span><span class="pln" style="color: black;">
   </span><span class="kwd" style="color: #000088;">null</span><span class="pun" style="color: #666600;">,</span><span class="pln" style="color: black;">
   </span><span class="typ" style="color: #660066;">Gtk</span><span class="pun" style="color: #666600;">.</span><span class="typ" style="color: #660066;">DialogFlags</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">MODAL</span><span class="pun" style="color: #666600;">,</span><span class="pln" style="color: black;"> 
   </span><span class="typ" style="color: #660066;">Gtk</span><span class="pun" style="color: #666600;">.</span><span class="typ" style="color: #660066;">MessageType</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">INFO</span><span class="pun" style="color: #666600;">,</span><span class="pln" style="color: black;"> 
   </span><span class="typ" style="color: #660066;">Gtk</span><span class="pun" style="color: #666600;">.</span><span class="typ" style="color: #660066;">ButtonsType</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">OK</span><span class="pun" style="color: #666600;">,</span><span class="pln" style="color: black;"> 
   message</span><span class="pun" style="color: #666600;">);</span><span class="pln" style="color: black;">
   
    dialog</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">set_title</span><span class="pun" style="color: #666600;">(</span><span class="pln" style="color: black;">title</span><span class="pun" style="color: #666600;">);</span><span class="pln" style="color: black;">
    dialog</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">run</span><span class="pun" style="color: #666600;">();</span><span class="pln" style="color: black;">
    dialog</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: black;">destroy</span><span class="pun" style="color: #666600;">();</span><span class="pln" style="color: black;">
  </span><span class="pun" style="color: #666600;">}</span><span class="pln" style="color: black;">
</span><span class="pun" style="color: #666600;">}</span></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 <i>clear_history</i> (). O <i>clear_history ()</i> 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ê.<br />
<br />
Agora vamos compilar o arquivo abrindo um terminal no local onde temos arquivo que acabamos de criar, digitamos no terminal o seguinte comando;<br />
<br />
<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;"><span class="pln" style="color: black;">valac </span><span class="pun" style="color: #666600;">--</span><span class="pln" style="color: black;">pkg gtk</span><span class="pun" style="color: #666600;">+-</span><span class="lit" style="color: #006666;">3.0</span><span class="pln" style="color: black;"> </span><span class="str" style="color: #008800;">"app1.vala"</span><span class="pln" style="color: black;"> </span><span class="pun" style="color: #666600;">-</span><span class="pln" style="color: black;">o app1</span></pre>
</blockquote>
A biblioteca <b>GTK3</b> contém uma coleção de classes para criar <b>widgets</b> como janelas e botões. Uma vez que estamos criando um aplicativo <b>GTK</b>, precisamos <i>linkar</i> o programa com a biblioteca <b>GTK3</b> (isto é semelhante a adicionar uma referência a um arquivo <b>DLL</b> no projeto <b>C#</b>).<br />
<br />
O "<b>-- pkg gtk + -3.0</b>" argumento diz ao compilador <b>Vala</b> para fazer a ligação. Podemos adicionar vários "<b>-- pkg</b>" argumentos para cada biblioteca usada pela nossa aplicação. Você pode consultar o <a href="http://valadoc.org/#!wiki=index" target="_blank"><b><span style="color: red;">site oficial ValaDoc</span></b></a> para a lista completa de bibliotecas que você pode usar em seus projectos.<br />
<br />
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.<br />
<br />
Execute o arquivo a partir de um terminal usando o seguinte comando;<br />
<br />
<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;"><span class="pun" style="color: #666600;">./</span><span class="pln" style="color: black;">app1</span></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;">
<br /></div>
<div style="text-align: justify;">
Clique no botão "<b>Apagar Documentos recentes</b>" para limpar o seu histórico;</div>
<div style="text-align: justify;">
<br /></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;">
<br /></div>
<div style="text-align: justify;">
Como esta é uma aplicação <b>GUI</b>, também pode executá-lo <b>clicando duas vezes</b> no arquivo do <b>Nautilus</b> 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 (<i>stdout</i>) e erro padrão (<i>stderr</i>).</div>
<div style="text-align: justify;">
<br /></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 <b>GTK</b>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: right;">
Fonte; <a href="http://www.teejeetech.in/" target="_blank"><span style="color: red;">TeeJee Tech</span></a></div>
</div>
</div>

[Vala] Criando aplicativos simples

No meu artigo anterior escrevi uma Introdução a Linguagem Vala , neste artigo vou ensinar como Criar aplicativos simples usando o Tutorial...

Ler mais »

6:30:00 da tarde

[Introdução] Linguagem Vala

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgePUjbBo-gRjRN-l8qNhzog6rzuIHa_hPCsjtmYgKp42QF1hNZIdMQjUryTYXwWtwtU7BLeXBQhzl_dUm-yTKy2BvTo3Z1ogj8WjyOFPnT5Cdy6-d8oNjR1uxQVIVv4z0y-rU0gfYlgsd-/s1600/Captura+de+ecr%C3%A3+-+20-04-2014+-+15:47:37.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgePUjbBo-gRjRN-l8qNhzog6rzuIHa_hPCsjtmYgKp42QF1hNZIdMQjUryTYXwWtwtU7BLeXBQhzl_dUm-yTKy2BvTo3Z1ogj8WjyOFPnT5Cdy6-d8oNjR1uxQVIVv4z0y-rU0gfYlgsd-/s1600/Captura+de+ecr%C3%A3+-+20-04-2014+-+15:47:37.png" width="320" /></a></div>
<h3 style="text-align: center;">
</h3>
<h3 style="text-align: justify;">
conhece a linguagem de programação <b>Vala</b>?</h3>
<div style="text-align: justify;">
É uma nova linguagem de <b>programação</b> orientada a objetos que recentemente se tornou muito popular. Baseia-se em <b>C</b> com uma sintaxe semelhante a <b>C#</b>. Esta linguagem fornece muitas <b><a href="http://en.wikipedia.org/wiki/Construct_(philosophy)" target="_blank"><span style="color: #cc0000;">Constructs</span></a></b> linguagem de alto nível que está faltando em uma linguagem de baixo nível, como <b>C</b>. A linguagem Vala fornece propriedades, genéricos, gerenciamento de memória, loops foreach, e uma série de outras características que até agora, estava disponível apenas para desenvolvedores de <b>C#</b>.</div>
<div style="text-align: justify;">
<br /></div>
<h3 style="text-align: justify;">
Então, que questões você poderá colocar?</h3>
<div style="text-align: justify;">
Não há falta de linguagens de programação nos dias de hoje. Uma nova linguagem se inventou a cada dois dias e torna-se impossível para qualquer desenvolvedor manter o controlo de todas as linguagens. Na superfície <b>Vala</b> parece apenas mais uma linguagem de programação, que modela a sintaxe de uma linguagem existente (<b>C#</b>) ao tentar fornecer recursos ausentes em outro (<b>C</b>).</div>
<div>
<br /></div>
<h3 style="text-align: justify;">
O que é diferente sobre Vala é assim que compila o código-fonte.</h3>
<div style="text-align: justify;">
Quando se trata de <b>compilação</b>, Vala faz algo maravilhosamente diferente. O código fonte Vala é primeiro traduzido para o código <b><i>C</i></b> equivalente, em seguida, o código <b><i>C</i></b> resultante é compilado para um arquivo <b>executável</b> usando o <b>compilador <i>C</i> padrão</b>. O resultado líquido? - Um arquivo executável nativo que não depende de outra coisa que o tempo de execução <b><i>C</i></b>. Ele não depende de qualquer quadro ou intérprete. O código pode ser compilado e executado em qualquer sistema que tem um compilador <b><i>C</i></b> para produzir um executável nativo. É quase tão rápido quanto um programa escrito em código <b><i>C</i></b> puro e muitas vezes mais rápido do que um programa que é interpretado ou executado por um tempo de execução (<b><i>C#</i></b>, etc). Se você é alguém que trabalha com código <b>C / C++</b> ou alguém que trabalha com <b>C#</b> . e <b>NET</b>, Vala é algo que você poderá gostar de experimentar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Clique no link abaixo para obter um excelente tutorial:</div>
<div style="text-align: justify;">
<b><span style="color: red;"><a href="https://wiki.gnome.org/Projects/Vala/Tutorial" target="_blank">Tutorial Vala no GNOME Vivo</a></span></b></div>
<div style="text-align: justify;">
<b><br /></b></div>
<div style="text-align: right;">
Fontes; <a href="http://www.teejeetech.in/" target="_blank"><span style="color: red;">TeeJee Tech</span></a>, <a href="http://en.wikibooks.org/wiki/Vala_Programming/Intro/Programming_Style" target="_blank"><span style="color: red;">Vala</span></a></div>
</div>