uwp에서 텍스트와 이미지를 어떻게 스케일 할 수 있습니까?</p> <p><img src="https://i.stack.imgur.com/kH3o6.jpg" alt="I want an output like that"></p> <p>을하지만 그 같은 결과 :

Question

나는 텍스트 및 이미지 content.I을 확장 할

는 같은 출력하고자

내 코드는 다음과 같습니다. 문제가 무엇입니까?

<UserControl.Resources> 
     <DataTemplate x:Key="ImageTemplate" x:DataType="model:NoteBlock">  
      <Grid> 
       <Viewbox Stretch="UniformToFill" StretchDirection="Both" Grid.Row="0"> 
        <ScrollViewer MinZoomFactor="1" MaxZoomFactor="3" VerticalScrollMode="Disabled" HorizontalScrollMode="Disabled"> 

         <Image HorizontalAlignment="Stretch" VerticalAlignment="Stretch" 
         Margin="0" Source="{x:Bind BlockData}" Holding="Image_Holding" PointerPressed="Image_PointerPressed" /> 
        </ScrollViewer> 
       </Viewbox> 
      </Grid> 

     </DataTemplate> 
     <DataTemplate x:Key="TextTemplate" x:DataType="model:NoteBlock"> 
      <Grid> 
       <Viewbox StretchDirection="Both" Stretch="Uniform" VerticalAlignment="Top"> 
        <RichEditBox Name="richEditor" BorderThickness="0" l:RtfText.RichText="{x:Bind BlockData}" Margin="0" GotFocus="richEditor_GotFocus" > 
        </RichEditBox> 
       </Viewbox> 
      </Grid> 
     </DataTemplate> 
     <DataTemplate x:Key="GapTemplate"> 
      <Grid Height="20" > 
      </Grid> 
     </DataTemplate> 

     <l:NoteTypeTemplateSelector x:Key="NoteTypeTemplateSelector" 
     TextTemplate="{StaticResource TextTemplate}" 
     ImageTemplate="{StaticResource ImageTemplate}" 
     GapTemplate="{StaticResource GapTemplate}"></l:NoteTypeTemplateSelector> 
    </UserControl.Resources> 

    <Grid Name="ContainerGrid" Background="White" PointerPressed="ContainerGrid_PointerPressed" > 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"></RowDefinition> 
      <RowDefinition Height="*"></RowDefinition> 
     </Grid.RowDefinitions> 

     <ToggleSwitch Margin="0" Name="Mode" HorizontalAlignment="Right" OffContent="Read Mode" OnContent="Edit Mode"></ToggleSwitch> 

     <ListView x:Name="NoteList" Background="Transparent" 
        Grid.Row="1" 

        ItemsSource="{x:Bind ds}" 
        ItemTemplateSelector="{StaticResource NoteTypeTemplateSelector}" 
        ScrollViewer.VerticalScrollMode="Enabled"> 
      <ListView.ItemContainerStyle> 
       <Style TargetType="ListViewItem"> 
        <Setter Property="Template"> 
         <Setter.Value> 
          <ControlTemplate> 
           <ContentPresenter/> 
          </ControlTemplate> 
         </Setter.Value> 
        </Setter> 
       </Style> 
      </ListView.ItemContainerStyle> 
     </ListView> 
     <SwapChainPanel Name="DxPanel" Grid.Row="0"></SwapChainPanel> 
    </Grid> 
</UserControl> 

도와 주시겠습니까?

Answer 1

"ImageTemplate"및 "TextTemplate"에 대해 변형 중 하나를 사용하여 이미지/텍스트의 크기를 조절할 수 있습니다.

https://docs.microsoft.com/en-us/windows/uwp/graphics/transforms-overview

나는 ScaleTransform이 문제를 해결한다고 생각합니다.