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 that you have read and understand our privacy policy and code of conduct.

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