Week 06 - 阶段检查

Program.cs 启动应用
-> App.axaml 配置应用资源
-> MainWindow.axaml 描述窗口和控件
-> 用户输入 TextBox
-> 用户点击 Button
-> MainWindow.axaml.cs 读取控件值
-> 校验并更新 TextBlock 或 ListBox

用户看到窗口
-> 用户输入或选择
-> 用户点击按钮或切换列表项
-> Avalonia 执行 C# 事件方法
-> C# 读取控件值
-> C# 校验或修改数据
-> C# 把结果写回界面控件

<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Class="ProductApp.Views.MainWindow"
        Width="700"
        Height="420"
        Title="布局检查">
  <Grid RowDefinitions="Auto,*"
        ColumnDefinitions="220,*"
        RowSpacing="12"
        ColumnSpacing="16"
        Margin="20">
    <TextBlock Grid.Row="0"
               Grid.Column="0"
               Grid.ColumnSpan="2"
               Text="商品管理"
               FontSize="24"
               FontWeight="Bold" />
 
    <Border Grid.Row="1"
            Grid.Column="0"
            BorderBrush="#DDDDDD"
            BorderThickness="1"
            Padding="12">
      <StackPanel Spacing="8">
        <TextBlock Text="左侧列表"
                   FontWeight="Bold" />
        <ListBox>
          <ListBoxItem Content="Keyboard" />
          <ListBoxItem Content="Mouse" />
          <ListBoxItem Content="Monitor" />
        </ListBox>
      </StackPanel>
    </Border>
 
    <Border Grid.Row="1"
            Grid.Column="1"
            BorderBrush="#DDDDDD"
            BorderThickness="1"
            Padding="12">
      <StackPanel Spacing="8">
        <TextBlock Text="右侧详情"
                   FontWeight="Bold" />
        <TextBlock Text="这里以后显示当前商品详情。" />
      </StackPanel>
    </Border>
  </Grid>
</Window>

<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Class="ProductApp.Views.MainWindow"
        Width="520"
        Height="320"
        Title="表单检查">
  <StackPanel Margin="20"
              Spacing="10">
    <TextBlock Text="商品名称" />
    <TextBox x:Name="NameBox"
             PlaceholderText="请输入商品名称" />
 
    <TextBlock Text="商品价格" />
    <TextBox x:Name="PriceBox"
             PlaceholderText="请输入价格" />
 
    <Button Content="保存"
            Click="OnSaveClick" />
 
    <TextBlock x:Name="ResultText"
               Text="保存结果会显示在这里。"
               TextWrapping="Wrap" />
  </StackPanel>
</Window>

using Avalonia.Controls;
using Avalonia.Interactivity;
 
namespace ProductApp.Views;
 
public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
    }
 
    private void OnSaveClick(object? sender, RoutedEventArgs e)
    {
        string name = NameBox.Text?.Trim() ?? "";
        if (name.Length == 0)
        {
            ResultText.Text = "商品名称不能为空。";
            return;
        }
 
        string priceText = PriceBox.Text?.Trim() ?? "";
        if (!decimal.TryParse(priceText, out decimal price))
        {
            ResultText.Text = "价格必须是数字。";
            return;
        }
 
        if (price <= 0)
        {
            ResultText.Text = "价格必须大于 0。";
            return;
        }
 
        ResultText.Text = $"保存成功：{name}，价格 {price}";
    }
}

<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Class="ProductApp.Views.MainWindow"
        Width="700"
        Height="420"
        Title="列表详情检查">
  <Grid ColumnDefinitions="220,*"
        ColumnSpacing="16"
        Margin="20">
    <ListBox x:Name="ProductList"
             Grid.Column="0"
             SelectionChanged="OnProductSelectionChanged" />
 
    <StackPanel Grid.Column="1"
                Spacing="10">
      <TextBlock Text="商品详情"
                 FontSize="20"
                 FontWeight="Bold" />
      <TextBlock x:Name="NameText"
                 Text="名称：" />
      <TextBlock x:Name="PriceText"
                 Text="价格：" />
      <TextBlock x:Name="ResultText"
                 Text="请选择左侧商品。" />
    </StackPanel>
  </Grid>
</Window>

using System.Collections.Generic;
using Avalonia.Controls;
 
namespace ProductApp.Views;
 
public partial class MainWindow : Window
{
    private readonly List<Product> _products = new()
    {
        new Product { Name = "Keyboard", Price = 199 },
        new Product { Name = "Mouse", Price = 99 },
        new Product { Name = "Monitor", Price = 899 }
    };
 
    public MainWindow()
    {
        InitializeComponent();
        ProductList.ItemsSource = _products;
        ProductList.SelectedIndex = 0;
    }
 
    private void OnProductSelectionChanged(object? sender, SelectionChangedEventArgs e)
    {
        Product? product = ProductList.SelectedItem as Product;
        if (product is null)
        {
            NameText.Text = "名称：";
            PriceText.Text = "价格：";
            ResultText.Text = "没有选中商品。";
            return;
        }
 
        NameText.Text = $"名称：{product.Name}";
        PriceText.Text = $"价格：{product.Price}";
        ResultText.Text = $"当前选中：{product.Name}";
    }
 
    private sealed class Product
    {
        public string Name { get; set; } = "";
        public decimal Price { get; set; }
 
        public override string ToString()
        {
            return $"{Name} - {Price}";
        }
    }
}