O Bloggueiro

<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>