В c # wpf можно ли динамически построить столбец списка в методе класса?

Question

Я собираюсь отобразить список данных, используя listview, класс данных содержит следующие элементы:

class MyData
{
    static Random rnd = new Random();
    public int id { get; set; }
    public string name { get; set; }
    public bool selected { get; set; }

    private LED[] LEDs = new LED[21];
    private byte[] servos = new byte[21];
}

Ожидается, что данные будут отображаться в табличном формате, как показано ниже,

{selected} {id} {name} {servo[1]} {servo[2]} ......

(серво [0] должно быть скрыто)

с расположением каждого столбца:

- {selected] : checkbox
- {id} : right alignment
- {name] : left alignment
- {servo} : right alignment, with background based on LED setting

Я построил ListView, как показано ниже

    <ListView x:Name="lvData" FontSize="13" Background="LightGoldenrodYellow" Margin="0,0,0,0" >
        <ListView.ItemContainerStyle>
            <Style TargetType="ListViewItem">
                <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            </Style>
        </ListView.ItemContainerStyle>            
        <ListView.View>
            <GridView>

                <GridViewColumn >
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <CheckBox IsChecked="{Binding selected}" Checked="Selection_Changed" Unchecked="Selection_Changed" />
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>
                <GridViewColumn Header="id" Width="60">
                    <GridViewColumn.CellTemplate>
                        <DataTemplate >
                            <TextBlock Text="{Binding id}" TextAlignment="Right" />
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>

                <GridViewColumn Header="name" Width="100" DisplayMemberBinding="{Binding name}"/>

                <GridViewColumn Header="s01" Width="35">
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <Grid Background="{Binding Path=LED01}" Margin="-5,0,-5,0">
                                <Label Margin="0,0,0,0" Content="{Binding Path=S01}" HorizontalContentAlignment="Right"></Label>
                            </Grid>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>

                <GridViewColumn Header="s02" Width="35">
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <Grid Background="{Binding Path=LED02}" Margin="-5,0,-5,0">
                                <Label Margin="0,0,0,0" Content="{Binding Path=S01}" HorizontalContentAlignment="Right"></Label>
                            </Grid>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>

                :
                {repeat for s03...s20}
                :

            </GridView>
        </ListView.View>
    </ListView>

С некоторыми свойствами, добавленными в мой класс данных:

        public string LED01 { get { return GetLED(1); } }
        public string S01 { get { return GetServo(1); } }

        public string LED02 { get { return GetLED(2); } }
        public string S02 { get { return GetServo(2); } }

И два метода GetLED & GetServo возвращают цвет и отображение на основе значения светодиодов и сервоприводов массива с заданным индексом.

Кажется, действительно глупо, что я повторял блок GridViewColumn много раз, и было создано 40 фиктивных свойств, поскольку он не может напрямую связываться с методом.

Могу ли я узнать, есть ли какой-нибудь простой способ построения списка?

На самом деле размер массива не является фиксированным, 21 - это максимальный размер.

Я хотел бы знать, может ли он динамически строить столбец, чтобы его можно было создать на основе фактического размера, и эти повторяющиеся столбцы можно сделать в цикле. И установите фоновое содержимое и данные на основе метода класса, чтобы я мог установить значение GetLED (?) И GetServo (?) Напрямую, не создавая для него фиктивное свойство.

Заранее спасибо.

Answer 1

Ваш вопрос немного длинен и логичен.Я пытался добиться нужной вам функциональности.

Пожалуйста, добавьте следующее:

МОДЕЛИ

Я разделил светодиод и детали сервопривода на другой класс ивзял объект List этого класса в класс MyData.

class MyData
{
    public int id { get; set; }
    public string name { get; set; }
    public bool selected { get; set; }
    public List<MySubData> lstSubData { get; set; }
}

class MySubData
{
    public string LED;
    public string Servo;
}

Конвертеры

Нам понадобятся два конвертера во время этого процесса.

В ColorConverter вынеобходимо определить условия для создания разных цветов на основе значения светодиода.

public class TextConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        return System.Convert.ToString(value).Split('#').First();
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        return new NotImplementedException();
    }
}

public class ColorConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
    var val = System.Convert.ToString(value).Split('#').Last();

        //YOUR COLOR CONDITIONS HERE. I AM RETURNING SIMPLE ONE COLOR

        return new SolidColorBrush(Colors.Red);
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        return new NotImplementedException();
    }
}

XAML

<Window x:Class="WPFTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WPFTest"
        mc:Ignorable="d"
        Title="TestWPF" Height="300" Width="400" 
        WindowStyle="SingleBorderWindow" 
        WindowStartupLocation="CenterScreen">

    <Grid>
        <ListView x:Name="lvData" FontSize="13" Background="LightGoldenrodYellow" Margin="0,0,0,0" >

            <ListView.ItemContainerStyle>
                <Style TargetType="ListViewItem">
                    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
                </Style>
            </ListView.ItemContainerStyle>
        </ListView>
    </Grid>
</Window>

CodeBehind

Основная логика, которую я применил, заключается в коде (C #).Я генерирую ListView.View только на странице CS.Этот код будет генерировать динамический GridView и DataTable как для пользовательского интерфейса, так и для данных.

Я взял образцы данных, чтобы смоделировать ваши требования.Вы можете взять фактические данные.Я взял переменную globalServo для определения установки (как вы упомянули в комментариях) для количества столбцов.

public partial class MainWindow : Window
{
    public int globalServo = 21;

    public MainWindow()
    {
        InitializeComponent();

        List<MyData> lstMyData = new List<MyData>();

        for (int i = 1; i < 6; i++)
        {
            List<MySubData> lstMySubData = new List<MySubData>();

            for (int j = 0; j < globalServo; j++)
            {
                lstMySubData.Add(new MySubData() { LED = "LED" + j, Servo = "Servo" + j });
            }

            lstMyData.Add(new MyData()
            {
                id = i,
                name = "name-" + i,
                selected = Convert.ToBoolean(i % 2),
                lstSubData = lstMySubData
            });
        }

        lvData.View = GenerateGridView();
        lvData.ItemsSource = GenerateSource(lstMyData).DefaultView;
    }

    private GridView GenerateGridView()
    {
        GridView view = new GridView();

        view.Columns.Add(new GridViewColumn() { Header = "Id", DisplayMemberBinding = new Binding("Id") });
        view.Columns.Add(new GridViewColumn() { Header = "Name", DisplayMemberBinding = new Binding("Name") });
        view.Columns.Add(new GridViewColumn() { Header = "Selected", CellTemplate = GetCheckboxTemplate() });

        for (int i = 1; i <= globalServo; i++)
        {
            view.Columns.Add(new GridViewColumn() { Header = "Servo" + i, CellTemplate = GetTextBlockTemplate(i) });
        }

        return view;
    }

    private DataTable GenerateSource(List<MyData> dataList)
    {
        DataTable dt = new DataTable();
        dt.Columns.Add("Id");
        dt.Columns.Add("Name");
        dt.Columns.Add("Selected");

        for (int i = 1; i <= globalServo; i++)
        {
            dt.Columns.Add("Servo" + i);
        }

        foreach (var item in dataList)
        {
            DataRow row = dt.NewRow();
            row["Id"] = item.id;
            row["Name"] = item.name;
            row["Selected"] = item.selected;

            for (int i = 1; i <= globalServo; i++)
            {
                row["Servo" + i] = item.lstSubData[i - 1].Servo + "##" + item.lstSubData[i - 1].LED;
            }

            dt.Rows.Add(row);
        }

        return dt;
    }

    private DataTemplate GetCheckboxTemplate()
    {
        DataTemplate dt = new DataTemplate(typeof(CheckBox));
        FrameworkElementFactory chkElement = new FrameworkElementFactory(typeof(CheckBox));
        dt.VisualTree = chkElement;

        Binding bind = new Binding();
        bind.Path = new PropertyPath("Selected");
        chkElement.SetBinding(CheckBox.IsCheckedProperty, bind);

        return dt;
    }

    private DataTemplate GetTextBlockTemplate(int Index)
    {
        TextConverter textConverter = new TextConverter();
        ColorConverter colorConverter = new ColorConverter();

        DataTemplate dt = new DataTemplate(typeof(TextBlock));
        FrameworkElementFactory txtElement = new FrameworkElementFactory(typeof(TextBlock));
        dt.VisualTree = txtElement;

        Binding bind = new Binding();
        bind.Path = new PropertyPath("Servo" + Index);
        bind.Converter = textConverter;
        txtElement.SetBinding(TextBlock.TextProperty, bind);

        Binding bind1 = new Binding();
        bind1.Path = new PropertyPath("Servo" + Index);
        bind1.Converter = colorConverter;
        txtElement.SetBinding(TextBlock.BackgroundProperty, bind1);

        return dt;
    }

}

ВЫХОД

ПРИМЕЧАНИЯ

Это очень простой пример, который имитирует сценарий, который вы упомянули в своем вопросе, со всеми фиктивными данными.Я взял каждый класс, конвертеры только на одной странице.Вы должны позаботиться о ссылках на объекты / пространствах имен при управлении правильной структурой папок для вашего проекта.Я проверил этот код, и он работает как прикрепленное изображение.