Xamarin Forms中如何重置按钮计数为0并实现圆形按钮布局？

实现方案 #

1. 修改CountPage.xaml代码

你需要新增水平布局容器承载两个按钮，同时给按钮配置圆形样式参数，修改后完整代码如下：

<StackLayout Spacing="10">
    <Label Text="0" x:Name="labelCount" 
           HorizontalOptions="Center"
           VerticalOptions="CenterAndExpand" 
           FontSize="36"/>
    <!-- 水平布局容器实现按钮左右排布 -->
    <StackLayout Orientation="Horizontal" HorizontalOptions="FillAndExpand" Padding="30,0">
        <Button Text="Count" 
                WidthRequest="60" 
                HeightRequest="60" 
                CornerRadius="30" 
                HorizontalOptions="Start"
                Clicked="Increment"/>
        <Button Text="Reset" 
                WidthRequest="60" 
                HeightRequest="60" 
                CornerRadius="30" 
                HorizontalOptions="End"
                Clicked="ResetCount"/>
    </StackLayout>
</StackLayout>

圆形按钮实现逻辑：按钮的CornerRadius属性值等于宽高的1/2时，即可渲染为正圆形，这里宽高统一设为60、圆角设为30即可，你可以根据需求调整尺寸。

2. 修改CountPage.xaml.cs代码

新增重置按钮的点击事件处理逻辑，修改后完整代码如下：

int labelValue = 0;
public CountPage()
{
    InitializeComponent();
}

private void Increment(object sender, EventArgs e)
{
    labelValue++;
    labelCount.Text = labelValue.ToString();
}

// 新增重置计数方法
private void ResetCount(object sender, EventArgs e)
{
    labelValue = 0;
    labelCount.Text = labelValue.ToString();
}

内容的提问来源于stack exchange，提问作者Ishaq