目标:为Xamarin.Forms应用添加按钮交互功能,点击按钮计数。
操作步骤
- 编辑 MainPage.xaml 找到页面中的布局标签(一般是
StackLayout),在布局闭合标签</StackLayout>之前添加按钮XAML代码:
<Button Text="Click Me" Clicked="Button_Clicked" />
Code language: HTML, XML (xml)
Text="Click Me":按钮上显示的文字Clicked="Button_Clicked":绑定点击事件,点击按钮会执行后台对应的Button_Clicked方法
- 编辑 MainPage.xaml.cs(后台代码) 打开MainPage的后台C#文件,在
MainPage类里面添加计数变量和点击事件方法,完整类代码如下:
public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
}
int count = 0;
private void Button_Clicked(object sender, EventArgs e)
{
count++;
((Button)sender).Text = $"You clicked {count} times.";
}
}
代码说明:
int count = 0;:定义计数器,初始值0count++;:每点击一次,计数器+1((Button)sender).Text = ...:修改被点击按钮上显示的文字,展示当前点击次数
- 调试运行(Android模拟器) 确保Android模拟器已经启动,在Visual Studio中点击【调试】按钮,编译部署App到模拟器。 运行效果:打开应用,点击按钮,按钮文字会不断更新:
You clicked 1 times.→You clicked 2 times.……

Next: 单页 Xamarin.Forms 应用程序