修改应用程序

目标:为Xamarin.Forms应用添加按钮交互功能,点击按钮计数。

操作步骤

  1. 编辑 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方法
  1. 编辑 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;:定义计数器,初始值0
  • count++;:每点击一次,计数器+1
  • ((Button)sender).Text = ...:修改被点击按钮上显示的文字,展示当前点击次数
  1. 调试运行(Android模拟器) 确保Android模拟器已经启动,在Visual Studio中点击【调试】按钮,编译部署App到模拟器。 运行效果:打开应用,点击按钮,按钮文字会不断更新:You clicked 1 times.You clicked 2 times.……

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注