Windows 잉크 - UWP App

Question

나는 uwp 응용 프로그램을 개발 중이며 Microsoft (https://github.com/Microsoft/Windows-appsample-coloringbook)의이 예제 코드 중 일부를 사용하고 있습니다. 이 예제에서는 여러 이미지가 포함 된 컬렉션에서 이미지를 선택한 다음 Windows Ink로 해당 이미지를 페인트/쓰기 할 수 있습니다. 이력서 : 메인 페이지 - "새로운 색칠 페이지"(WelcomePage.xaml) -> 컬렉션 선택 (PickCollectionPage.xaml) -> 이미지 선택 (PickColoringPage.xaml) -> 사용자가 그리거나 페인트 할 수 있습니다 (ColoringPage.xaml). 나는 이것을 원한다 : 페이지 - "새로운 색칠 공부 페이지"(WelcomePage.xaml) -> 사용자가 그리거나 페인트 할 수있다. 예를 들어 사용자가 선택한 이미지를로드하는 대신 기본적으로 흰색 배경을 넣고 흰색/빈 배경에 페인트, 쓰기 또는 그릴 수 있습니다.

Answer 1

대신 그냥 기본적으로 흰색 배경을 데려 가고 싶다는, 그리고 사용자가 그릴 수합니다 (exemple 같이) 사용자가 선택한 이미지를로드하는

당신이 실제로하고 싶은 많이 샘플 "색칠 공부"보다 간단합니다. 페인트 상대 기능은 InkToolbar 컨트롤과 연결된 InkCanvas에 의해 구현됩니다. WelcomePage에서 이미지를로드하지 않고 원하는 기능으로 InkCanvas이 포함 된 새 페이지로 이동하면됩니다. 이 경우 대신 SimpleInk 공식 샘플 2의 시나리오를 참조 할 수 있습니다.

"Coloringbook"샘플 앱을 기반으로 프로젝트를 생성하려면 코드를 변경하고 추가 기능을 삭제할 수 있습니다. 예를 들어, 다음과 같이

//WelcomePage 
private void Color_Click(object sender, RoutedEventArgs e) 
{ 
    this.Frame.Navigate(typeof(ColoringPage)); 
    //this.Frame.Navigate(typeof(PickCollectionPage)); 
} 

를 네비 페이지를 변경하고 이미지를 로딩하기위한 것이다 ColoringPage의 OnNavigatedTo 방법 삭제 Image_Opened 대신하여 설정하는 방법에 대해 InkCanvasHeight 및 Width 세트.

//ColoringPage.Xaml 
<Viewbox> 
    <InkCanvas x:Name="myInkCanvas" Height="500" Width="500"/> 
</Viewbox> 

이미지 관련 코드를 포함 ColoringPage에있는 모든 방법

은 업데이트해야합니다. 요구 사항을 충족시키기 위해 코드 스 니펫을 업데이트하는 작업에 대한 자세한 내용은 직접 시도하십시오.