How to create a GUI(Graphical User Interface) using C programming Language..

How to create a GUI(Graphical User Interface) using C programming Language???  That was a big problem to me when I'm in the University first year. I knew Java GUI Designing, but couldn't find way to do it in C language. I spent many time to learn that. I think now it's time to share those knowledge :D. But since there are lot to discuss on that topic, I'm going to spelt the whole tutorial into several posts.  In this post I'll discuss how to set up the development environment.

Setting up the development environment for C language GUI designing.

Ok let's begin. First we need to have several tools for that.

1) Code Blocks IDE

2) Glade IDE

3) Gtk+

4) Libglade library

So install those things on your computer. I'll give a hint to get it much easier. If you are Ubuntu user, go to Ubuntu software center or Synaptic package manager. Find code blocks and install. Then Find for Glade and before install, check all the Add-ons then install. In this way it will automatically install gtk+ and libglade. So you don't want to worry about that:D.

A screen shot of Code Blocks IDE..



Now you have to configure Compiler and Debugger settings in Codeblocks IDE.

  • Open Code Blocks--> goto Compiler and Debugger settings




  • Select Other options in Compiler settings tab and paste this.


            `pkg-config --cflags gtk+-2.0 gmodule-export-2.0`
            `pkg-config --cflags libglade-2.0`

  • Then select Other linker options in Linker settings tab and paste this.


           `pkg-config --libs gtk+-2.0 gmodule-export-2.0`
           `pkg-config --libs libglade-2.0`

A screen shot of Glade Interface designer...


But you always free to compile your program on the terminal too. If you wish to do so it should be like this.

gcc `pkg-config --cflags libglade-2.0 --libs gtk+-2.0``pkg-config --libs gtk+-2.0 gmodule-export-2.0` main.c

Ok thats all for now . In next post I'll explain how to Design a GUI using Glade Interface Designer :D.

 

Thank you

Gihan Malan De Silva @ gihansblog.com

Comments

  1. තාරා13 August 2011 at 02:48

    wow.... great.....

    ReplyDelete
  2. Cupon Hostgator25 August 2011 at 11:01

    It's really a great and useful piece of information. I'm happy that you just shared this useful information with us. Please keep us informed like this. Thanks for sharing.

    ReplyDelete
  3. Mary Uhr25 August 2011 at 21:58

    Hey, your review above surely got me interested up to the very last word, so I just had to comment on it. Luckily I noticed it over Google and I must confess to you I rarely read the entire article of a blog as I more or less always get bored of the "gibberish" which is offered to me on a almost daily basis. In contrast your article got me hooked from the tag-line to the very end. Really unique these days in the blogging world (if you ask me). Consequently: thanks a lot and please please go on with your good work. I'll surely come back and look for new stories! Happy Blogging

    ReplyDelete
  4. sliding interior doors28 August 2011 at 06:38

    Would you be considering exchanging links?

    ReplyDelete
  5. hooher tod5 September 2011 at 14:23

    Yes there should realize the reader to RSS my feed to RSS commentary, quite simply

    ReplyDelete
  6. greg9 September 2011 at 08:59

    I would really like to see a tutorial for gtk3 with css

    ReplyDelete
  7. Vernon9 May 2012 at 14:43

    Pls, how would I do this for Windows7 ?
    Thanks...vmars316

    ReplyDelete
  8. sadi24 June 2012 at 23:21

    Hey, I am using windows 7,
    i've installed codeblocks, glade IDE+gtk,
    and did what you've ask to do in codeblocks.
    but how can i install libglade library??
    please help.

    ReplyDelete
  9. nalin11 October 2012 at 21:36

    I didn't get any setup's with glade IDE,Gtk+ & libglade library :(

    ReplyDelete
  10. sanisoni24 December 2012 at 20:59

    how to install libglade on windows?

    ReplyDelete
  11. Afsar Habib26 January 2013 at 23:47

    how to install gtk+2 and glade. please reply

    ReplyDelete
  12. Aruni Wijekoon (@AruniWijekoon)25 January 2015 at 01:15

    Hey! if i implement a program using code block,can i run it in linux environment?

    ReplyDelete
  13. ghabez30 April 2015 at 23:27

    Reblogged this on GHABEZ.

    ReplyDelete
  14. Sudipto31 July 2015 at 21:18

    Awesome post - Thank u

    ReplyDelete
  15. Sudipto31 July 2015 at 21:20

    Download the "binary" if available

    ReplyDelete
  16. desertwalker11 September 2015 at 23:23

    Excellent, thank you for your efforts. Good luck in the future..

    ReplyDelete
  17. Heet Sheth16 February 2016 at 01:37

    It became to much helpfull for me in creating gui output genarating programe in c++ as a beginner.

    ReplyDelete
  18. Getting Started with GUI using C Programming Language with GTK – Mister Narayan12 May 2020 at 00:17

    […] https://gihansblog.wordpress.com/2011/08/12/how-to-create-a-guigraphical-user-interface-using-c-prog… […]

    ReplyDelete

Post a Comment

Popular posts from this blog

Joomla 1.7 installation with XAMPP problem solved

Image
Hi, Recently Joomla 1.7 was released and obviously that is an excellent product. And new features also added. If you need any guide regarding installation these articles may help you , I think. How to install and configure Joomla 1.6 with XAMPP on Ubuntu 11.04 Though this is Joomla 1.6, there are not different between installation of 1.6 and 1.7, So thought not to add a new post on it. How to install XAMPP on Linux (Ubuntu 11.04) How to run XAMPP server on Windows with a flash drive..(portable XAMPP) In Joomla installation on XAMPP some guys are talking Joomla is giving some errors with XAMPP. Actually they are not errors, they are warnings. Is the nature of the software to give warnings. In standalone software solutions we normally do something called "error handling", right!. We need to care about Errors but we don't need to care warnings too much. So simply we can ignore them. Now the problem arises, "how to turn off the warnings", I think now I have ent...
Read more

Switching to a third party Domain Name System (DNS)?

Image
Hi everyone, today we will discuss on Domain Name Systems and usage of them. First lets see what is DNS? DNS stands for Domain Name System. And DNS is actually a database system that handle IP addresses and related domain names. When we type a web address and hit the Enter key, the ISP(Internet Service Provider) will look up the DNS for requested domain name. Then the DNS will return and direct to the correct IP address. Then we will see the requested web page. :-) Usually your Internet Service Provider maintains a DNS server for handle the DNS quires, so you don't have to worry about that. It hold a list of all the IP addresses and domain names within the network, and a cache of IP addresses which recently accessed computers outside the network.  This DNS servers are also responsible for your Internet speed. But sometimes you may realise your Internet speed is not enough. Most of the time this happens not because of your bandwidth but because of your ISP's slow DNS server. Bec...
Read more

A shell script for Renaming large number of files in Linux

Image
Hi, today I'm going to Blog about a very simple shell script, that may help you guys a lot.NO big deal, its very simple one. It was very helpful to me, once I had to rename a large number of images of Kim Kardashian.  So then I realise it will very easy doing it with a Shell script rather than manually rename it. #!/bin/bash # # Author: Gihan De Silva @  gihansblog.com # rename script # rename.sh clear x=0 for i in `ls *.jpg` do x=`expr $x + 1` mv $i Kim_Kardashian$x.jpg done echo "rename done!" Code Explanation! #!/bin/bash  This is how always a shell script starts. clear This line clears all the things already in the terminal window. x=0 This line define and declare a variable. for i in `ls *.jpg` This line starts a loop and, it will list down all the JPEG(jpg) type images. x=`expr $x + 1` This line increases the value of x by 1 . mv $i Kim_Kardashian$x.jpg This line renames all the files according to a sequence like, Kim_Kardashian1.jpg , Kim_Kardashian2.jpg, Kim_Kard...
Read more