类似Snapchat的应用程序

我想要一个“类似Snapchat”的UWP应用程序。类似Snapchat的应用程序

这里是一个小的一段代码：

<Grid> 
      <CaptureElement Stretch="Uniform"/> 
      <Button 
        x:Name="button1" 
        Content="Button" 
        Height="126" Width="162" 
        Click="button1_Click" 
        FontSize="72" 
        Margin="185,543,0,51"/> 

</Grid>

不过，我想我的应用程序能够在手机和桌面使用的，我希望能够调整窗口的大小，让它（使用VisualStateManager）自动调整

我试着用行来实现这一目标：

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="*"/> 
     <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 

    <CaptureElement Stretch="Uniform" Grid.Row="0"/> 
    <Button 
      x:Name="button1" 
      Content="Button" 
      Height="126" Width="162" 
      Click="button1_Click" 
      FontSize="12" 
      Grid.Row="1"/> 

</Grid>

这似乎是确定，但图片不是全屏 - 你可以清楚地将Button从CapturePreview中分离出来，但想法是只用按钮图标进行全屏预览。

有没有一种方法可以实现我的想法？

来源

2016-06-28 Johhny Bravo

Can''解决问题？ –

@ GraceFeng-MSFT你会添加到第一个代码或第二个？ –

@ GraceFeng-MSFT谢谢，实际上使图标可见，但现在captureElement已伸出。 –

您可以在这里设置Grid.RowSpanProperty property。

既然你把你的Grid分为两部分：如果你希望你的CaptureElement伸展到整个Grid

<Grid.RowDefinitions> 
    <RowDefinition Height="*"/> 
    <RowDefinition Height="Auto"/> 
</Grid.RowDefinitions>

，您可以设置Grid.RowSpan="2"这里：

<CaptureElement Stretch="Uniform" Grid.Row="0" Grid.RowSpan="2"/>

由如果您有关于相机的其他问题，可以参考官方Basic camera app sample。

来源

2016-06-29 10:50:45

类似Snapchat的应用程序

回答

相关问题