MAUI计算器实例

原创

已于 2023-03-03 13:34:27 修改 · 432 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #html #数据库

于 2023-03-02 15:11:13 首次发布

这段代码展示了如何使用XAML创建一个简单的计算器界面，包括按钮布局、字体设置和事件处理。点击按钮时，会根据状态（输入数字、选择操作符或计算结果）更新标签显示的内容，并执行相应的计算操作。同时，还包括清除功能和操作符记录。

<Grid RowDefinitions="2*,*,*,*,*" ColumnDefinitions="*,*,*,*" BackgroundColor="Gray" ColumnSpacing="1" RowSpacing="1">
        <Label x:Name="lblResult" Grid.ColumnSpan="4"
               BackgroundColor="White" FontAttributes="Bold"
               FontSize="36" HorizontalTextAlignment="End"
               VerticalTextAlignment="Center" Padding="10"
               Text="0" TextColor="Orange"/>
        <Button Text="1" Grid.Row="1" Grid.Column="0" FontSize="28"  Style="{StaticResource numSytle}" Clicked="OnNum_Clicked" />
        <Button Text="2" Grid.Row="1" Grid.Column="1" FontSize="28"  Style="{StaticResource numSytle}" Clicked="OnNum_Clicked"  />
        <Button Text="3" Grid.Row="1" Grid.Column="2" FontSize="28"  Style="{StaticResource numSytle}" Clicked="OnNum_Clicked" />
        <Button Text="+" Grid.Row="1" Grid.Column="3" FontSize="28"  Style="{StaticResource operStyle}" Clicked="OnOper_Clicked"/>

        <Button Text="4" Grid.