ObservableCollection에서 채워지는 뷰의 이미지 크기를 변경하는 방법

Question

ObservableCollection에 의해 채워지는 이미지 목록이 있습니다. 이 작업은 ListBox의 ItemsSource를 코드 배후의 Collection에 바인딩하여 수행됩니다. 결과 이미지 목록이보기 싫어 보이지만 모든 것이 제대로 작동합니다. 현재 이미지는 가로 WrapPanel에 래핑되고 있는데, 이는 내가 유지하고 싶은 기능입니다. 그러나 문제는 CameraCaptureTask에서 가져온 이미지가 가로 또는 세로 모드인지 여부에 따라보기에 표시 될 때 매우 넓거나 키가 큰 것입니다. 가로 세로 비율을 그대로 유지하면서 이러한 이미지의 크기를 조정할 수 있기를 원합니다. 아마도 너비 나 높이의 제한을 128보다 작게 설정하는 것이 좋습니다. 다음 코드에서이 작업을 정확히 수행 할 수 있습니까? 또한 이미지에 종횡비를 유지하는 방법이 있습니까? 예를 들어, 인물 사진은 종횡비를 유지하기 위해 128보다 작은 폭을 유지하면서 최대 높이가 128 인 것을 알고 있습니까? @tanuj_loop이 시사하는 것처럼

에서 MainPage.xaml

<ListBox x:Name="Recent" ItemsSource="{Binding}" Margin="8" 
        SelectionChanged="recent_SelectionChanged" toolkit:TiltEffect.IsTiltEnabled="True" 
        ItemContainerStyle="{StaticResource MyStyle}"> 
       <ListBox.ItemsPanel> 
        <ItemsPanelTemplate> 
         <toolkit:WrapPanel Orientation="Horizontal" /> 
        </ItemsPanelTemplate> 
       </ListBox.ItemsPanel> 
      </ListBox> 

Answer 1

당신은 당신의 ItemTemplate을 설정할 수 있지만 잠재적 또한 ViewBox에서 항목을 삽입하고 보장하기 위해 이미지에 직접 당신의 크기 변경을 적용하는 대신 제안 당신은 이미지의 해상도를 유지하지만 당신이 겪고있는 크기 제한을 얻습니다.

<ListBox.ItemTemplate> 
    <DataTemplate> 
    <ViewBox MaxHeight="128" MaxWidth="128"> 
      <Image Source="{Binding }"/> 
     </ViewBox>          
    </DataTemplate> 
</ListBox.ItemTemplate> 

당신의 ViewBox 당신을 위해 모든 가능성이 크기 조정 문제를 처리하고 이미지가 여전히 당신이 원하는만큼 선명 나와 이쪽으로.

희망이 도움이됩니다.