2

Есть Grid, которому нужно биндить позицию, но я не пойму как это сделать, если Canvas лежит ItemsPanel, к нему можно как то обратиться? Написанные мной Canvas.Top и Canvas.Top не дают эффекта

<ItemsControl x:Name="Control" ItemsSource="{Binding ImageManipulatorViewModel.ImageList, Source={StaticResource ViewModelLocator}}">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate x:Name="RootPanel">
            <Canvas x:Name="InnerCanvas"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>

        <ItemsControl.ItemTemplate>
            <DataTemplate x:DataType="models:Collage">
                <Grid
                    <!--Canvas.Top="{Binding  PositionY, Mode=TwoWay}"-->
                    <!--Canvas.Left="{Binding PositionX, Mode=TwoWay}"-->
                     />
            </DataTemplate>
        </ItemsControl.ItemTemplate>
</ItemsControl>

1 ответ 1

1

Вам нужно делать, как описано в этом ответе:

<ItemsControl.ItemContainerStyle>
    <Style>
        <Setter Property="Canvas.Left" Value="{Binding PositionX}"/>
        <Setter Property="Canvas.Top" Value="{Binding PositionY}"/>
    </Style>
</ItemsControl.ItemContainerStyle>
<ItemsControl.ItemTemplate>
    <DataTemplate x:DataType="models:Collage">
        <Grid> <!-- тут всё остальное --> </Grid>
    </DataTemplate>
</ItemsControl.ItemTemplate>

Надеюсь, что в UWP есть ItemContainerStyle.


Обновление: По слухам, Binding не всегда работает в Setter'е стиля в UWP, так что возможно, вам придётся воспользоваться костылём отсюда:

<!-- не устанавливаем ItemContainerStyle -->
<ItemsControl.ItemTemplate>
    <DataTemplate x:DataType="models:Collage">
        <Grid>
            <Grid.RenderTransform>
                <TranslateTransform X="{Binding PositionX}" Y="{Binding PositionY}"/>
            </Grid.RenderTransform>
            <!-- тут всё остальное -->
        </Grid>
    </DataTemplate>
</ItemsControl.ItemTemplate>
6
  • В первом случае жалуется на DataContext, который установлен только в DataTemplate. Второй сейчас провверю
    – SmiLe
    20 окт 2016 в 14:38
  • Второй метод расставляет Grid'ы как нужно, но теперь не работает Manipulation не не могу таскать по экрану, потому что в коде при обработке делаю Canvas.SetLeft/Top()
    – SmiLe
    20 окт 2016 в 14:44
  • Нужно теперь двигать через Translate
    – SmiLe
    20 окт 2016 в 14:50
  • @SmiLe: Если вы двигаете при манипуляции, просто устанавливайте PositionX/Y, и контрол по идее подвинется сам.
    – VladD
    20 окт 2016 в 15:02
  • CompisiteTransform.TranslateX/Y. Вот так двигается. А posX/Y не могу напрямую менять, они же в моделе
    – SmiLe
    20 окт 2016 в 15:04

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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