{"id":818,"date":"2010-04-08T17:15:43","date_gmt":"2010-04-09T00:15:43","guid":{"rendered":"http:\/\/wp.colliertech.org\/cj\/?p=818"},"modified":"2010-04-09T17:47:50","modified_gmt":"2010-04-10T00:47:50","slug":"getting-started-with-gtk%e2%99%af","status":"publish","type":"post","link":"https:\/\/wp.c9h.org\/cj\/?p=818","title":{"rendered":"Getting started with gtk\u00e2\u2122\u00af"},"content":{"rendered":"

This is a quick tutorial for getting a first gtk-sharp app up and going.<\/p>\n

Install MonoDevelop<\/h3>\n
$<\/b> sudo apt-get install monodevelop libgtk2.0-cil-dev<\/pre>\n
Start MonoDevelop<\/h3>\n
It’ll be in your GNOME application menu under Applications->Programming->MonoDevelop<\/p>\n
Create a new Gtk# Project<\/h3>\n
\"Create<\/a>
Create New Project<\/figcaption><\/figure>\n
\"Select<\/a>
Select Gtk# 2.0 Project<\/figcaption><\/figure>\n
\"Select<\/a>
Select Project Features<\/figcaption><\/figure>\n
\"Hello<\/a>
Hello World<\/figcaption><\/figure>\n
Run project<\/h3>\n
You can run this boilerplate by pressing Ctrl-F5<\/p>\n
Using the Designer<\/h3>\n
Double-click on the file named MainWindow.cs<\/b> in the Solution<\/b> section.  When the file opens, click the Designer<\/b> button below the code view.<\/p>\n
\"The<\/a>
The Designer<\/figcaption><\/figure>\n
The Toolbox<\/h4>\n
To add the Toolbox, press Alt-Shift-B or click View->Toolbox.<\/p>\n
Drag a VBox<\/b> widget from the Toolbox to the main window.<\/p>\n
\"Add<\/a>
Add VBox<\/figcaption><\/figure>\n
Drop a Menu Bar<\/b> widget into the top cell of the VBox, and a Statusbar<\/b> into the bottom.<\/p>\n
\"Insert<\/a>
Insert Menu and Status Bar<\/figcaption><\/figure>\n
Properties grid<\/h4>\n
Drop a Button<\/b> widget into the middle cell of the VBox.
\nAdd the Properties<\/b> grid from the View menu (Alt+Shift+P or View->Properties).
\nSelect the new button by clicking on it.
\nIn the Properties grid, expand the Button Properties<\/b> section and click the value of the Label<\/b> field.  Delete the default content and replace it with a different string.<\/p>\n
\"Button<\/a>
Button with new Label<\/figcaption><\/figure>\n
Adding a Click handler<\/h4>\n
Select the button in the Designer view
\nIn the Property<\/b> grid, select the Signals<\/b> tab
\nClick twice on the text in the column to the right of the Clicked<\/b> and replace Click here to add a new handler<\/i> with MyButtonClickHandler<\/i><\/p>\n
\"Add<\/a>
Add a click handler<\/figcaption><\/figure>\n
Click on the Source Code<\/b> button below the viewer window to switch to the C\u00e2\u2122\u00af code.  You can use the find tool to search for the new handler you created, called MyButtonClickHandler<\/i>.  Ctrl-F will bring up the find dialogue.
\n
\"Browse<\/a>
Browse to click handler<\/figcaption><\/figure><\/p>\n
Add some code to update the status bar.<\/p>\n
\r\n\tprotected virtual void MyButtonClickHandler (object sender, System.EventArgs e)\r\n\t{\r\n\t\tvar contextId = this.statusbar1.GetContextId(\"clicked\");\r\n\t\tthis.statusbar1.Push(contextId, \"Clicky-Clicky\" );\r\n\t}\r\n<\/pre>\n
\"Click<\/a>
Click handler code<\/figcaption><\/figure>\n
Modify button layout<\/h4>\n
The size of the running window is a little weird.  I fixed mine by un-setting the Auto Size<\/b> boolean and setting the Expand<\/b> and Fill<\/b> in the Box Child Layout<\/b> section of the Properties grid.<\/p>\n
\"Button<\/a>
Button layout changes<\/figcaption><\/figure>\n
Exercise button click handler<\/h4>\n
Run your application with Ctrl-F5 and click on the button.  You should see the new string show up in the status bar at the bottom left of the window.<\/p>\n
\"Not<\/a>
Not yet clicked<\/figcaption><\/figure>\n
\"Clicked<\/a>
Clicked + Status update<\/figcaption><\/figure>\n
Add Menu items<\/h4>\n
\"Create<\/a>
Create File Menu Entry<\/figcaption><\/figure>\n\"Create<\/a>\n
\"Add<\/a>
Add Quit event handler<\/figcaption><\/figure>\n
\"Add<\/a>
Add Clear Statusbar Activate Handler<\/figcaption><\/figure>\n\n
Tweet<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"
This is a quick tutorial for getting a first gtk-sharp app up and going. Install MonoDevelop $ sudo apt-get install monodevelop libgtk2.0-cil-dev Start MonoDevelop It’ll be in your GNOME application menu under Applications->Programming->MonoDevelop Create a new Gtk# Project Run project You can run this boilerplate by pressing Ctrl-F5 Using the Designer Double-click on the file […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[38,17,79,75,62,7,130,210],"tags":[],"class_list":["post-818","post","type-post","status-publish","format-standard","hentry","category-c","category-debian","category-free-software","category-gnome","category-gtk","category-mono","category-ubuntu","category-ubuntu-us-wa"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1YDIB-dc","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/wp.c9h.org\/cj\/index.php?rest_route=\/wp\/v2\/posts\/818","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.c9h.org\/cj\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.c9h.org\/cj\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.c9h.org\/cj\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.c9h.org\/cj\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=818"}],"version-history":[{"count":28,"href":"https:\/\/wp.c9h.org\/cj\/index.php?rest_route=\/wp\/v2\/posts\/818\/revisions"}],"predecessor-version":[{"id":843,"href":"https:\/\/wp.c9h.org\/cj\/index.php?rest_route=\/wp\/v2\/posts\/818\/revisions\/843"}],"wp:attachment":[{"href":"https:\/\/wp.c9h.org\/cj\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.c9h.org\/cj\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.c9h.org\/cj\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}