내보내기(0) 인쇄
모두 확장
정보
요청한 주제가 아래에 표시됩니다. 그러나 이 주제는 이 라이브러리에 포함되지 않습니다.

Windows Phone 8의 컨트롤 각도 조절 효과 사용 방법

2014-06-18

적용 대상: Windows Phone 8 및 Windows Phone Silverlight 8.1 | Windows Phone OS 7.1

 

이 항목에서는 앱 내 컨트롤에 각도 조절 효과를 적용하는 방법을 설명합니다. 이 항목을 검토하기 전에 Windows Phone 8의 컨트롤 각도 조절 효과를 읽어 보아야 합니다.

이 항목에는 다음 단원이 포함되어 있습니다.

 

이 섹션에서는 기본 각도 조절 효과 앱을 만들고 TiltEffect.cs 파일을 가져옵니다. TiltEffect.cs 파일은 각도 조절 기능을 사용하거나 사용하지 않는 종속성 속성을 정의합니다. 또한 컨트롤에서 시각적 "각도 조절" 효과를 만드는 데 필요한 코드를 제공합니다.

기본 각도 조절 효과 앱을 만들려면

  1. 시작 메뉴에서 Visual Studio 를 시작합니다.

  2. 파일 | 새 프로젝트 메뉴 명령을 선택하여 새 프로젝트를 만듭니다.

  3. 새 프로젝트 창이 표시됩니다. Visual C# 템플릿을 확장한 다음 Windows Phone 템플릿을 선택합니다.

  4. Windows Phone 앱  템플릿을 선택합니다. 프로젝트 이름을 원하는 대로 입력합니다.

  5. 확인을 클릭합니다. 새 프로젝트가 만들어지고 MainPage.xaml이 Visual Studio 디자이너 창에서 열립니다.

  6. 솔루션 탐색기에서 프로젝트를 마우스 오른쪽 버튼으로 클릭하고 추가를 클릭한 다음 새 항목을 클릭합니다. 클래스를 선택하고 파일 이름을 TiltEffect.cs로 바꾼 다음 페이지 아래쪽에 있는 추가를 클릭합니다.

이 파일에 필요한 코드는 이 항목에서 제공되지 않습니다. 컨트롤 각도 조절 효과 샘플에서 ControlTiltEffect 샘플을 다운로드해야 합니다. 이 솔루션을 다운로드한 경우 다음 단계를 수행해야 합니다.

TiltEffect.cs 파일을 가져오려면

  1. 다운로드한 솔루션에서 TiltEffect.cs 파일을 찾습니다.

  2. TiltEffect.cs 파일을 프로젝트로 가져옵니다.

  3. 솔루션 탐색기에서 프로젝트를 마우스 오른쪽 버튼으로 클릭하고 추가를 클릭한 다음 기존 항목을 선택합니다. TiltEffect.cs 파일을 찾아보고 추가를 클릭합니다.

  4. TiltEffect.cs 파일의 네임스페이스를 프로젝트 네임스페이스 이름으로 변경합니다. 예를 들어 코드를 이 파일로 복사했으면 네임스페이스는 ControlTiltEffect가 됩니다.

    namespace ControlTiltEffect
    
    

    네임스페이스를 프로젝트의 네임스페이스로 변경합니다.

이 섹션에서는 XAML 코드를 통해 컨트롤 컬렉션을 추가하여 각도 조절 효과를 사용하거나 사용하지 않도록 합니다.

각도 조절이 가능한 컨트롤을 추가하려면

  • MainPage.xaml에서 페이지 아래쪽의 콘텐츠 패널 섹션에서 XAML 코드에 다음 코드를 추가합니다. 섹션 앞에 있는 주석은 “<!--ContentPanel - place additional content here-->”입니다. 이미 이 섹션을 채운 열고 닫는 Grid 태그를 제거합니다.

    <!--An assortment of controls that will support the tilt effect.-->
            <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
                <Button Width="186" Height="185" Content="Button" 
                  HorizontalAlignment="Left" VerticalAlignment="Top" 
                  Margin="9,20,0,0" />
                <Button Content="Button (Suppressed)" Height="150" 
                  HorizontalAlignment="Left" Margin="37,0,0,161" 
                  VerticalAlignment="Bottom" Width="380"/>
                <CheckBox Content="CheckBox" Height="72" 
                  HorizontalAlignment="Left" Margin="235,25,0,0" 
                  Name="checkBox1" VerticalAlignment="Top" />
                <RadioButton Content="RadioButton" Height="72" 
                  HorizontalAlignment="Left" Margin="235,103,0,0" 
                  Name="radioButton1" VerticalAlignment="Top" />
                <HyperlinkButton Content="HyperlinkButton" Height="30" 
                  HorizontalAlignment="Left" Margin="25,211,0,0" 
                  Name="hyperlinkButton1" VerticalAlignment="Top" 
                  Width="409" />
                <ListBox Height="110" HorizontalAlignment="Left" 
                  Margin="6,472,0,0" Name="listBox1" VerticalAlignment="Top" 
                  Width="460" ItemsSource="{Binding}" >
                    <ListBoxItem Content="First ListBoxItem" ></ListBoxItem>
                    <ListBoxItem Content="Second ListBoxItem" ></ListBoxItem>
                    <ListBoxItem Content="Third ListBoxItem" ></ListBoxItem>
                    <ListBoxItem Content="Fourth ListBoxItem" ></ListBoxItem>
                </ListBox>
            </Grid>
    
    
    참고참고:

    이러한 컨트롤을 페이지로 끌어서 놓고 도구 상자에 따라 배치합니다. 다음 그림에서는 일반적으로 페이지가 표시되는 방식을 보여 줍니다.

    AP_CoreCont_Tilt

이 섹션에서는 페이지에 IsTiltEnabled 종속성 효과를 추가하고 사용하도록 설정합니다. 이 속성은 사용자가 만든 모든 컨트롤에 각도 조절 효과가 전파되도록 페이지 루트에 추가됩니다. 각도 조절 효과를 전체적으로 적용하거나 단일 컨트롤에 적용하도록 설정할 수 있습니다. 또한 SuppressTilt 종속성 속성을 사용하여 단일 컨트롤의 각도 조절 효과를 사용하지 않도록 설정할 수도 있습니다.

각도 조절 효과 종속성 속성을 적용하려면

  1. MainPage.xaml에서 다음 네임스페이스 선언을 페이지 맨 위에 추가합니다. [Namespace]에 앱 네임스페이스를 입력합니다.

    xmlns:local="clr-namespace:[Namespace]"
    
    
  2. MainPage.xaml의 페이지 맨 위에 종속성 속성 IsTiltEnabled를 추가하고 사용하도록 설정합니다.

    local:TiltEffect.IsTiltEnabled="True"
    
    

    이 코드는 TiltEffect.cs 파일의 IsTiltEnabled 종속성 속성을 참조하고, 페이지에서 전체적으로 각도 조절 효과 기능을 사용하도록 설정합니다.

  3. 이 페이지의 XAML 코드에서 콘텐츠 속성이 버튼(사용 안 함)으로 설정된 버튼 컨트롤을 찾습니다. 이 코드를 다음 코드로 수정합니다.

    <Button Content="Button (Suppressed)" Height="150" 
    HorizontalAlignment="Left" Margin="37,0,0,161" VerticalAlignment="Bottom" 
    Width="380" local:TiltEffect.SuppressTilt="True"/>
    
    

    위 코드에서는 SuppressTilt 종속성 속성을 추가한 다음 True로 설정하기만 하면 됩니다.

  4. 디버그 | 디버깅 시작 메뉴 명령을 선택하여 앱을 실행합니다. 이렇게 하면 에뮬레이터 창이 열리고 앱이 실행되거나 선택 항목에 따라 장치로 배포됩니다. 앱이 실행되면 모든 컨트롤에 각도 조절 효과가 적용되었는지 확인해야 합니다. 단, 사용하지 않는 각도 조절 종속성 속성이 사용하도록 설정된 버튼은 예외입니다.

표시:
© 2014 Microsoft