我想获得有关在页面视图上放置网格的一些建议/建议。这是针对示例相机应用程序的，它是基于http://msdn.microsoft.com/zh-cn/library/windowsphone/develop/hh202956(v=vs.105).aspx建模的。我已经对MainPage进行了一些修改，在我的底部有一个自定义的appbar实现，该实现是不透明的，并且覆盖VideoCanvas整个屏幕。我想添加一个按钮来打开或关闭网格，以更好地排列新的相机镜头，但是我不确定该怎么做。如果我要创建用户控件并覆盖网格或在MainPage中执行此操作，如何最好地将其排列成在所有电话屏幕尺寸上均一的格式，任何其他想法将不胜感激。
主页
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="140"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width=".5*"/>
<ColumnDefinition Width=".5*"/>
<ColumnDefinition Width=".4*"/>
</Grid.ColumnDefinitions>
<Canvas x:Name="VideoCanvas" Grid.RowSpan="2" Grid.ColumnSpan="3">
<Canvas.Background>
<VideoBrush x:Name="videoBrush"/>
</Canvas.Background>
</Canvas>
...
</Grid>
您可以将其绘制出来，然后使用Visibility切换开关将其放置在视图上，如果您想在诸如此类的东西上花一些点的地方StrokeDashArray来获得虚线。您也可以绘制Grid并启用，ShowGridLines="True"但这会给您蓝色/黄色虚线轮廓，除非您深入研究它，然后执行以下操作。
举个简单的例子；
<Grid>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="140"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width=".5*"/>
<ColumnDefinition Width=".5*"/>
<ColumnDefinition Width=".4*"/>
</Grid.ColumnDefinitions>
<Canvas x:Name="VideoCanvas" Grid.RowSpan="2" Grid.ColumnSpan="3">
<Canvas.Background>
<VideoBrush x:Name="videoBrush"/>
</Canvas.Background>
</Canvas>
</Grid>
<!-- Lay it over the existing stuff -->
<Grid Visibility="Visible">
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition Height="1"/>
<RowDefinition/>
<RowDefinition Height="1"/>
<RowDefinition/>
<RowDefinition Height="1"/>
<RowDefinition/>
<RowDefinition Height="1"/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="1"/>
<ColumnDefinition/>
<ColumnDefinition Width="1"/>
<ColumnDefinition/>
<ColumnDefinition Width="1"/>
<ColumnDefinition/>
<ColumnDefinition Width="1"/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid.Resources>
<Style TargetType="Rectangle">
<Setter Property="Stroke" Value="Gray"/>
<Setter Property="StrokeThickness" Value="1"/>
<Setter Property="Opacity" Value=".5"/>
</Style>
</Grid.Resources>
<Rectangle Grid.Column="1" Grid.RowSpan="9"/>
<Rectangle Grid.Column="3" Grid.RowSpan="9"/>
<Rectangle Grid.Column="5" Grid.RowSpan="9"/>
<Rectangle Grid.Column="7" Grid.RowSpan="9"/>
<Rectangle Grid.Row="1" Grid.ColumnSpan="9"/>
<Rectangle Grid.Row="3" Grid.ColumnSpan="9"/>
<Rectangle Grid.Row="5" Grid.ColumnSpan="9"/>
<Rectangle Grid.Row="7" Grid.ColumnSpan="9"/>
</Grid>
</Grid>
希望这可以帮助。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句