XAML 디자이너 에서 컨트롤을 삽입하고 해당 동작을 수정

컨트롤을 사용하면 사용자가 앱과 상호 작용할 수 있습니다. 컨트롤을 사용하여 정보를 수집하고 개체에 애니메이션 효과를 적용하고 데이터 소스를 쿼리하는 등 여러 동작을 수행할 수 있습니다.

항목 내용

아트보드에 컨트롤 추가

컨트롤을 자산 패널에서 아트보드로 끌어와 속성 창에서 수정할 수 있습니다.

Blend - 자산 - FlipView

이러한 비디오는 보다 일반적인 컨트롤 몇 가지를 사용하는 방법을 보여 줍니다.

Control 짧은 비디오 보기
Menu 설치된 기능 구성 Add the controls(컨트롤 추가)
Button 설치된 기능 구성 Design a button(단추 디자인)
Textblock 설치된 기능 구성 Add images to a textblock(텍스트 상자에 이미지 추가)
Slider 설치된 기능 구성 Build a Slider with a ToolTip(도구 설명이 있는 슬라이더 빌드)
GridSplitter 설치된 기능 구성 Work with a GridSplitter(GridSplitter 사용)

이미지, 도형 또는 패스를 컨트롤로 만들기

모든 개체를 컨트롤로 만들 수 있습니다.

Blend - 컨트롤로 만들기 대화 상자

예를 들어, 페이지의 가운데에 텔레비전 그림이 있다고 가정해 보세요. 텔레비전 단추처럼 보이는 작은 이미지를 컨트롤로 만들 수 있습니다. 그런 다음 사용자가 이 단추를 클릭하여 채널을 변경할 수 있습니다.

이 작업은 단추가 이제 컨트롤이기 때문에 가능합니다. 컨트롤을 사용하면 사용자 상호 작용에 응답할 수 있습니다. 이 경우 사용자가 단추를 클릭했습니다.

컨트롤을 만들려면 개체를 선택합니다. 그런 다음 도구 메뉴에서 컨트롤 만들기를 클릭합니다.

작업을 수행하는 컨트롤 만들기

컨트롤은 사용자가 상호 작용하는 경우 작업을 수행할 수 있습니다. 예를 들어 컨트롤은 애니메이션 효과를 적용하고 데이터 소스를 업데이트하거나 비디오를 재생할 수 있습니다.

트리거, 동작이벤트 를 사용하여 컨트롤이 작업을 수행하도록 합니다.

트리거

트리거 는 속성을 변경하거나 이벤트에 응답하여 작업을 수행하거나 다른 속성의 변경을 수행합니다. 예를 들어, 사용자가 마우스로 가리킬 때 단추의 색을 변경할 수 있습니다.

“트리거” 패널

짧은 비디오 보기: 설치된 기능 구성 Add a property trigger(속성 트리거 추가).

동작

동작 은 다시 사용할 수 있는 코드 패키지로, 속성 변경 이외의 작업도 수행할 수 있습니다. 데이터 서비스 쿼리 등과 같은 작업을 수행할 수 있습니다. Blend에는 몇 가지 동작 모음이 기본 제공되며, 더 추가할 수 있습니다. 동작을 아트보드의 개체로 끌어와 속성을 설정하여 동작을 사용자 지정합니다.

속성 패널의 FluidMoveBehavior

짧은 비디오 보기: 설치된 기능 구성 Blend tips: Intro to using behaviors Part 1(Blend 팁: 동작 사용 소개 1부).

이벤트

유연성을 최대화하기 위해 이벤트를 처리합니다. 일부 코드를 작성해야 합니다.

짧은 비디오 보기: 설치된 기능 구성 Add a Mouse event(마우스 이벤트 추가).