•  19-09-2019
  •  | 
  •  

문제

사용자에게 이미지 그룹을 제시하는 데 필요한 터치 스크린 응용 프로그램 (웹 앱이 아님)을 운전할 것입니다. 욕구는 3x3 이미지의 이미지를 페이지 앞/뒤로 기능으로 제시하는 것입니다. 그들은 몇 가지를 선택할 수 있으며 그 이미지 만 제시하겠습니다.

나는 그것을 보지 못한다 ListView 내가 원하는 것을 꽤합니다 (WPF는 충분히 크지 만 분명한 것을 놓쳤을 수도 있습니다!). 나는 a를 설정할 수 있었다 Grid 그리드 위치의 이미지. 그러나 나는 더 멋지고 자동화되고 덜 무차별 한 것을 기대하고있었습니다. 생각이나 포인터가 있습니까?

도움이 되었습니까?

해결책

당신은 사용하고 싶을 수도 있습니다 ItemsControl/ListBox 그런 다음 a를 설정합니다 UniformGrid 3x3 디스플레이의 패널 ItemsPanel 적절한 WPF 결합성 솔루션을 달성합니다.

 <ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled">
    <ListBox.ItemsPanel>
      <ItemsPanelTemplate>
        <UniformGrid Rows="3" Columns="3"/>
       </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
  <Image Source="Images\img1.jpg" Width="100"/>
  <Image Source="Images\img2.jpg" Width="50"/>
  <Image Source="Images\img3.jpg" Width="200"/>
  <Image Source="Images\img4.jpg" Width="75"/>
  <Image Source="Images\img5.jpg" Width="125"/>
  <Image Source="Images\img6.jpg" Width="100"/>
  <Image Source="Images\img7.jpg" Width="50"/>
  <Image Source="Images\img8.jpg" Width="50"/>
  <Image Source="Images\img9.jpg" Width="50"/>
 </ListBox>

동적 솔루션을 찾으려면 이미지 모음을 항목 소스 바인딩으로 설정해야합니다. 그러나 문제는 너무 넓어서 정확한 답변을 제공하기에는 너무 넓습니다.

다른 팁

나는 이것이 꽤 오래된 질문이라는 것을 알고 있지만,이 페이지가 Google의 첫 페이지에 있으며이 링크는 누군가에게 유용 할 수 있기 때문에 답하고 있습니다.

WPF 사진 뷰어 데모

스크린 샷 :Screenshot

간단한 것을 사용할 수 있습니다 ListBox 제어하고 사용자 정의합니다 ItemsPanel 템플릿 및 추가 WrapPanel 그것에. WrapPanel 항목을 가로 타일링 레이아웃에 넣으면 최대 너비를 설정하여 3 개의 항목을 한 줄로 통합 할 수 있으며 마지막 하나가 채워질 때까지 3 개 항목에 대한 더 많은 행이 생성됩니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top