Criando uma aplicação C com GTK no Code::Blocks \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 12 Horas 43 Min 16 Seg Tempo restante da oferta: 12 43 16 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) Criando uma aplicação C com GTK no Code::Blocks [ C ](https://www.treinaweb.com.br/blog/categoria/c) # Criando uma aplicação C com GTK no Code::Blocks Veja como configurar o GTK no Code::Blocks e passe a utilizar esta IDE para criar seus projetos em C com interfaces gráficas. [ Wladimilson M. Nascimento ](https://www.treinaweb.com.br/blog/autor/wladimilson-m-nascimento) 6 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/criando-uma-aplicacao-c-com-gtk-no-codeblocks.png) No meu artigo passado, abordei a [criação de aplicações gráficas no C com GTK](https://www.treinaweb.com.br/blog/?p=19583), em um exemplo utilizando o terminal. No dia-a-dia, sempre é utilizada alguma IDE para criar uma aplicação e no caso do C, uma das mais utilizadas é o Code::Blocks. Desta forma, neste artigo veremos como utilizá-lo para criar aplicações gráficas no C com o GTK. [ ![C Intermediário](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/c.svg) Curso C Intermediário Conhecer o curso ](https://www.treinaweb.com.br/curso/c-intermediario) ## Code::Blocks O [Code::Blocks](https://www.codeblocks.org/) é uma IDE de C/C++ open source, desenvolvida em C++ e multiplataforma. Com uma arquitetura orientada a plugins, várias funcionalidades são definidas pelos plugins fornecidos pela aplicação e outras podem ser adicionadas utilizando plugins de terceiros. Devido a sua leveza e facilidade de uso, esta é uma das IDEs mais utilizadas para desenvolver aplicativos C/C++. Caso ainda não a possua, você pode efetuar o download dela em: https://www.codeblocks.org/downloads/ ## GTK Antes de mais nada, é importante que o GTK esteja configurado no seu ambiente. Caso tenha tenha feito isso, no [meu artigo anterior](https://www.treinaweb.com.br/blog/?p=19583), detalho como este processo pode ser realizado. ## Configurando o GTK no Code::Blocks Aqui demonstrarei a configuração do GTK na versão do Windows do Code::Blocks, entretanto nos demais ambientes este processo não difere muito. Ao logo da configuração apontarei os pontos de divergências. Com o GTK configurado no ambiente, abra o Code::Blocks e selecione a opção de menu **Settings > Compiler…**: ![Menu Settings > Compiler… do Code::Blocks](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/code_blocks_menu_settings_compiler.png) Será exibida a tela abaixo: ![Tela de configuração do compilador do Code::Blocks](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/code_blocks_compiler_settings.png) Nela, clique na aba “**Toolchain executables**” e no campo **“Compiler’s installation directory”** informe o local de instalação do MSYS2: ![Aba Toolchain executables na tela de configuração do compilador do Code::Blocks](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/code_blocks_compiler_settings_msys2_path.png) No Windows, é importante que seja definido a pasta com o pós-fixo “64”, geralmente nomeada como “**mingw64**”. Nos demais sistemas operacionais esta configuração não é necessária, porque o Code::Blocks já detecta o compilador padrão do sistema, onde o GTK é adicionado nestes sistemas. Com isso, já é possível criar uma aplicação com suporte ao GTK. ## Criando o Hello World do GTK no Code::Blocks Ao criar um projeto no Code::Blocks, ele lista a opção de projeto GTK+: ![Code::Blocks novo projeto, selecionada a opção GTK+](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/code_blocks_project_gtk.png) Entretanto, esta opção cria uma aplicação que utiliza uma versão descontinuada no GTK, assim, ela **não deve ser selecionada**. Para o exemplo, opte pela opção “**Empty project**”: ![Code::Blocks novo projeto, selecionada a opção Empty project](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/code_blocks_project_empty.png) No projeto criado, crie um arquivo de código chamado **main.c** e adicione nele o código abaixo: ```cpp #include static void print_hello (GtkWidget *widget, gpointer data) { g_print ("Hello World\n"); } static void activate (GtkApplication *app, gpointer user_data) { GtkWidget *window; GtkWidget *button; GtkWidget *button_box; window = gtk_application_window_new (app); gtk_window_set_title (GTK_WINDOW (window), "Olá Mundo"); gtk_window_set_default_size (GTK_WINDOW (window), 200, 200); button_box = gtk_button_box_new (GTK_ORIENTATION_HORIZONTAL); gtk_container_add (GTK_CONTAINER (window), button_box); button = gtk_button_new_with_label ("Hello World"); g_signal_connect (button, "clicked", G_CALLBACK (print_hello), NULL); g_signal_connect_swapped (button, "clicked", G_CALLBACK (gtk_widget_destroy), window); gtk_container_add (GTK_CONTAINER (button_box), button); gtk_widget_show_all (window); } int main (int argc, char **argv) { GtkApplication *app; int status; app = gtk_application_new ("treinaweb.helloworld", G_APPLICATION_FLAGS_NONE); g_signal_connect (app, "activate", G_CALLBACK (activate), NULL); status = g_application_run (G_APPLICATION (app), argc, argv); g_object_unref (app); return status; } ``` Caso este código seja executado, o Code::Blocks apresentará o erro abaixo: ![Erro de gtk não encontrado](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/code_blocks_error.png) Isso ocorre porque ele não conseguiu encontrar as bibliotecas utilizadas pelo GTK, para fazer isso, é necessário selecionar a opção de menu **Project > Build Options..**: ![Opção Project > Build Options.. do Code::Blocks](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/code_blocks_menu_project_build_options.png) Na tela apresentada: ![Tela Build Options do projeto](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/code_blocks_project_build_settings.png) Selecione a aba “**Other compiler options**” e informe: ```shell `pkg-config --cflags gtk+-3.0` ``` Ficando da seguinte forma: ![Aba Other compiler options selecionada na opção Debug](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/code_blocks_project_build_settings_other_compiler_options_debug.png) Também defina esta configuração em Release: ![Aba Other compiler options selecionada na opção Release](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/code_blocks_project_build_settings_other_compiler_options_release.png) Por fim, na aba **Linker settings**, deve ser informado o texto abaixo: ```shell `pkg-config --libs gtk+-3.0` ``` No campo “**Other linker options**”: ![Aba Other linker options selecionada na opção Debug](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/code_blocks_project_build_settings_other_linker_options_debgug.png) Assim como a configuração anterior, esta também precisa ser definida em Release: ![Aba Other linker options selecionada na opção Release](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/code_blocks_project_build_settings_other_compiler_options_release.png) Estas configurações farão as bibliotecas do GTK serem carregadas no momento da execução da aplicação. Com isso, ao executá-la será exibida a janela do GTK: ![Tela GTK da aplicação](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/hello_world_gtk.png) Agora o projeto está configurado para o GTK, permitindo a criação uma aplicação completa utilizando o Code::Blocks. [ ![C Avançado](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/c.svg) Curso C Avançado Conhecer o curso ](https://www.treinaweb.com.br/curso/c-avancado) Com isso ficamos por aqui. Até a próxima! - [ #C ](https://www.treinaweb.com.br/blog/tag/c) - [ #GTK ](https://www.treinaweb.com.br/blog/tag/gtk) - [ #Code::Blocks ](https://www.treinaweb.com.br/blog/tag/codeblocks) - [ #GUI ](https://www.treinaweb.com.br/blog/tag/gui) Autor ![Wladimilson M. Nascimento](//secure.gravatar.com/avatar/f0dd442f156a3eacd2880e9cd0eafbd1?d=mm) ## Wladimilson M. Nascimento Instrutor, nerd, cinéfilo e desenvolvedor nas horas vagas. Graduado em Ciências da Computação pela Universidade Metodista de São Paulo. [Todos os artigos](https://www.treinaweb.com.br/blog/autor/wladimilson-m-nascimento) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/03/criando-interfaces-graficas-no-c-com-gtk-400x280.png) [ C ](https://www.treinaweb.com.br/blog/categoria/c) 6 anos atrás ## [ Criando interfaces gráficas no C com GTK ](https://www.treinaweb.com.br/blog/criando-interfaces-graficas-no-c-com-gtk) Aplicações Desktop ainda são muito utilizadas. Neste artigo aprenda como utilizar o GTK para criar interfaces gráficas no C. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/04/utilizando-o-mysql-em-uma-aplicacao-c-400x280.png) [ Desenvolvimento Back-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-back-end) 6 anos atrás ## [ Utilizando o MySQL em uma aplicação C ](https://www.treinaweb.com.br/blog/utilizando-o-mysql-em-uma-aplicacao-c) Veja as configurações necessárias para utilizar o MySQL em uma aplicação C. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/08/01172547/NET-CORE-3-400x280.png) [ C# ](https://www.treinaweb.com.br/blog/categoria/csharp) 7 anos atrás ## [ .NET Core 3.0 - Criando tarefas de segundo plano com Worker Service ](https://www.treinaweb.com.br/blog/net-core-3-0-criando-tarefas-de-segundo-plano-com-worker-service) Você já quis criar tarefas em segundo plano com o .NET Core? Na versão 3.0 foi introduzido o template Worker Service que facilita a criação deste tipo de aplicação. Caso tenha passado por uma situação assim, neste artigo mostramos como você pode aproveitar este novo recurso do .NET Core 3.0. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/04/05114901/ORLEANS-NET-CORE-400x280.png) [ C# ](https://www.treinaweb.com.br/blog/categoria/csharp) 9 anos atrás ## [ Criando uma aplicação distribuída com ASP.NET Core e o Microsoft Orleans ](https://www.treinaweb.com.br/blog/criando-uma-aplicacao-distribuida-com-asp-net-core-e-o-microsoft-orleans) Veja o exemplo de uma aplicação ASP.NET Core acessando os dados de um servidor cluster definido com o Microsoft Orleans. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/10/17134625/MSTEST-400x280.png) [ Desenvolvimento Back-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-back-end) 7 anos atrás ## [ Testes unitários no C# com MSTest ](https://www.treinaweb.com.br/blog/testes-unitarios-no-c-com-mstest) Testes unitários ajudam a garantir a qualidade de uma aplicação. Uma forma de garantir isso no C# é através da biblioteca MSTest. Veja como como utilizá-la. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/09/30170147/XUNIT-400x280.png) [ Testes e Projetos ](https://www.treinaweb.com.br/blog/categoria/testes-e-projetos) 7 anos atrás ## [ Testes unitários no C# com o xUnit ](https://www.treinaweb.com.br/blog/testes-unitarios-no-c-com-o-xunit) Testes unitários ajudam a garantir a qualidade de uma aplicação. Uma forma de garantir isso no C# é através da biblioteca xUnit. Veja como como utilizá-la. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/11/03160827/NANCY-400x280.png) [ C# ](https://www.treinaweb.com.br/blog/categoria/csharp) 8 anos atrás ## [ Criando uma API RESTful com o NancyFx e .NET Core ](https://www.treinaweb.com.br/blog/criando-uma-api-restful-com-o-nancyfx-e-net-core) O NancyFX é um leve framework para o C#. Veja como utilizá-lo para criar uma API RESTful. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/09/12175052/NUNIT-400x280.png) [ Testes e Projetos ](https://www.treinaweb.com.br/blog/categoria/testes-e-projetos) 7 anos atrás ## [ Teste unitários no C# com o NUnit ](https://www.treinaweb.com.br/blog/teste-unitarios-no-c-com-o-nunit) Testes unitários ajudam a garantir a qualidade de uma aplicação. No C# temos a biblioteca NUnit. Veja aqui como adicioná-la no seu projeto. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/04/16095041/OCELOT-400x280.png) [ C# ](https://www.treinaweb.com.br/blog/categoria/csharp) 8 anos atrás ## [ Criando um API Gateway com ASP.NET Core e Ocelot ](https://www.treinaweb.com.br/blog/criando-um-api-gateway-com-asp-net-core-e-ocelot) Conheça o conceito de API Gateway e veja como criá-lo em uma aplicação ASP.NET utilizando a biblioteca Ocelot. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/02/01143234/PROVEDORES-LOG-400x280.png) [ C# ](https://www.treinaweb.com.br/blog/categoria/csharp) 8 anos atrás ## [ Criando um provider customizado para o Microsoft.Extensions.Logging ](https://www.treinaweb.com.br/blog/criando-um-provider-customizado-para-o-microsoft-extensions-logging) Aprenda a criar um provedor customizado para o Microsoft.Extensions.Logging Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2017/09/automatizando-tarefas-de-um-projeto-csharp-com-o-cake-400x280.png) [ C# ](https://www.treinaweb.com.br/blog/categoria/csharp) 9 anos atrás ## [ Automatizando tarefas de um projeto C# com o Cake ](https://www.treinaweb.com.br/blog/automatizando-tarefas-de-um-projeto-csharp-com-o-cake) Veja como o Cake pode auxiliar na automação de tarefas de um projeto .NET Core. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/11/criando-aplicacoes-desktop-multiplataforma-com-asp-net-core-e-electron-net-400x280.png) [ ASP .NET ](https://www.treinaweb.com.br/blog/categoria/asp-net) 6 anos atrás ## [ Criando aplicações desktop multiplataforma com ASP.NET Core e Electron.NET ](https://www.treinaweb.com.br/blog/criando-aplicacoes-desktop-multiplataforma-com-asp-net-core-e-electron-net) Otimize a criação de aplicações desktop reutilizando códigos do ASP.NET Core, com a ajuda do Electron.NET. Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **12h 43min 16s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58