Нажмите, перетащите и прокрутите холст - PullRequest
Новая
       34

Нажмите, перетащите и прокрутите холст

3 голосов
/ 09 июня 2011

У меня есть ListBox с шаблонами ItemsPanel Canvas.Я знаю, что ScrollViewer не будет работать с Canvas, если у него нет высоты и ширины.Я не хочу давать холст высоту и ширину, потому что он не всегда будет постоянным.Есть ли какая-то другая работа или хитрости, которые кто-либо должен был работать в этой ситуации.Я знаю, что не могу быть единственной с этой проблемой.Заранее спасибо, вот мой код.

Другая проблема в том, что я не могу разместить ScrollViewer внутри ItemsPanelTemplate, потому что внутри него может быть только один вложенный элемент.

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

XAML: 

    <!--Core Viewer-->
    <ScrollViewer x:Name="scrollViewer"
                  VerticalScrollBarVisibility="Hidden"
                  HorizontalScrollBarVisibility="Hidden">

        <ListBox x:Name="objCoreViewer"
             ItemsSource="{Binding ItemsSource}"
             Background="LightGray"
             SelectionChanged="objCoreViewer_SelectionChanged"
             ItemTemplateSelector="{DynamicResource CoreViewerDataTemplateSelector}"
             ItemContainerStyleSelector="{DynamicResource ItemContainerStyleSelector}"
             PreviewMouseWheel="objCoreViewer_PreviewMouseWheel">

            <!-- Core Map Canvas -->

            <ListBox.ItemsPanel>

                <ItemsPanelTemplate>
                    <Canvas x:Name="objCoreViewerCanvas"
                            Background="Transparent">
                        <Canvas.LayoutTransform>
                            <ScaleTransform ScaleX="{Binding Path=Value, ElementName=ZoomSlider}"
                                            ScaleY="{Binding Path=Value, ElementName=ZoomSlider}" />
                        </Canvas.LayoutTransform>
                    </Canvas>
                </ItemsPanelTemplate>

            </ListBox.ItemsPanel>

        </ListBox>

    </ScrollViewer>

1 Ответ

2 голосов
/ 09 июня 2011

Чтобы холст рос, основываясь на дочерних элементах внутри него, вам нужно переопределить событие MeasureOverride Canvas в пользовательском классе, который наследуется от Canavas. Этот код прекрасно работает для меня: 

 protected override System.Windows.Size MeasureOverride(System.Windows.Size constraint)
    {
        Size toReport = new Size();

        foreach (UIElement element in this.InternalChildren)
        {
            //Get the left most and top most point.  No using Bottom or Right in case the controls actual bottom and right most points are less then the desired height/width
            var left = Canvas.GetLeft(element);
            var top = Canvas.GetTop(element);

            left = double.IsNaN(left) ? 0 : left;
            top = double.IsNaN(top) ? 0 : top;

            element.Measure(constraint);

            Size desiredSize = element.DesiredSize;

            if (!double.IsNaN(desiredSize.Width) && !double.IsNaN(desiredSize.Height))
            {
                //left += desiredSize.Width;
                //top += desiredSize.Height;

                toReport.Width = toReport.Width > left +desiredSize.Width ? toReport.Width : left + desiredSize.Width;
                toReport.Height = toReport.Height > top+desiredSize.Height ? toReport.Height : top + desiredSize.Height;
            }

        }

        //Make sure scroll includes the margins incase of a border or something
        toReport.Width += this.Margin.Right;
        toReport.Height += this.Margin.Bottom;

        return toReport;
    }
...