문서를 영문으로 보려면 영문 확인란을 선택하세요. 마우스 포인터를 텍스트 위로 이동시켜 팝업 창에서 영문 텍스트를 표시할 수도 있습니다.
번역
영문

실습 정보: Blend에서 사각형이 아닌 창 만들기

이 페이지는 WPF 프로젝트에만 적용됨

Blend for Visual Studio 응용 프로그램에서는 경우에 따라 런타임에 사각형이 아닌 도형으로 시각적 모양이 변경되는 창을 만들 수 있습니다. 이런 경우에 대한 일반적인 예는 데스크톱 애플릿, 위젯 및 미디어 플레이어에서 볼 수 있습니다. 응용 프로그램의 Window 개체에 대한 몇 가지 속성을 변경한 다음 제목 표시줄 없이 창을 이동할 수 있도록 하는 이벤트 처리기 메서드를 만들어 사각형이 아닌 창을 만들 수 있습니다.

사각형이 아닌 창을 투명하게 만들기

  1. 개체 타임라인 패널에서 Window 개체를 선택한 다음 속성 패널의 모양에서 WindowStyle 속성을 None으로 변경하여 창 셸(제목 표시줄)을 제거합니다. F5 키를 눌러 기본 셸이 없는 창의 모양을 확인합니다. 표준 최소화, 최대화, 복원닫기 단추가 더 이상 표시되지 않습니다. 창을 더 이상 끌 수도 없습니다. Alt+F4를 눌러 창을 닫습니다.

    참고 참고

    다른 WindowStyle 옵션에 대한 더 많은 내용은 MSDN에서 Windows Presentation Foundation Windows 개요 항목의 "창 스타일"을 참조하십시오.

  2. 속성 패널의 모양에서 AllowsTransparency 확인란을 선택합니다. 이제 창 테두리가 더 이상 표시되지 않습니다.

  3. 창에 투명성을 추가하기 위해 속성 패널의 브러시에서 Window 개체의 Background 속성을 브러시 없음JJ170173.706bbd5c-c0e0-43a1-9604-297f019d0275(ko-kr,VS.120).png으로 설정할 수 있습니다. 또한 사용자가 표시되지 않는 창 영역을 클릭할 수 있도록 하려면 Background 속성을 단색 브러시JJ170173.3a66ec96-47bb-47fc-8876-6b9456feec3a(ko-kr,VS.120).png로 설정한 다음 배경 브러시의 Alpha 속성을 1로 설정합니다. 이렇게 하면 창의 클릭 가능한 영역이 표시되지는 않지만 해당 영역을 계속 클릭할 수 있습니다.

  4. 마지막으로 개체 및 타임라인 패널에서 LayoutRoot를 클릭하여 개체를 활성화한 다음 도구 패널의 개체를 아트보드에 추가합니다. 개체에 OpacityMask 브러시를 설정하여 다양한 효과를 만들 수 있습니다.

    이를 수행하는 방법에 대한 자세한 내용은 Blend에서 불투명 마스크 만들기을 참조하십시오.

    또한 타원JJ170173.8938cfdf-9b75-4a33-bc88-b0636e114a0d(ko-kr,VS.120).pngJJ170173.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(ko-kr,VS.120).png과 같은 그리기 도구를 사용하여 도형 및 그린 패스를 추가한 다음 다른 개체 뒤에 있는 개체를 이동(개체를 마우스 오른쪽 단추로 클릭한 다음 순서을 클릭)할 수 있습니다. LayoutRoot 의 콘텐츠는 응용 프로그램의 윤곽선을 효과적으로 정의합니다.

  5. F5 키를 다시 눌러 창의 현재 모양을 확인합니다. 창을 계속 끌 수 없습니다. Alt+F4를 눌러 창을 닫습니다.

창을 투명하게 만들면 실제로는 제목 표시줄 없는 창의 위치를 변경하는 기능이 손실됩니다. 창을 다시 이동할 수 있도록 만들려면 창에 이벤트 처리기를 추가한 다음 관련된 코드 숨김 파일에 약간의 코드를 추가해야 합니다.

런타임에 창을 드래그할 수 있도록 하는 코드 추가

  1. 파일 메뉴에서 모두 저장을 클릭하여 하드 디스크에 프로젝트를 저장합니다. 저장되지 않은 프로젝트에는 이벤트 처리기 메서드를 추가할 수 없습니다.

  2. 개체 및 타임라인 패널에서 Window 개체를 선택하고 속성 패널에서 이벤트 JJ170173.6c67bb3b-e8a2-4a63-bad5-54d5c15b04dd(ko-kr,VS.120).png를 클릭합니다.

  3. MouseLeftButtonDown 옆에 OnMouseLeftButtonDown을 입력한 다음 Enter 키를 누릅니다.

  4. 이벤트 처리기가 다음과 같이 나타나도록 코드 숨김 파일에서 생성된 이벤트 처리기 메서드를 수정합니다.

    private void OnMouseLeftButtonDown(object sender,
             System.Windows.Input.MouseButtonEventArgs e)
    {
      this.DragMove();
    }
    

    Private Sub OnMouseLeftButtonDown(ByVal sender As System.Object,
             ByVal e As System.Windows.Input.MouseButtonEventArgs)
      Me.DragMove()
    End Sub
    
  5. F5 키를 눌러 응용 프로그램을 실행합니다.

  6. 코드 숨김 파일에서 Close() 메서드를 호출할 단추의 Click 이벤트에 대한 메서드처럼 이벤트 처리기 메서드를 더 추가할 수 있습니다.

    이벤트 처리기 메서드를 만드는 방법에 대한 자세한 내용은 새 이벤트 처리기 메서드 만들기를 참조하십시오.

표시: