ScatterViewItem의 이미지에서 컨트롤 영역을 분리합니다.

Question

ScatterViewItem 자체보다 작은 영역을 선택하고 싶습니다. 은 내가 ScatterViewItem로 다음과 같은 이미지가 성공 하셨어요 많은 것을 아무것도하지만, 시도 :

내가하고 싶습니다 만 빨간색 원 (과 insideof IT)을위한 출발점으로 클릭 평소 스 캐터 뷰 조작.

내가 계속해야 할 사람이 있습니까? 미리 감사드립니다.

Answer 1

템플릿을 설정하여 ScatterViewItem의 시각적 모양을 설정한다고 가정하면 아래와 같은 예가 될 수 있습니다. 이미지의 IsHitTestVisible 속성을 false로 설정하고 더 작은 투명 원으로 오버레이하여 입력을받습니다.

<s:ScatterViewItem> 
    <s:ScatterViewItem.Template> 
     <ControlTemplate> 
      <Grid> 
       <Image Source="..." IsHitTestVisible="False"/> 
       <Ellipse Fill="Transparent" Margin="20"/> 
      </Grid> 
     </ControlTemplate> 
    </s:ScatterViewItem.Template> 
</s:ScatterViewItem>