ModelVisual3D在DockPanel中无法正确呈现

Question

我对WPF非常陌生，并且正在尝试创建一个应用程序，在该应用程序中，我将在一个选项卡中绘制一个地图，并在第二个选项卡中绘制一个平面地图。我能得到在测试应用程序绘制的地球仪，用下面的代码：

<Window x:Class="SphereTutorial.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:local="clr-namespace:SphereTutorial" 
     xmlns:earth="clr-namespace:SphereTutorial.Globe" 
     mc:Ignorable="d" 
     Title="MainWindow" Height="350" Width="525"> 
    <Grid> 

     <Grid.Resources> 
      <earth:SphereMeshGenerator x:Key="SphereGeometrySource1"/> 
      <MeshGeometry3D x:Key="SphereGeometry1" 

          Positions="{Binding Source={StaticResource 
            SphereGeometrySource1}, Path=Geometry.Positions}" 

          TriangleIndices="{Binding Source={StaticResource 
            SphereGeometrySource1}, Path=Geometry.TriangleIndices}" 

          TextureCoordinates="{Binding Source={StaticResource SphereGeometrySource1}, Path=Geometry.TextureCoordinates}"/> 

     </Grid.Resources> 
     <Grid.Background> 
      Black 
     </Grid.Background> 
     <Viewport3D x:Name="mainScene3D"> 
      <Viewport3D.Camera> 
       <PerspectiveCamera x:Name="mainCam" LookDirection="-1,0,0" Position="5,0,0" UpDirection="0,1,0"/> 
      </Viewport3D.Camera> 
      <ModelVisual3D> 
       <ModelVisual3D.Content> 
        <Model3DGroup> 
         <AmbientLight Color="White"/> 
         <GeometryModel3D Geometry="{StaticResource SphereGeometry1}"> 
          <GeometryModel3D.Material> 
           <MaterialGroup> 
            <DiffuseMaterial> 
             <DiffuseMaterial.Brush> 
              <ImageBrush ImageSource="H:\C#\SphereTutorial\SphereTutorial\Images\Earth.jpg"/> 
             </DiffuseMaterial.Brush> 
            </DiffuseMaterial> 
           </MaterialGroup> 
          </GeometryModel3D.Material> 
         </GeometryModel3D> 
        </Model3DGroup> 
       </ModelVisual3D.Content> 
      </ModelVisual3D> 
     </Viewport3D> 
    </Grid> 
</Window> 

球体的代码，我从this link拉到这里给出的代码：

namespace VenProp.Sphere3D 
{ 
    class SphereMeshGenerator 
    { 
     private int _slices = 100; 
     private int _stacks = 50; 
     private Point3D _center = new Point3D(); 
     private double _radius = 1; 

     public int Slices 
     { 
      get { return _slices; } 
      set { _slices = value; } 
     } 

     public int Stacks 
     { 
      get { return _stacks; } 
      set { _stacks = value; } 
     } 

     public Point3D Center 
     { 
      get { return _center; } 
      set { _center = value; } 
     } 

     public double Radius 
     { 
      get { return _radius; } 
      set { _radius = value; } 
     } 

     public MeshGeometry3D Geometry 
     { 
      get 
      { 
       return CalculateMesh(); 
      } 
     } 


     private MeshGeometry3D CalculateMesh() 
     { 
      MeshGeometry3D mesh = new MeshGeometry3D(); 

      for (int stack = 0; stack <= Stacks; stack++) 
      { 
       double phi = Math.PI/2 - stack * Math.PI/Stacks; 
       double y = _radius * Math.Sin(phi); 
       double scale = -_radius * Math.Cos(phi); 

       for (int slice = 0; slice <= Slices; slice++) 
       { 
        double theta = slice * 2 * Math.PI/Slices; 
        double x = scale * Math.Sin(theta); 
        double z = scale * Math.Cos(theta); 

        Vector3D normal = new Vector3D(x, y, z); 
        mesh.Normals.Add(normal); 
        mesh.Positions.Add(normal + Center); 
        mesh.TextureCoordinates.Add(new Point((double)slice/Slices, (double)stack/Stacks)); 
       } 
      } 

      for (int stack = 0; stack <= Stacks; stack++) 
      { 
       int top = (stack + 0) * (Slices + 1); 
       int bot = (stack + 1) * (Slices + 1); 

       for (int slice = 0; slice < Slices; slice++) 
       { 
        if (stack != 0) 
        { 
         mesh.TriangleIndices.Add(top + slice); 
         mesh.TriangleIndices.Add(bot + slice); 
         mesh.TriangleIndices.Add(top + slice + 1); 
        } 

        if (stack != Stacks - 1) 
        { 
         mesh.TriangleIndices.Add(top + slice + 1); 
         mesh.TriangleIndices.Add(bot + slice); 
         mesh.TriangleIndices.Add(bot + slice + 1); 
        } 
       } 
      } 

      return mesh; 
     } 
    } 
} 

我得以验证它使用这种方法;然而，当我在应用程序中实现相同的逻辑时，事情就会崩溃。出于某种原因，它开始仅在边缘上呈现图像。我有一种感觉，它可能需要做一个DockPanel？虽然2D图像在DockPanel中工作正常。下面是不起作用的代码：

<Window x:Class="VenProp.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:local="clr-namespace:VenProp" 
     xmlns:sphere="clr-namespace:VenProp.Sphere3D" 
     mc:Ignorable="d" 
     Title="VenProp" 
     Height="{Binding Source={x:Static SystemParameters.PrimaryScreenHeight}, Converter={local:RatioConverter}, ConverterParameter='0.9' }" 
     Width="{Binding Source={x:Static SystemParameters.PrimaryScreenWidth}, Converter={local:RatioConverter}, ConverterParameter='0.9' }" 
     WindowStartupLocation="CenterScreen" 
     Background="#FFE4E4E4"> 

    <!-- Window Resources --> 
    <Window.Resources> 
     <sphere:SphereMeshGenerator x:Key="SphereGeometrySource"/> 
     <MeshGeometry3D x:Key="SphereGeometry" 
         Positions="{Binding Source={StaticResource SphereGeometrySource}, Path=Geometry.Positions}" 
         TriangleIndices="{Binding Source={StaticResource SphereGeometrySource}, Path=Geometry.TriangleIndicies}" 
         TextureCoordinates="{Binding Source={StaticResource SphereGeometrySource}, Path=Geometry.TextureCoordinates}"/> 

    </Window.Resources> 


    <!-- Overall Container is VERTICAL--> 
    <DockPanel> 

     <!-- Top Menu --> 
     <Menu DockPanel.Dock="Top" HorizontalAlignment="Left" BorderBrush="Black"> 
      <MenuItem Header="_File"></MenuItem> 
     </Menu> 

     <!-- Main toolbar --> 
     <ToolBar DockPanel.Dock="Top"> 
      <Button> 
       <!-- Put image here--> 
      </Button> 
      <Button Content="Button2"/> 
     </ToolBar> 

     <!-- StatusBar --> 
     <StatusBar x:Name="statusBar" DockPanel.Dock="Bottom" /> 

     <!-- Inner container is horizontal --> 
     <DockPanel> 

      <Separator Width="2" Foreground="{x:Null}" Background="{x:Null}"/> 
      <!-- Throw Tree into a dock panel with its label--> 
      <StackPanel Width="310" DockPanel.Dock="Left" HorizontalAlignment="Left" Margin="0,0,0,2" Background="#FFE4E4E4"> 
       <Label Content="Object Browser" FontSize="12" Background="LightGray"/> 
       <TreeView x:Name="ObjectBrowser" BorderThickness="2" Height="620" DockPanel.Dock="Top"> 
        <TreeView.BitmapEffect> 
         <BevelBitmapEffect BevelWidth="5" Relief="0.4" LightAngle="320"/> 
        </TreeView.BitmapEffect> 
       </TreeView> 
      </StackPanel> 
     </DockPanel> 

     <Separator Width="10" Background="{x:Null}" Foreground="{x:Null}" RenderTransformOrigin="-0.45,0.541" /> 
     <!-- Tabs for graphics windows --> 
     <TabControl x:Name="tabGraphics" BorderThickness="5"> 
      <TabControl.BitmapEffect> 
       <BevelBitmapEffect BevelWidth="15" Relief="0.4"/> 
      </TabControl.BitmapEffect> 

      <!-- 3D Earth Model --> 
      <TabItem x:Name="graphics3D" Header="3D Graphics"> 
       <DockPanel Background="Black"> 
        <Viewport3D x:Name="mainScene3D"> 
         <!--Camera--> 
         <Viewport3D.Camera> 
          <PerspectiveCamera x:Name="mainCam" LookDirection="-1,0,0" Position="5,0,0" UpDirection="0,1,0"/> 
         </Viewport3D.Camera> 

         <!--Earth Model--> 
         <ModelVisual3D> 
          <ModelVisual3D.Content> 
           <Model3DGroup> 
            <AmbientLight Color="White"/> 
            <GeometryModel3D Geometry="{StaticResource SphereGeometry}"> 
             <GeometryModel3D.Material> 
              <MaterialGroup> 
               <DiffuseMaterial> 
                <DiffuseMaterial.Brush> 
                 <ImageBrush ImageSource="H:\C#\VenProp\VenProp\Images\Earth.jpg"/> 
                </DiffuseMaterial.Brush> 
               </DiffuseMaterial> 
              </MaterialGroup> 
             </GeometryModel3D.Material> 
            </GeometryModel3D> 
           </Model3DGroup> 
          </ModelVisual3D.Content> 
         </ModelVisual3D> 
        </Viewport3D> 
       </DockPanel> 
      </TabItem> 


      <TabItem x:Name="graphics2D" Header="2D Graphics"> 
       <DockPanel Background="Gray"> 
        <Image Source="H:\C#\VenProp\VenProp\Images/Earth.jpg"/> 
       </DockPanel> 
      </TabItem> 
     </TabControl> 
    </DockPanel> 
</Window> 

出于测试目的，如果你更换，说的SolidColorBrush，效果一样会发生图像刷。

有没有人知道发生了什么事？另外，我是Stack Overflow的新手，如果有什么我可以做的，使我的问题更清楚，请让我知道。感谢您提前提供任何帮助！

Answer 1

经常检查你的输出窗口绑定错误，像这样：

System.Windows.Data Error: 40 : BindingExpression path error: 'TriangleIndicies' property not found on 'object' ''MeshGeometry3D' (HashCode=33785274)'. BindingExpression:Path=Geometry.TriangleIndicies; DataItem='SphereMeshGenerator' (HashCode=18281552); target element is 'MeshGeometry3D' (HashCode=34085817); target property is 'TriangleIndices' (type 'Int32Collection')

从TriangleIndicies更改为TriangleIndices后，它的工作就好了：