2

Добрый вечер. Каким образом можно динамически добавлять в UcerCntrol элементы управления (TextBox'ы)? К примеру есть два объекта Line Circle

public class Line:IObjects
{
 private string _nameObject;
 public Point StartPoint(){get;set;}
 public Point EndPoint(){get;set;}

 public string NameObject{{return "Line";}{_nameObject = value;}}
}

public class Circle:IObjects
{
 private string _nameObject;
 public Point CenterPoint(){get;set;}
 public string NameObject{{return "Line";}{_nameObject = value;}}
}

interface IObject
{
string NameObject{get;set;}
}

Когда я получаю объекты интерфейса во View, необходимо отобразить параметры координат, т.к. в Line используется два параметра, а в Circle один то определяем сколько TextBox'ов необходимо отобразить для изменения параметров каждого объекта. Создать предварительно TextBox'ы в UC не логично, потому что при необходимости мы должны уметь создавать необходимое количество элементов в зависимости от редактируемого объекта.

12
  • А, причём здесь MVVM?
    – Streletz
    29 ноя 2017 в 16:06
  • @Streletz планируется использовать динамически добавленные элементы с данным патерном, т.е. из ViewModel передаем данные во View, но их необходимо правильно отразить, то есть есть несколько вариантов (приходят координаты, к примеру координаты линии (координаты начала и окончания линии) и круга (координаты центра)) но не красиво делать два TextBox для круга, вариант изменять видимость то же не подходит не продуктивно вдруг надо будет добавить многогранник n-граний.
    – KJfe
    29 ноя 2017 в 16:21
  • По вашему описанию абсолютно не ясно, что вы хотите. переформулируйте вопрос
    – tym32167
    29 ноя 2017 в 17:31
  • 1
    Вам бы для начала изучить следующие понятия и для чего они используются: ObservableCollection, INotifyPropertyChanged, ItemsControl c ItemsControl.ItemTemplate. Первой пары ссылок в гугле хватит. По сути: 1) связать оба ваших класса в новом классе LineAndCircle. 2) Создать ObservableCollection<LineAndCircle>. 3) В интерфейсе создать ItemControl с нужным вам ItemTemplate. 4) Привязать ItemSource вашего ItemControl к ObservableCollection<LineAndCircle>
    – Иван
    29 ноя 2017 в 20:21
  • 2
    @John зачем мне связывать эти два класса, если я добавлю туда тысячу элементов фигур (многоугольник с 6 сторонами, треугольники, и всякая лажа, а вдруг еще добавятся и трехмерные фигуры, ломаные), я что их все буду связывать, бред, для этого у меня существует интерфейс, который я добавляю в коллекцию, затем получаю эти параметры из нее.
    – KJfe
    29 ноя 2017 в 20:24

1 ответ 1

1

Смотрите, если вы хотите показывать список объектов, для этого нужно и правда использовать ItemsControl и привязывать список к ItemsSource.

Обычно все объекты одинаковые, и тогда для отображения объекта подходит ItemTemplate. (Тут пример.) Но если ваш список разнородный, такой подход не пройдёт. Есть несколько разных путей решения. Можно использовать ItemTemplateSelector. Но если у объектов разные типы, то подойдёт такое простое решение:

<ItemsControl ItemsSource="{Binding тут-имя-вашей-коллекции}">
    <ItemsControl.Resources>
        <DataTemplate DataType="{x:Type vm:Line}">
            <!-- тут шаблон для отображения линии -->
        </DataTemplate>
        <DataTemplate DataType="{x:Type vm:Circle}">
            <!-- тут шаблон для отображения окружности -->
        </DataTemplate>
    </ItemsControl.Resources>
</ItemsControl>

Вот пример для DataContext = new object[] { 1, 2, "три", 4, "пять" }:

<ItemsControl ItemsSource="{Binding}">
    <ItemsControl.Resources>
        <DataTemplate DataType="{x:Type sys:String}">
            <TextBlock Text="{Binding StringFormat='String {0}'}"/>
        </DataTemplate>
        <DataTemplate DataType="{x:Type sys:Int32}">
            <TextBlock Text="{Binding StringFormat='Int {0}'}"/>
        </DataTemplate>
    </ItemsControl.Resources>
</ItemsControl>

Результат:

вышел кролик погулять


Если вам нужно обработать объекты разного типа в «редакторе», можно использовать ту же технику, но с ContentPresenter'ом:

<ContentPresenter Content="{Binding CurrentObject}">
    <ContentPresenter.Resources>
        <DataTemplate DataType="{x:Type vm:Line}">
            <!-- тут шаблон для редактирования линии -->
        </DataTemplate>
        <DataTemplate DataType="{x:Type vm:Circle}">
            <!-- тут шаблон для редактирования окружности -->
        </DataTemplate>
    </ItemsControl.Resources>
</ItemsControl>
13
  • @VledD Это конечно хорошо, но меня интересовал вопрос как организовать изменение данных для различных объектов, то есть при выборе объекта, открывалось бы поле где оно динамически заполнялось в зависимости от типа объекта и возможно было бы изменить данные.
    – KJfe
    30 ноя 2017 в 4:50
  • @KJfe: Дописал.
    – VladD
    30 ноя 2017 в 9:37
  • Вопрос а каким образом можно добавить переменную (vm) для моих объектов, или как то в ресуры надо запихать?
    – KJfe
    30 ноя 2017 в 10:58
  • @KJfe: Эээ, в какие-такие ресурсы? View не имеет права задавать себе VM. ru.stackoverflow.com/a/562586/10105
    – VladD
    30 ноя 2017 в 11:45
  • На счет этого я знаю, я просто не могу понять vm это ссылка на ViewModel?
    – KJfe
    30 ноя 2017 в 11:51

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.