使用開源工具M(jìn)onoDevelop開發(fā)GTK#圖形界面
Mono一直到現(xiàn)在的2.8已經(jīng)完全可以勝任一些比較小的項(xiàng)目了,但相關(guān)的開發(fā)文檔與教程一直比較匱乏,中文材料更是***。雖然Mono與.net很多類庫都是通用的,但Mono仍然有為數(shù)不少的擴(kuò)充類庫,其中最重要的就是對于GTK二次封裝的GTK#圖形界面類庫了,目前想要開發(fā)原生的Mono圖形界面程序此類庫必不可少。在MonoDevelop里已經(jīng)支持對于GTK#界面設(shè)計(jì)的直接拖放,有相關(guān)經(jīng)驗(yàn)的開發(fā)人員可以很快上手。
Mono官方網(wǎng)站上也有一篇GTK#開發(fā)的入門文檔:Stetic GUI Designer,現(xiàn)在結(jié)合此教程簡要概述一下如何在MonoDevelop下使用GTK#。
首先,我們需要做的就是創(chuàng)建一個(gè)工程……(這是一句廢話)。在MonoDevelop主界面選擇文件->New->Solution(話說目前MonoDevelop漢化工作還未徹底完成,菜單中中文夾英文……),在彈出來的對話框選擇C#->GTK#2.0工程。
輸入想建立的工程名,我們這里用“SteticTutorial”,然后點(diǎn)新建。再下面的一個(gè)對話框中根據(jù)自己的需求選擇,然后就可以點(diǎn)擊OK了。
稍等一會之后,可以看到MonoDevelop已經(jīng)幫我們做好了一個(gè)GTK#工程所需要做的最基本的工作了,點(diǎn)擊運(yùn)行菜單里的運(yùn)行按鈕或者工具欄上的齒輪按鈕就可以編譯執(zhí)行當(dāng)前工程了,因?yàn)槲覀儸F(xiàn)在什么也沒做,只是單純彈出了一個(gè)空白的窗體。
嗯嗯,很漂亮的界面……咳咳……
現(xiàn)在我們要往這個(gè)界面中添加一些控件,雙擊工程目錄中的MainWindow.cs,這里可以看到窗體事件的代碼。注意看MonoDevelop的下方有兩個(gè)選項(xiàng),目前選中的是“源代碼”,現(xiàn)在讓我們點(diǎn)擊“設(shè)計(jì)器”。
界面右側(cè)有隱藏的工具欄,其中有常用的控件,現(xiàn)在我們可以使用常用的拖放操作來畫窗體了,萬歲~
好了,現(xiàn)在我們先不急,首先選中主窗體(MainWindow),然后再右側(cè)的屬性欄可以查看當(dāng)前選中控件的屬性。
我們先把Window Tile一項(xiàng)改成需要的名字,這一項(xiàng)決定了窗體運(yùn)行時(shí)標(biāo)題欄上的文字。
好了,剩下的就是往窗體中拖放控件。這里GTK#與WinForms有一些不同,WinForms下直接往窗體上拖放需要使用的控件就好,而基于GTK的GTK#,大部分控件都需要放在“容器”中。容器就是專門用來盛放控件的控件,在工具欄的***部分全是這些容器。GTK#就是依賴這些容器來進(jìn)行控件的定位的,學(xué)習(xí)過Swing或者QT的同學(xué)應(yīng)該很容易理解。
根據(jù)我們的需要,我們往主窗體拖放一個(gè)VBox。VBox是一個(gè)縱向排列的容器,將窗體分割為了一個(gè)個(gè)縱向的單元,可以往這些單元中添加控件或者其他容器來滿足需求。
默認(rèn)的VBox有三欄,我們需要兩欄就足夠了。右擊第三個(gè),選擇“Delete”。
大部分窗體應(yīng)用中菜單欄是不可或缺的一部分,所以我們首先要往窗體中VBox頂欄中添加一個(gè)MenuBar。VBox的一個(gè)很有意思的特性就是可以根據(jù)它其中的控件而改變?nèi)萜鞯拇笮?,所以?dāng)我們把MenuBar拖進(jìn)***欄的時(shí)候可以看到MenuBar并沒有變得像整個(gè)窗體一半大小那樣難看,而是自動將VBox縮成單行的寬度了。
接下來添加菜單選項(xiàng)就很簡單了,直接點(diǎn)擊“Click to create menu”就可以添加按鈕,還可以選擇按鈕的圖標(biāo)。選中菜單,在屬性欄還可以設(shè)置Accelerator項(xiàng)來設(shè)定此菜單的快捷鍵。
建立完菜單后,MainWindow.cs的窗體下多了一個(gè)選項(xiàng)“行為”(英文叫Action),點(diǎn)開,看到我們之前在菜單欄中所有的定義。選中“Exit”,然后查看屬性欄,注意看屬性欄上方有一個(gè)“信號”(Signal)的選項(xiàng)看,選擇它。
在“Activated”項(xiàng)后面的Hander一欄點(diǎn)擊“Click here to add a new hander”,需要注意的是很多時(shí)候因?yàn)楣ぞ邫谀J(rèn)寬度有些窄而導(dǎo)致Handler項(xiàng)顯示不出來,我們可以拉長一下工具欄的長度。點(diǎn)擊后添加一個(gè)“OnExit”的事件,雙擊它進(jìn)入源代碼編輯窗口。
這里添加一句代碼:
- protected virtual void OnExit(object sender, System.EventArgs e)
- {
- Application.Quit();
- }
嘗試編譯運(yùn)行一下,在程序菜單欄的File菜單欄中選擇Exit,看看程序是否如期關(guān)閉。
如果你的代碼沒有問題的話,讓我們繼續(xù)往下走?,F(xiàn)在VBox的下欄還空著,我們往里添加一個(gè)TextView控件,命名為logTextView。原教程中提到先要添加一個(gè)ScrolledWindow容器,再往其中填充TextView控件才能實(shí)現(xiàn)滾動條,但實(shí)際發(fā)現(xiàn)ScrolledWindow容器并非必需的,大概是GTK#版本不同的緣故吧。
好了,現(xiàn)在我們的程序界面已經(jīng)完成,已經(jīng)可以在窗體寫入文字。不過你會發(fā)現(xiàn)有一個(gè)小問題,TextView并不能自動換行,每當(dāng)一行文字的長度超過窗體的長度時(shí)程序只是添加了一個(gè)水平的滾動條。解決這個(gè)問題的方法很簡單,只要將textview控件的Wrap Mode改為Word or Charactor就可以了。實(shí)際編程中***將此屬性最為可選項(xiàng)提供為用戶。
剩下的就是在每個(gè)菜單添加相應(yīng)時(shí)間代碼:
- For the OnOpen method:
- protected virtual void OnOpen(object sender, System.EventArgs e) {
- // Reset the logTreeView and change the window back to original size
- int width, height;
- this.GetDefaultSize( out width, out height );
- this.Resize( width, height );
- logTextView.Buffer.Text = "";
- // Create and display a fileChooserDialog
- FileChooserDialog chooser = new FileChooserDialog(
- "Please select a logfile to view ...",
- this,
- FileChooserAction.Open,
- "Cancel", ResponseType.Cancel,
- "Open", ResponseType.Accept );
- if( chooser.Run() == ( int )ResponseType.Accept ) {
- // Open the file for reading.
- System.IO.StreamReader file =
- System.IO.File.OpenText( chooser.Filename );
- // Copy the contents into the logTextView
- logTextView.Buffer.Text = file.ReadToEnd();
- // Set the MainWindow Title to the filename.
- this.Title = "Nate's Log Viewer -- " + chooser.Filename.ToString();
- // Make the MainWindow bigger to accomodate the text in the logTextView
- this.Resize( 640, 480 );
- // Close the file so as to not leave a mess.
- file.Close();
- } // end if
- chooser.Destroy();
- } // end method OnOpen
- For the OnClose method:
- protected virtual void OnClose(object sender, System.EventArgs e) {
- // Reset the logTreeView and change the window back to original size
- int width, height;
- this.GetDefaultSize( out width, out height );
- this.Resize( width, height );
- logTextView.Buffer.Text = "";
- // Change the MainWindow Title back to the default.
- this.Title = "Nate's Log Viewer"; }
- // end method OnClose
- For the OnAbout method:
- protected virtual void OnAbout(object sender, System.EventArgs e) {
- // Create a new About dialog
- AboutDialog about = new AboutDialog();
- // Change the Dialog's properties to the appropriate values.
- about.Name = "Nate's Log Viewer";
- about.Version = "1.0.0";
- // Show the Dialog and pass it control
- about.Run();
- // Destroy the dialog
- about.Destroy(); }
- // end method OnAbout
其實(shí)可以更加完善,比如再新建文檔或者關(guān)閉文檔的時(shí)候檢測textview內(nèi)容是否改變,提示用戶保存等等功能。
編譯運(yùn)行界面:
原文鏈接:http://www.cnblogs.com/aisk/archive/2010/11/24/1886988.html
【編輯推薦】