0

Есть окно приложения, в нем находится:

<Rectangle Fill="{Binding RectBrush}" Stretch="UniformToFill">

Во ViewModel

private Rect _rectOfGrid = new Rect(-1, -1, 40, 40);
RectBrush = new DrawingBrush
  {
    TileMode = TileMode.Tile,
    Viewport = _rectOfGrid,
    ViewportUnits = BrushMappingMode.Absolute,
    Drawing = new GeometryDrawing
      {
        Geometry = new RectangleGeometry { Rect = new Rect(0, 0, 40, 40) },
        Pen = new Pen { Brush = Brushes.Gray, Thickness = 1 }
      }
  };

Есть слайдер, который меняет размер:

 _rectOfGrid.Width = GridSize;
 _rectOfGrid.Height = GridSize;
 RectBrush.Viewport = _rectOfGrid;

Так выглядит заполненный Rectangle сеткой в режиме Tile Картинка на заднем плане растягивается по вертикали

Поверх сетки, также есть ItemsControl, где ItemsPanel это Canvas. Он содержит "токены" которые притягиваются к центру ближайшей ячейки. Также размер токена привязан к значению GridSize (которое задает слайдер).

Задача: При растягивании окна приложения увеличивается картинка. Нужно чтоб размер сетки увеличивался вслед за картинкой, но только при изменении высоты. Окно может быть прямоугольным, а сетка должна состоять из квадратов.

Попытки: отлавливал увеличение окна и добавлял разницу, но это вообще что-то странное (50 это предыдущее значение окна).

_rectOfGrid.Width = GridSize + ((WinHeight / 10 - 50)/2);
_rectOfGrid.Height = GridSize + ((WinHeight / 10 - 50)/2);

Что пытаюсь сделать:

  1. Пользователь добавляет своё изображение (карту местности)
  2. Настраивает размер сетки под данную карту (если сетка есть на самом изображении, тогда нужно или не делать привязку элементов или делать настраиваемую сетку невидимой)
  3. Перетаскивает различные элементы на карту, которые привязываются к сетке
  4. Существует коллекция карт, каждая со своим размером сетки

vm пока минимальна

  1. Коллекция элементов для перетаскивания на карту
  2. Коллекция карт
  3. Размер ячейки
  4. Функция расчета центровки элемента в ячейке

В будущем на всё это дело нужно еще и туман войны наложить с возможностью его стирать

9
  • А сетка у вас как создаётся? 30 янв 2019 в 2:21
  • при помощи DrawingBrush. Потом отсылается во view (OnPropertyChanged(nameof(RectBrush));)
    – Ila Kha
    30 янв 2019 в 2:23
  • А почему вообще вы все контролы создаете в vm? Ну и почему вы не рисуете сетку с помощью ItemsControl? 30 янв 2019 в 2:26
  • Почему я создаю DrawingBrush в vm? Просто там находится значение GridSize, которое я регулирую (и от него идет расчет центровки токена). А все остальные контролы находятся во view, в xaml. Задать сетку как набор отдельных квадратов? Как это решит проблему масштабирования? Эти элементы контрола ведь также будут зависеть от размера, который я задам
    – Ila Kha
    30 янв 2019 в 2:29
  • Проблема еще в том, что вполне нормальна ситуация, когда сетка помещается не полностью, другими словами не ровное количество квадратов помещается в окно, часть вылезает за пределы
    – Ila Kha
    30 янв 2019 в 2:38

0

Ваш ответ

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

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