[自我修煉活動][WPF][4]TextBox 控制項與 Button 控制項

  • 10345
  • 0
  • 2010-08-19

[自我修煉活動][WPF][4]TextBox 控制項與 Button 控制項

 

點部落活動 : VS2010/.NET 4.0系列書籍贈書自我修煉活動 

書籍 : Visual C# 2010與 UML 開發實戰 作者 : 張書源 

 

課程目標

了解 TextBox 控制項與 Button 控制項

 

TextBox 控制項

TextBox 控制項是標準的文字輸入方塊,可以讓您顯示或編輯未格式化的文字。例如在表單中要求使用者填入姓名、電話號碼等資訊時,我們可以使用 TextBox 控制項提供使用者輸入文字資訊。除此之外,TextBox 控制項提供許多屬性,可以幫助我們對輸入文字做限制、檢查與變化,例如設定 CharacterCasing 屬性,讓使用者輸入自動轉大寫或小寫,使用 SpellCheck 類別的 IsEnabled 屬性在 TextBox 中啟用即時拼字檢查。

命名空間 : System.Windows.Controls

組件 : PresentationFramework (在 PresentationFramework.dll 中)

XMLNS : http://schemas.microsoft.com/winfx/2006/xaml/presentation, http://schemas.microsoft.com/netfx/2007/xaml/presentation

MSDN 文件庫 : http://msdn.microsoft.com/zh-tw/library/ms743481.aspx

image

 

Button 控制項

Button 控制項是常見的按鈕操作介面,會回應滑鼠、鍵盤、手寫筆或其他輸入裝置的使用者輸入,並引發 Click 事件。Button 控制項可以包含簡單的內容,例如文字,也可以包含複雜的內容,例如影像和 Panel 控制項。

命名空間 : System.Windows.Controls

組件 : PresentationFramework (在 PresentationFramework.dll 中)

XMLNS : http://schemas.microsoft.com/winfx/2006/xaml/presentation, http://schemas.microsoft.com/netfx/2007/xaml/presentation

MSDN 文件庫 : http://msdn.microsoft.com/zh-tw/library/ms752065.aspx

image

 

範例 : 在 TextBox 控制項選取文字

透過 TextBox 控制項的 SelectionStart、SelectionLength 屬性選取文字,使用 SelectedText 屬性擷取使用者在 TextBox 控制項中選取的文字。

首先在表單中,加入 TextBox 控制項與兩個 Button 控制項,請按照以下屬性作設定 :

  • TextBox 控制項 : Name: txtMessage,Width: 120
  • Button 控制項 : Name: btnSelectAll,Content: 選取全部
  • Button 控制項 : Name: btnSelectSection,Content: 選取前10個字元

假如忘記怎麼設定,請參考下圖。此外,建議在右下角 [屬性] 視窗做這些設定。

image

在兩個 Button 控制項上用滑鼠左鍵雙擊,加入 Button 控制項預設事件 Click 事件。

image

接著在事件中撰寫程式碼


        private void btnSelectAll_Click(object sender, RoutedEventArgs e)
        {
            // 將焦點置於 txtMessage
            this.txtMessage.Focus();
            // 選取所有內容
            this.txtMessage.SelectAll();
            // 透過 MessageBox 顯示在 txtMessage 選取內容
            MessageBox.Show(this.txtMessage.SelectedText,"選取全部");
        }

        private void btnSelectSection_Click(object sender, RoutedEventArgs e)
        {
            // 將焦點置於 txtMessage
            this.txtMessage.Focus();
            // 選取選取範圍開頭
            this.txtMessage.SelectionStart = 0;
            // 選取選取範圍字元數
            this.txtMessage.SelectionLength = 10;
            // 透過 MessageBox 顯示在 txtMessage 選取內容
            MessageBox.Show(this.txtMessage.SelectedText,"選取前10個字元");
        }

在撰寫的過程中您會發現 Visual Studio 會自動列出該控制項的屬性、方法與事件。

image

另外請養成習慣,在撰寫程式過程中適當的加上註解,撰寫註解的方式為 // 註解文字,也可以透過功能表上的註解工具 image 進行註解。

當程式撰寫完成後,請按功能表上的image 或按快速鍵 F5 進行編譯與偵錯,接著就可以看到程式執行結果。

image

請在 TextBox 上輸入文字,然後按 [選取全部] 與 [選取前10個字元] 按鈕,分別會跳出 MessageBox 顯示選取文字結果。

image image