如何在C#中计算活跃数占完成数的百分比并绑定到XAML员工列表？

1. 完善C#数据模型与计算逻辑 #

首先需要实现INotifyPropertyChanged接口，确保当活跃数/完成数变化时，UI能自动更新百分比。同时处理除以零的异常情况，避免程序崩溃。

using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Collections.ObjectModel;

// 单个员工的视图模型
public class EmployeeViewModel : INotifyPropertyChanged
{
    private int _activeCount;
    private int _completeCount;
    private string _competencylevel;

    // 活跃数字段
    public int ActiveCount
    {
        get => _activeCount;
        set
        {
            _activeCount = value;
            OnPropertyChanged();
            CalculateCompetencyLevel();
        }
    }

    // 完成数字段
    public int CompleteCount
    {
        get => _completeCount;
        set
        {
            _completeCount = value;
            OnPropertyChanged();
            CalculateCompetencyLevel();
        }
    }

    // 绑定到XAML的百分比字段
    public string Competencylevel
    {
        get => _competencylevel;
        private set
        {
            _competencylevel = value;
            OnPropertyChanged();
        }
    }

    // 核心计算逻辑
    private void CalculateCompetencyLevel()
    {
        // 处理完成数为0的边界情况
        if (CompleteCount == 0)
        {
            Competencylevel = "0%";
            return;
        }

        // 转换为double避免整数除法，计算后转为百分比格式
        double percentage = ((double)ActiveCount / CompleteCount) * 100;
        // 保留两位小数，可按需调整精度（比如F0是整数百分比）
        Competencylevel = $"{percentage:F2}%";
    }

    // 实现属性变更通知
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

// 页面/窗口的主视图模型
public class MainViewModel
{
    // 员工集合，绑定到列表控件
    public ObservableCollection<EmployeeViewModel> EmployeeList { get; set; }

    public MainViewModel()
    {
        EmployeeList = new ObservableCollection<EmployeeViewModel>();
        // 示例数据，可替换为实际业务数据
        EmployeeList.Add(new EmployeeViewModel { ActiveCount = 7, CompleteCount = 10 });
        EmployeeList.Add(new EmployeeViewModel { ActiveCount = 5, CompleteCount = 8 });
    }
}

2. XAML列表控件绑定配置 #

将员工列表控件的ItemsSource绑定到主视图模型的EmployeeList集合，同时保留原有的TextBlock绑定：

<!-- 假设你的员工列表是ListView，其他控件（如DataGrid）逻辑类似 -->
<ListView x:Name="employeeList" ItemsSource="{Binding EmployeeList}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <Grid>
                <!-- 其他列布局 -->
                <TextBlock
                    x:Name="complainceValue"
                    Grid.Column="6"
                    Text="{Binding Competencylevel}"
                    FontSize="17"
                    FontWeight="SemiBold"/>
            </Grid>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

3. 设置页面DataContext #

在窗口/页面的构造函数中，将DataContext指向主视图模型，确保绑定生效：

public MainWindow()
{
    InitializeComponent();
    // 绑定主视图模型
    DataContext = new MainViewModel();
}

关键注意点 #

• 必须用double转换活跃数/完成数，否则整数除法会丢失精度（比如5/2整数运算结果为2，转为double后才是2.5）。
• ObservableCollection用于列表数据的动态增删通知，若列表数据固定，也可使用普通List。
• 百分比格式可按需调整：比如{percentage:P1}会自动乘以100并添加%符号，保留1位小数。

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