사용자 정의 컨트롤 - 애니메이션 이미지를 xml로 제공

Question

OPC 태그의 값에 따라 밸브베이스의 열기/닫기 위치를 애니메이션으로 만드는 밸브 사용자 정의 컨트롤을 개발해야합니다. 예 : 밸브 태그의 값이 1 인 경우 밸브를 열린 위치에 둡니다. Valve Tag의 값이 0 인 경우 밸브를 가까운 위치에 그립니다. 컨트롤은 TAG 이름을 제공하는 속성을 노출합니다.

밸브를 움직일 수있는 여러 가지 방법이 있습니다. 따라서 컨트롤을 사용하여 이미지를 지정하여 열려있는 밸브/닫는 위치를 그리는 데 필요한 이미지를 지정해야합니다. 이미지를 파일 (예 : png 또는 jpg)로주는 대신 xaml 항목으로 그릴 이미지를 제공 할 수 있습니까?

어떻게해야합니까?

Answer 1

상태에 따라 다른 DrawingBrush 인스턴스로 제어 영역을 채울 수 있습니다. 이러한 브러시는 컨트롤의 리소스에 정의되어있을 수 있습니다.

<UserControl.Resources> 
    <DrawingBrush x:Key="valveOpen"> 
     ... 
    </DrawingBrush> 
    <DrawingBrush x:Key="valveClosed"> 
     ... 
    </DrawingBrush> 
</UserControl.Resources> 
<!-- change Background when the state changes --> 
<Grid x:Name="root" Background="{StaticResource valveOpen}"> 
    ... 
</Grid>