Snapchat 형 앱

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사용) 자동 조정

그 달성하기 위해 행을 사용하여 시도

:

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

이 괜찮을 듯 , 그림은 전체 화면이 아닙니다. CapturePreview에서 Button을 명확히 구분할 수 있지만 버튼 아이콘만으로 전체 화면 미리보기를 사용하는 것이 좋습니다.

마음에있는 것을 성취 할 수있는 방법이 있습니까?

Answer 1

여기서 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을 참조하십시오.