ScrollView не работает внутри динамически созданного элемента

Question

Мне нужно создать некоторые FrameworkElements динамически. У меня есть StackPanel, и создать внутри него Pivot, с одной PivotItem, а внутри ScrollViewer с StackPanel и кнопками, как это:

Pivot pivot = new Pivot(); 
PivotItem pivotItem = new PivotItem(); 

pivot.Items.Add(pivotItem); 

ScrollViewer scrollViewer = new ScrollViewer(); 
StackPanel stackContent = new StackPanel(); 

scrollViewer.Content = stackContent; 

pivotItem.Content = scrollViewer; 

stackContent.Children.Add(new Button() { Content = "button 1" }); 
stackContent.Children.Add(new Button() { Content = "button 2" }); 
stackContent.Children.Add(new Button() { Content = "button 3" }); 
stackContent.Children.Add(new Button() { Content = "button 4" }); 
stackContent.Children.Add(new Button() { Content = "button 5" }); 
stackContent.Children.Add(new Button() { Content = "button 6" }); 
stackContent.Children.Add(new Button() { Content = "button 7" }); 
stackContent.Children.Add(new Button() { Content = "button 8" }); 
stackContent.Children.Add(new Button() { Content = "button 9" }); 
stackContent.Children.Add(new Button() { Content = "button 10" }); 
stackContent.Children.Add(new Button() { Content = "button 11" }); 

stkPanel.Children.Add(pivot); 

и это C# код XAML:

<StackPanel x:Name="stkPanel"> 
</StackPanel> 

Если я пытаюсь создать все элементы в XAML, ScrollViewer работает так, как ожидалось, но мне нужно динамически создавать их, когда на странице происходят события.

Проверяя страницу в отладочной версии, PivotItem имеет «ActualHeight == 0», поэтому я полагаю, что ScrollViewer внутри нее не работает по этой причине, но я не знаю, как это исправить, возможно, что-то сказать ScrollViewer «перезарядите себя», чтобы заставить свиток работать.

Answer 1

Вам необходимо установить значение IsVerticalScrollEnabled равным true, чтобы ваш элемент был MaxHeight , но лучшим решением будет ListView или GridView с указанием атрибута Max Height, после которого вы увидите полосу прокрутки.

<StackPanel x:Name="stkPanel" isVerticalScrollEnabled = "true" MaxHeight="300"> 
</StackPanel> 

Answer 2

Проблема заключается в использовании StackPanel. Как сказал Schumi1331, панель стека использует столько пространства, сколько требуется, у сына никогда не будет определения ширины или высоты, а scrollViewer не будет работать должным образом. Если я изменюсь с помощью Grid, отлично работает.

Другое решение вычисляет после ввода элементов динамической поверхности, сколько пространства использует эти элементы и устанавливает высоту в StackPanel.

Answer 3

Pivot pivot = new Pivot(); 
     PivotItem pivotItem = new PivotItem(); 

     pivot.Items.Add(pivotItem); 

     ScrollViewer scrollViewer = new ScrollViewer(); 
     StackPanel stackContent = new StackPanel(); 

     scrollViewer.Content = stackContent; 
     Window.Current.Activate(); 
     var bounds = ApplicationView.GetForCurrentView().VisibleBounds; 
     scrollViewer.Height = bounds.Height; 
     pivotItem.Content = scrollViewer; 

     stackContent.Children.Add(new Button() { Content = "button 1" }); 
     stackContent.Children.Add(new Button() { Content = "button 2" }); 
     stackContent.Children.Add(new Button() { Content = "button 3" }); 
     stackContent.Children.Add(new Button() { Content = "button 4" }); 
     stackContent.Children.Add(new Button() { Content = "button 5" }); 
     stackContent.Children.Add(new Button() { Content = "button 6" }); 
     stackContent.Children.Add(new Button() { Content = "button 7" }); 
     stackContent.Children.Add(new Button() { Content = "button 8" }); 
     stackContent.Children.Add(new Button() { Content = "button 9" }); 
     stackContent.Children.Add(new Button() { Content = "button 10" }); 
     stackContent.Children.Add(new Button() { Content = "button 11" }); 

     stkPanel.Children.Add(pivot);