Question

我想要一个“像Snapchat一样”的UWP应用程序。

这是一小段代码：

 <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 ）

我尝试使用Rows来实现这一目标：

<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分开，但我们的想法是只使用按钮图标进行全屏预览。

有没有办法实现我的想法？

Answer 1

您可以在此处设置Grid.RowSpanProperty property。

由于您将Grid分为两部分：

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

如果您希望CaptureElement延伸到整个Grid，可以在此处设置Grid.RowSpan="2"：

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

顺便说一下，如果您对相机有其他疑问，可以参考官方Basic camera app sample。

类似Snapchat的应用程序

1 个答案: