ScatterViewItem 自定义大小

Question

我使用 MVVM 模式开发 Surface 应用程序。 我有不同的视图，我想将它们放入一个 ScatterView 中。 我希望我的 ScatterViewItem 大小与我的视图大小相对应？

代码示例

        <DataTemplate  DataType="{x:Type vm:PointListViewModel}">
         <Grid>                
          <v:PointListView>                  
          </v:PointListView>               
         </Grid>
        </DataTemplate>

        <DataTemplate DataType="{x:Type vm:BluetoothDevicesViewModel}">
         <Grid>
          <v:BluetoothDevicesView></v:BluetoothDevicesView>
         </Grid>
        </DataTemplate>

......

              <s:ScatterView Grid.RowSpan="3"
                   DataContext="{Binding Path=Workspaces}" 
                   ItemsSource="{Binding}" 
                   ItemTemplate="{Binding}" 
                   ClipToBounds="True" AllowDrop="True">
              </s:ScatterView>

： 这段代码工作正常，但我所有的视图都有相同的大小。 我尝试使用以下样式配置 ScatterViewItem：

       <Style BasedOn="{StaticResource {x:Type s:ScatterViewItem}}"      
              TargetType="{x:Type s:ScatterViewItem}">

        <Setter Property="Height" Value="Auto" />
        <Setter Property="Width" Value="Auto" />
       </Style>

但它不起作用。

Answer 1

更新：我已将此答案转换为代码项目文章：http://www.codeproject.com/KB/WPF/ScatterViewSizing.aspx - 检查以获取更多详细信息和完整的示例代码

---

这是非常棘手的。我不久前遇到了这个问题，并尝试了许多不同的方法 - 我什至实现了自己的 ScatterViewItem 来处理自动调整大小 - 但从未找到 100% 有效的解决方案。

我解决的解决方案是创建一个自定义控件，该控件在创建时使用附加属性来设置其父级 ScatterViewItem 的大小，该解决方案解决了获得正确的初始大小的主要问题。完整的代码太大，无法放在这里，但我将尝试解释它的核心以帮助您入门。

因此，每当我向 scatterview 添加内容（通过数据绑定）时，我的 itemtemplate 都会将 ScatterViewItem 的内容设置为名为“PopupWindow”的控件（源自 UserControl）。 PopupWindow 定义了一个名为 InitialSizeRequest 的附加属性（类型为 Size），它将在其子元素中查找。在其 Loaded 事件处理程序中，它将向上搜索可视化树以找到 ScatterViewItem，然后相应地设置其大小。

生成的可视化树将如下所示：

ScatterView
  '- ScatterViewItem
      '- PopupWindow
          '- ActualContent (datatemplate)

在实际内容上，它们会像这样声明其大小：

<UserControl x:Class="...."
 ...
  localview:PopupWindow.InitialSizeRequest="450,400" />

为了从 PopupWindow 获取实际内容，我使用了下面的代码（省略了错误检查）。这是在 PopupWindow 的 Loaded 事件中执行的：

// GuiHelpers is a helper class I built to find elements in the visual tree
// c_contentHolder is a ContentControl which will hold the actual content
var presenter = GuiHelpers.GetChildObject<ContentPresenter>(c_contentHolder);
// It seems it's safe to assume the ContentPresenter will always only have one
// child and that child is the visual representation of the actual content.
var child = VisualTreeHelper.GetChild(presenter, 0);
Size requestedSize = PopupWindow.GetInitialSizeRequest(child);

// Now use requestedSize to set the size of the parent ScatterViewItem
var svi = GuiHelpers.GetParentObject<ScatterViewItem>(this, false);
svi.Width = requestedSize.Width;
svi.Height = requestedSize.Height;

希望这可以帮助您入门。如果您需要进一步的解释，请评论。