Пользовательский элемент управления WPF с привязкой данных

Question

Я хочу создать пользовательский элемент управления, представляющий руку.

Это значение необходимо привязать к источнику данных, тогда, если значение / индексное значение присутствует в источнике данных, представляющем определенный палец, соответствующий палец должен выглядеть зеленым.

МожетКто-нибудь указывает мне правильное направление для начала с таким контролем?

В основном я создаю приложение, которое записывает, какие пальцы людей, где их кольца и сколько.

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

Rough Hand Design для пользовательского контроля

Любая помощь или направление будетбудьте в основном благодарны.

Answer 1

Я бы порекомендовал для этого пользовательский контроль, а не пользовательский.Как я полагаю, эта ссылка, опубликованная Клеменсом, гласит: если вы действительно не собираетесь переключать шаблон элемента управления, вам не нужно создавать пользовательский элемент управления, который будет сложнее, чем пользовательский контроль.

Это будетиметь хотя бы одно свойство зависимости, с которым вы собираетесь связать свою коллекцию.Сделайте это ObservableCollection.Затем вы можете передать скажем 0,1,0,2,0.Если люди меняют кольца, которые они носят супер-динамически, вы можете настроить одну коллекцию на себя, чтобы покрыть уведомление об изменении для элемента управления.

Внутри этого я бы поместил окно просмотра с холстом.Возьмите контур руки откуда-то.Вы хотите получить геометрию из этого, поэтому ищите SVG предпочтительно.Может быть https://www.flaticon.com/free-icon/stop-hand-silhouette_57659

Затем скачайте и установите InkScape.Используйте это, чтобы отследить растровое изображение, если это все, что у вас есть, затем сохраните как> xaml.Откройте этот файл в блокноте, и вы увидите путь с набором координат.Хватай их.Их можно использовать для определения геометрии, которую вы используете в качестве ресурса или непосредственно используете в качестве данных для пути.Я использую такой ресурс для электронной почты «значок» в этом: https://social.technet.microsoft.com/wiki/contents/articles/32610.wpf-layout-lab.aspx

Или вы могли бы, вероятно, использовать один из значков руки из студии метро Syncfusion (бесплатно) https://www.syncfusion.com/downloads/metrostudio

AПуть может быть использован для вашей руки.Затем вам нужно 5 элементов управления для ваших пальцев.Вы могли бы также сделать каждый из них пользовательским контролем, но я бы попробовал 5 элементов управления для первой итерации.Они должны шаблонировать каждый предмет, который им дан, в зеленый прямоугольник, определенный в шаблоне предмета.

Позиция 5 из них по вкусу на цифрах вашей руки.

Привязать свои источники предметов по индексу к вашей коллекции и использоватьконвертер, чтобы вернуть количество объектов, указанных этим.Итак, если это 3, то вы генерируете три объекта.

Это окно просмотра для масштабирования всего.Таким образом, вы можете настроить свой контроль так, как вам нравится, и кольца останутся на пальцах.