XAML 디자이너 에서 컨트롤을 삽입하고 해당 동작을 수정Insert controls and modify their behavior in XAML Designer

컨트롤을 사용하면 사용자가 앱과 상호 작용할 수 있습니다.Controls enable users to interact with your app. 컨트롤을 사용하여 정보를 수집하고 개체에 애니메이션 효과를 적용하고 데이터 소스를 쿼리하는 등 여러 동작을 수행할 수 있습니다.You can use them to collect information and to perform actions such as animate an object or query a data source.

항목 내용In this topic:

아트보드에 컨트롤 추가Add controls to the artboard

컨트롤을 자산 패널에서 아트보드로 끌어와 속성 창에서 수정할 수 있습니다.You can drag controls from the Assets panel onto the artboard, and then modify them in the Properties window.

Blend - 자산 - FlipViewBlend - Assets - FlipView

이러한 비디오는 보다 일반적인 컨트롤 몇 가지를 사용하는 방법을 보여 줍니다.These videos show you how to use some of the more common controls.

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

이미지, 도형 또는 패스를 컨트롤로 만들기Make a control out of an image, shape, or path

모든 개체를 컨트롤로 만들 수 있습니다.You can make any object into a control.

Blend - 컨트롤로 만들기 대화 상자Blend Make Into Control dialog box

예를 들어, 페이지의 가운데에 텔레비전 그림이 있다고 가정해 보세요.For example, imagine a picture of a television in the center of a page. 텔레비전 단추처럼 보이는 작은 이미지를 컨트롤로 만들 수 있습니다.You could make controls out of small images that look like television buttons. 그런 다음 사용자가 이 단추를 클릭하여 채널을 변경할 수 있습니다.Then, users could click those buttons to change the channel.

이 작업은 단추가 이제 컨트롤이기 때문에 가능합니다.This is possible because the buttons are now controls. 컨트롤을 사용하면 사용자 상호 작용에 응답할 수 있습니다. 이 경우 사용자가 단추를 클릭했습니다.With controls, you can respond to user interactions; in this case, when the user clicks a button.

컨트롤을 만들려면 개체를 선택합니다.To make a control, select an object. 그런 다음 도구 메뉴에서 컨트롤 만들기를 클릭합니다.Then, on the Tools menu, click Make Control.

작업을 수행하는 컨트롤 만들기Make controls do things

컨트롤은 사용자가 상호 작용하는 경우 작업을 수행할 수 있습니다.Controls can perform actions when users interact with them. 예를 들어 컨트롤은 애니메이션 효과를 적용하고 데이터 소스를 업데이트하거나 비디오를 재생할 수 있습니다.For example, they can start an animation, update a data source or play a video.

트리거, 동작이벤트 를 사용하여 컨트롤이 작업을 수행하도록 합니다.Use triggers, behaviors, and events to make controls do things.

트리거Triggers

트리거 는 속성을 변경하거나 이벤트에 응답하여 작업을 수행하거나 다른 속성의 변경을 수행합니다.A trigger changes a property or performs a task in response to an event or a change in another property. 예를 들어, 사용자가 마우스로 가리킬 때 단추의 색을 변경할 수 있습니다.For example, you can change the color of a button when users hover over it.

“트리거” 패널The "Triggers" panel

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

동작Behaviors

동작 은 다시 사용할 수 있는 코드 패키지로,A behavior is a reusable package of code. 속성 변경 이외의 작업도 수행할 수 있습니다.It can do a bit more than change properties. 데이터 서비스 쿼리 등과 같은 작업을 수행할 수 있습니다.It can perform actions such as query a data service. Blend에는 몇 가지 동작 모음이 기본 제공되며, 더 추가할 수 있습니다.Blend comes with a small collection of them, but you can add more. 동작을 아트보드의 개체로 끌어와 속성을 설정하여 동작을 사용자 지정합니다.Drag a behavior onto any object in your artboard, and then customize the behavior by setting properties.

속성 패널의 FluidMoveBehaviorFluidMoveBehavior in the Properties panel

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

이벤트Events

유연성을 최대화하기 위해 이벤트를 처리합니다.For ultimate flexibility, handle an event. 일부 코드를 작성해야 합니다.You'll have to write some code.

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