Win10系列：C#应用控件基础1

Button控件

在Windows应用商店应用的开发中，Button控件是使用比较频繁的控件之一，当用户单击Button控件时，会触发相应的单击事件并在定义好的事件处理方法中执行指定的功能。下面将介绍Button控件的使用方法。

在XAML文件中，Button控件的用法如下所示：

<Button .../>

-或-

<Button ...>

<!--添加子元素-->

</Button>

-或-

<Button ...>

<!--添加字符串-->

</Button>

下面介绍一下Button控件的常用属性：

• Content属性，获取或设置Button控件的文本内容。
• FontSize属性，获取或设置Button控件文本的大小。
• Height属性，获取或设置Button控件的高度。
• HorizontalAlignment属性，获取或设置Button控件水平居中、居左、居右和拉伸对齐方式，相对应的属性值分别为Center、Left、Right和Stretch。
• VerticalAlignment属性，获取或设置Button控件竖直居中、置顶、置底和拉伸对齐的方式，相对应的属性值分别为Center、Top、Bottom和Stretch。
• Margin属性，获取或设置Button控件的位置。
• Name属性，获取或设置Button控件的名称。
• Width属性，获取或设置Button控件的宽度。

介绍完常用属性后，接着来看一下Button控件的常用事件：

• Click事件，当单击Button控件时触发。
• DoubleTapped事件，当双击Button控件时触发。
• KeyDown事件，当按下键盘上的一个键时触发。
• KeyUp事件，在键盘上按下的键被释放时触发。

接下来通过一个示例来介绍Button控件的使用方法，通过在界面中添加Button控件设计一个"提交"按钮，单击这个按钮会在界面上的文本框中显示"提交成功"文本信息。

新建一个Windows应用商店的空白应用程序项目，并命名为ClickSubmitButtonDemo，在MainPage.xaml文件的Grid元素中添加如下代码。

<Button Name="SubmitButton" HorizontalAlignment="Left" Content="提交" Height="65" Margin="558,252,0,0" FontSize="30" VerticalAlignment="Top" Width="111" Click="SubmitButton_Click"/>

<TextBox Name="ShowText" FontSize="20" HorizontalAlignment="Left" Height="60" Margin="434,256,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="108"/>

在上面的代码中，添加了一个Button按钮并为其Click事件注册了事件处理方法，接着设置其Height属性值为65，FontSize属性值为30。然后添加一个TextBox控件用于显示文本信息，使用鼠标将控件拖动到合适的位置。

布局好前台界面后，打开MainPage.xaml.cs文件，为"提交"按钮的单击事件处理方法SubmitButton_Click填写代码，当单击"提交"按钮时会在ShowText文本框中显示"提交成功"文本信息，代码如下所示：

//在ShowText文本框中显示"提交成功"文本信息

private void SubmitButton_Click (object sender, RoutedEventArgs e)

{

ShowText.Text = "提交成功";

}

在SubmitButton_Click方法中，将"提交成功"字符串赋给文本框ShowText的Text属性，使ShowText文本框显示"提交成功"文本信息。

按下F5键后运行程序，在界面中可以看到一个"提交"按钮和一个文本框，如图4-1所示。单击"提交"按钮后在文本框中会显示"提交成功"文本信息，效果如图4-2所示。

图4-1使用Button控件设计的"提交"按钮 图 4-2 单击"提交"按钮后效果图