Я создаю приложение, которое позволяет создавать аннотации для текста:
С левой стороны находится редактор, работающий с использованием черновика. js, а справа - список аннотаций, связанных с этим текстом. Мы проектируем его так, чтобы вы могли иметь аннотации к аннотациям и т. Д. c.
. Сейчас я создаю иерархию объектов следующим образом: windows есть Panes
, Panes
есть Annotations
и Annotations
имеют Editors
, связанные с ними.
Левая сторона этого приложения, сторона с главным редактором, представляет собой список Annotation
s, который показывает только один Annotation
. Правая сторона, сторона с аннотациями, представляет собой список Annotation
с, который показывает много. Аннотированный текст на левой стороне может быть выделен или подчеркнут, или в штучной упаковке - я еще не решил.
Я хочу рисовать линии слева направо, как показано, но я Я не уверен, что это правильно. Учитывая, что оба Annotation
будут отображаться как объекты в списке, некоторые родительские компоненты могут отвечать за рисование соединительных линий, но это выглядит не элегантно.
Что может быть лучшим способом нарисовать линии между два дочерних компонента?