2015-11-12 637 views
1

我开发一个WPF应用程序,允许两个端点在一个视频聊天连接从WPF消失。我已经被设计在XAML设计的UI在过去的两个月,一切正常,当我跑它没有显示一切等直到昨天,对于完全没有任何明显原因的应用程序。 UI的一些部分的代码时在另一台笔记本电脑上运行只是不出来了。我坚持事实上,它之前已经工作,现在不再工作了。我也没有改变代码中可能与UI的那部分有关的任何东西,也没有在xaml中做任何改变。UI元素在运行时

我没有检查过,我从来没有搞错代码隐藏的任何可见性参数,所以我没有看到任何应用程序的行为突然改变的原因。

有没有人有一个想法,为什么会发生这种情况?

这里是XAML:

<Window x:Class="RealSenseiConfFusion.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="MainWindow" Height="1000" Width="1500" 
    WindowStartupLocation="Manual" 
    Left="0" Top="0" 
    Closing="Window_Closing" 
    Loaded="Window_Loaded" > 
<Grid Background="LightSteelBlue"> 
    <Rectangle Margin="10,10,498.6,0" Name="rectangle1" Stroke="Black" RadiusX="9" RadiusY="9" Fill="LightSlateGray" Height="142" VerticalAlignment="Top" /> 
    <Grid Name="callAndSyncGrid" Margin="26,24,1165,835" Background="LightGray"> 
     <StackPanel> 
      <TextBlock HorizontalAlignment="Center">ABOUT CALL</TextBlock> 
      <TextBlock Name="myIpTextBlock">Your ip is:</TextBlock> 
      <Grid Name="callGrid"> 
       <TextBox Height="23" HorizontalAlignment="Left" Name="txtIP" Background="GhostWhite" Foreground="Black" Width="221" /> 
       <Button Height="23" HorizontalAlignment="Right" Name="btnCall" Width="75" Click="btnCall_Click">Call</Button> 
      </Grid> 
      <Button Name="btnSync" Content="Start Synchronization" HorizontalAlignment="Left" Width="120" Height="25" Click="btnSynchronize_Click"/> 
      <TextBlock Name="currentConvText"></TextBlock> 
     </StackPanel> 
    </Grid> 
    <Grid Name="visSetupGrid" Margin="650,24,515,835" Background="LightGray"> 
     <StackPanel> 
      <TextBlock HorizontalAlignment="Center">VISUALIZATION SETUP</TextBlock> 
      <Grid> 
       <TextBlock HorizontalAlignment="Left"> Visualization block 1:</TextBlock> 
       <ComboBox Name="vis1Combo" HorizontalAlignment="Right"> 
        <ComboBoxItem IsSelected="True">Vis1UC1</ComboBoxItem> 
        <ComboBoxItem>Vis1UC1_2</ComboBoxItem> 
        <ComboBoxItem>Vis1UC2</ComboBoxItem> 
        <ComboBoxItem>Vis1UC2_2</ComboBoxItem> 
        <ComboBoxItem>Vis2UC1</ComboBoxItem> 
        <ComboBoxItem>Vis2UC2</ComboBoxItem> 
        <ComboBoxItem>Vis2UC3</ComboBoxItem> 
        <ComboBoxItem>Vis3UC1</ComboBoxItem> 
        <ComboBoxItem>Vis3UC2</ComboBoxItem> 
        <ComboBoxItem>Vis3UC3</ComboBoxItem> 
       </ComboBox> 
      </Grid> 
      <Grid> 
       <TextBlock HorizontalAlignment="Left"> Visualization block 2:</TextBlock> 
       <ComboBox Name="vis2Combo" HorizontalAlignment="Right"> 
        <ComboBoxItem>Vis1UC1</ComboBoxItem> 
        <ComboBoxItem>Vis1UC1_2</ComboBoxItem> 
        <ComboBoxItem>Vis1UC2</ComboBoxItem> 
        <ComboBoxItem>Vis1UC2_2</ComboBoxItem> 
        <ComboBoxItem>Vis2UC1</ComboBoxItem> 
        <ComboBoxItem IsSelected="True">Vis2UC2</ComboBoxItem> 
        <ComboBoxItem>Vis2UC3</ComboBoxItem> 
        <ComboBoxItem>Vis3UC1</ComboBoxItem> 
        <ComboBoxItem>Vis3UC2</ComboBoxItem> 
        <ComboBoxItem>Vis3UC3</ComboBoxItem> 
       </ComboBox> 
      </Grid> 
      <Grid> 
       <TextBlock HorizontalAlignment="Left"> Visualization block 3:</TextBlock> 
       <ComboBox Name="vis3Combo" HorizontalAlignment="Right"> 
        <ComboBoxItem>Vis1UC1</ComboBoxItem> 
        <ComboBoxItem>Vis1UC1_2</ComboBoxItem> 
        <ComboBoxItem IsSelected="True">Vis1UC2</ComboBoxItem> 
        <ComboBoxItem>Vis1UC2_2</ComboBoxItem> 
        <ComboBoxItem>Vis2UC1</ComboBoxItem> 
        <ComboBoxItem>Vis2UC2</ComboBoxItem> 
        <ComboBoxItem>Vis2UC3</ComboBoxItem> 
        <ComboBoxItem>Vis3UC1</ComboBoxItem> 
        <ComboBoxItem>Vis3UC2</ComboBoxItem> 
        <ComboBoxItem>Vis3UC3</ComboBoxItem> 
       </ComboBox> 
      </Grid> 
      <Button Name="btnVisApply" HorizontalAlignment="Center" Click="btnVisApply_Click">Apply!</Button> 
     </StackPanel> 
    </Grid> 
    <Grid Name="otherPeerVideo" HorizontalAlignment="Left" VerticalAlignment="Top" Width="1000" Height="700" Margin="0,83,0,0"> 
     <Grid Width="960" Height="540"> 
      <Border BorderBrush="DarkOrange" BorderThickness="4"> 
       <WindowsFormsHost Name="wfServer"/> 
      </Border> 
     </Grid> 
    </Grid> 
    <StackPanel Name="feedbackAndMyVideoStackPanel" Background="WhiteSmoke" Margin="1000,83,0,0" VerticalAlignment="Top" Width="454" Height="800"> 
     <Grid Name="vis1Grid" Height="160"></Grid> 
     <Grid Name="vis2Grid" Height="160"></Grid> 
     <Grid Name="vis3Grid" Height="160"></Grid> 
     <Grid Name="myVideoGrid" VerticalAlignment="Bottom" Height="320"> 
      <Grid HorizontalAlignment="Left" VerticalAlignment="Bottom" Width="454" Height="300"> 
       <Border BorderBrush="Blue" BorderThickness="4"> 
        <WindowsFormsHost Name="myVideo" VerticalAlignment="Bottom" HorizontalAlignment="Left" Width="446" Height="292"/> 
       </Border> 
      </Grid> 
      <Button Name="myVideoHideButton" Click="myVideoHideButton_Click" HorizontalAlignment="Right" VerticalAlignment="Top" Width="80" Height="20">Hide/Unhide</Button> 
     </Grid> 
    </StackPanel> 
</Grid> 

这里是它看起来像在设计师(在两台机器上)截图: Designer look

下面是如何截图它看起来当应用程序在我的机器上运行,如: enter image description here

在这里,它的外观时,应用程序在笔记本电脑上运行就像一个截图: enter image description here

+2

你显然有一个布局的问题。所有的布局都使用诸如“Margin =”26,24,1165,835“'这样的东西不够充分,可能会导致各种不良行为。我建议您删除所有边距并使用正确的[WPF布局](http://www.codeproject.com/Articles/30904/WPF-Layouts-A-Visual-QuickStart)技术。 –

+1

我同意Highcore。许多(All?)宽度,高度,边距都是硬编码的。如果两台电脑的窗户大小不一样,可能会变坏。尝试使两台电脑上的两个窗口具有相同的大小,并检查您是否仍然看到相同的东西 –

+0

谢谢您的有用输入。我对WPF世界很陌生;你能解释一下使用边距和使用Canvas的区别吗?会使用画布帮我吗? – ArthurT

回答

1

我编译/想你的代码。 当窗口变小,许多组件消失。 由于利润率。边距更换

  • 之前:

随着余量用于放置

<Grid Name="callAndSyncGrid" Margin="26,24,1165,835" Background="LightGray"> 
    <!-- ... --> 
</Grid> 
<Grid Name="visSetupGrid" Margin="650,24,515,835" Background="LightGray"> 
     <!-- ... --> 
</Grid> 

“呼吸”的边距
放置由两列组成(ColumnDefinitions和Grid.Column =“1”;默认为0)。
此处每列需要50%(50 *)的可用空间。
你也可以使用的大小 “自动” 或323(硬编码的大小)

<Grid Name="parentGridForLayout" > 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="50*"/> 
     <ColumnDefinition Width="50*"/> 
    </Grid.ColumnDefinitions> 
    <Grid Name="callAndSyncGrid" Margin="10" Background="LightGray"> 
     <!-- ... --> 
    </Grid> 
    <Grid Name="visSetupGrid" Margin="10" Background="LightGray"> 
      <!-- ... --> 
    </Grid> 
</Grid> 

咨询

使用网格+保证金或帆布是相当接近的方法。但是通过网格,您可以创建列和行来组织布局。你可以将网格(或其他面板,如StackPanels,DockPanels,WrapPanels)组成网格来组织布局。

免责声明: 我单独一段代码是不够的。
你需要组织你所有的GUI和许多面板。
我会从头开始重新创建窗口:空白页面,然后放置第一个网格(或任何合适的面板),将其与列或行分开。然后把从一个窗口输入一些内容在电网水平,那么走在孩子电网多放一些网格/进口含量

问候

+0

感谢您花时间帮助我,非常感谢。 但是,如果我使用Canvas'es或Grid + Margins,我想这是公平的,期望不同的元素不会随窗口扩展,如果我把它放大,对吧? 我需要使用数据绑定来实现真正的缩放窗口吗? – ArthurT

+1

不,你不需要DataBinding作为你的基本情况 - 我只是编辑Grid/{Column Width或Row Height} –

0

由于@HighCore和@Emmanuel都灵指出,问题是,我用边距定义布局,如果我在不同的屏幕尺寸上运行应用程序,这会导致很大的麻烦。 为了解决这个问题,我使用了Canvas'es来放置每个元素相对于它们的容器。 现在我可以在不同的屏幕上使用该应用程序,并且一切都按照我的需要显示。

这里更好的layouted UI以供参考:

<Window x:Class="RealSenseiConfFusion.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="MainWindow" Height="860" Width="1500" 
    WindowStartupLocation="Manual" 
    Left="0" Top="0" 
    Closing="Window_Closing" 
    Loaded="Window_Loaded" > 
<Grid Background="LightSteelBlue"> 
    <Canvas> 
     <Canvas Canvas.Top="10" Canvas.Left="10" Width="980" Height="142"> 
      <Rectangle Width="980" Height="132" Name="rectangle1" Stroke="Black" RadiusX="9" RadiusY="9" Fill="LightSlateGray" VerticalAlignment="Top" /> 
      <Grid Name="callAndSyncGrid" Canvas.Top="15" Canvas.Left="15" Width="200" Background="LightGray"> 
       <StackPanel> 
        <TextBlock HorizontalAlignment="Center">ABOUT CALL</TextBlock> 
        <TextBlock Name="myIpTextBlock">Your ip is:</TextBlock> 
        <Grid Name="callGrid"> 
         <TextBox Height="23" HorizontalAlignment="Left" Name="txtIP" Background="GhostWhite" Foreground="Black" Width="221" /> 
         <Button Height="23" HorizontalAlignment="Right" Name="btnCall" Width="75" Click="btnCall_Click">Call</Button> 
        </Grid> 
        <Button Name="btnSync" Content="Start Synchronization" HorizontalAlignment="Left" Width="120" Height="25" Click="btnSynchronize_Click"/> 
        <TextBlock Name="currentConvText"></TextBlock> 
       </StackPanel> 
      </Grid> 
      <Grid Name="visSetupGrid" Canvas.Top="15" Canvas.Right="15" Width="200" Background="LightGray"> 
       <StackPanel> 
        <TextBlock HorizontalAlignment="Center">VISUALIZATION SETUP</TextBlock> 
        <Grid> 
         <TextBlock HorizontalAlignment="Left"> Visualization block 1:</TextBlock> 
         <ComboBox Name="vis1Combo" HorizontalAlignment="Right"> 
          <ComboBoxItem IsSelected="True">Vis1UC1</ComboBoxItem> 
          <ComboBoxItem>Vis1UC1_2</ComboBoxItem> 
          <ComboBoxItem>Vis1UC2</ComboBoxItem> 
          <ComboBoxItem>Vis1UC2_2</ComboBoxItem> 
          <ComboBoxItem>Vis2UC1</ComboBoxItem> 
          <ComboBoxItem>Vis2UC2</ComboBoxItem> 
          <ComboBoxItem>Vis2UC3</ComboBoxItem> 
          <ComboBoxItem>Vis3UC1</ComboBoxItem> 
          <ComboBoxItem>Vis3UC2</ComboBoxItem> 
          <ComboBoxItem>Vis3UC3</ComboBoxItem> 
         </ComboBox> 
        </Grid> 
        <Grid> 
         <TextBlock HorizontalAlignment="Left"> Visualization block 2:</TextBlock> 
         <ComboBox Name="vis2Combo" HorizontalAlignment="Right"> 
          <ComboBoxItem>Vis1UC1</ComboBoxItem> 
          <ComboBoxItem>Vis1UC1_2</ComboBoxItem> 
          <ComboBoxItem>Vis1UC2</ComboBoxItem> 
          <ComboBoxItem>Vis1UC2_2</ComboBoxItem> 
          <ComboBoxItem>Vis2UC1</ComboBoxItem> 
          <ComboBoxItem IsSelected="True">Vis2UC2</ComboBoxItem> 
          <ComboBoxItem>Vis2UC3</ComboBoxItem> 
          <ComboBoxItem>Vis3UC1</ComboBoxItem> 
          <ComboBoxItem>Vis3UC2</ComboBoxItem> 
          <ComboBoxItem>Vis3UC3</ComboBoxItem> 
         </ComboBox> 
        </Grid> 
        <Grid> 
         <TextBlock HorizontalAlignment="Left"> Visualization block 3:</TextBlock> 
         <ComboBox Name="vis3Combo" HorizontalAlignment="Right"> 
          <ComboBoxItem>Vis1UC1</ComboBoxItem> 
          <ComboBoxItem>Vis1UC1_2</ComboBoxItem> 
          <ComboBoxItem IsSelected="True">Vis1UC2</ComboBoxItem> 
          <ComboBoxItem>Vis1UC2_2</ComboBoxItem> 
          <ComboBoxItem>Vis2UC1</ComboBoxItem> 
          <ComboBoxItem>Vis2UC2</ComboBoxItem> 
          <ComboBoxItem>Vis2UC3</ComboBoxItem> 
          <ComboBoxItem>Vis3UC1</ComboBoxItem> 
          <ComboBoxItem>Vis3UC2</ComboBoxItem> 
          <ComboBoxItem>Vis3UC3</ComboBoxItem> 
         </ComboBox> 
        </Grid> 
        <Button Name="btnVisApply" HorizontalAlignment="Center" Click="btnVisApply_Click">Apply!</Button> 
       </StackPanel> 
      </Grid> 
     </Canvas> 

     <Grid Name="otherPeerVideo" HorizontalAlignment="Left" Canvas.Top="150" Canvas.Left="20"> 
      <Grid Width="960" Height="540"> 
       <Border BorderBrush="DarkOrange" BorderThickness="4"> 
        <WindowsFormsHost Name="wfServer"/> 
       </Border> 
      </Grid> 
     </Grid> 

     <StackPanel Name="feedbackAndMyVideoStackPanel" Background="WhiteSmoke" Canvas.Right="15" Canvas.Top="15" VerticalAlignment="Top" Width="454" Height="800"> 
      <Grid Name="vis1Grid" Height="160"></Grid> 
      <Grid Name="vis2Grid" Height="160"></Grid> 
      <Grid Name="vis3Grid" Height="160"></Grid> 
      <Grid Name="myVideoGrid" VerticalAlignment="Bottom" Height="320"> 
       <Grid HorizontalAlignment="Left" VerticalAlignment="Bottom" Width="454" Height="300"> 
        <Border BorderBrush="Blue" BorderThickness="4"> 
         <WindowsFormsHost Name="myVideo" VerticalAlignment="Bottom" HorizontalAlignment="Left" Width="446" Height="292"/> 
        </Border> 
       </Grid> 
       <Button Name="myVideoHideButton" Click="myVideoHideButton_Click" HorizontalAlignment="Right" VerticalAlignment="Top" Width="80" Height="20">Hide/Unhide</Button> 
      </Grid> 
     </StackPanel> 
    </Canvas> 
</Grid>