언어: HTML | XAML

빠른 시작: 단추 컨트롤 추가(XAML)

Applies to Windows and Windows Phone

단추 컨트롤은 사용자가 명령을 커밋하거나 폼 제출 또는 초기화 같은 작업을 수행할 방법을 제공합니다. 이 빠른 시작에서는 C++, C# 또는 Visual Basic으로 작성한 Windows 런타임 앱에 단추 컨트롤을 추가하는 단계를 안내합니다.

로드맵: 이 항목은 다음 항목과 연관되어 있습니다. 참고 항목:

목표: C++, C# 또는 Visual Basic으로 작성한 Windows 런타임 앱에서 단추 사용

사전 요구 사항

사용자가 C++, C# 또는 Visual Basic으로 작성된 기본 Windows 런타임 앱에 컨트롤을 추가할 수 있다고 가정합니다. 컨트롤을 추가하는 방법에 대해서는 빠른 시작: 컨트롤 추가 및 이벤트 처리를 참조하세요.

지침

1. 표준 단추 추가

단추 컨트롤

JJ153346.wedge(ko-kr,WIN.10).gifXAML에서 단추를 추가하려면

  1. 부모 컨테이너에 Button 컨트롤을 추가합니다.
  2. 단추에 레이블을 할당하려면 Content 속성을 문자열 값으로 설정합니다.
  3. 단추 클릭 시 작업을 수행하려면 Click 이벤트 처리기를 추가합니다. Click 이벤트 처리기에서 일부 작업을 수행할 코드를 추가합니다.
    
    <Button Content="Banana" Click="Button_Click"/>
    
    
    
    private async void Button_Click(object sender, RoutedEventArgs e)
    {
        Windows.UI.Popups.MessageDialog messageDialog = 
            new Windows.UI.Popups.MessageDialog("Thank you for choosing banana.");
        await messageDialog.ShowAsync();
    }
    
    

2. 단추 콘텐츠 사용자 지정

단추는 ContentControl이므로 어떠한 개체라도 단추 콘텐츠로 설정할 수 있습니다. 콘텐츠가 UIElement인 경우 단추에서 렌더링됩니다. 콘텐츠가 다른 유형의 개체인 경우 해당 문자열 표현이 단추에 표시됩니다.

여기에서는 바나나 이미지 및 텍스트가 포함된 StackPanelButton 컨트롤의 Content로 설정됩니다.


<Button Click="Button_Click_1" 
        Background="#FF0D6AA3" 
        Height="100" Width="100" >
    <StackPanel>
        <Image Source="Assets/Banana.png"/>
        <TextBlock Text="Banana" HorizontalAlignment="Center"/>
    </StackPanel>
</Button>

이미지 및 텍스트 콘텐츠가 포함된 단추

3. HyperlinkButton 추가

기본적으로 HyperlinkButton은 텍스트 하이퍼링크로 표시됩니다. 사용자가 클릭하면 NavigateUri 속성에 지정한 페이지가 기본 브라우저에서 열립니다. Click 이벤트는 처리할 필요가 없습니다.

하이퍼링크 단추

HyperlinkButton을 추가하려면

  1. 부모 컨테이너에 HyperlinkButton 컨트롤을 추가합니다.
  2. Content 속성은 탐색할 페이지를 나타내는 문자열로 설정합니다.
  3. NavigateUri 속성은 단추를 누르면 탐색할 URI(Uniform Resource Identifier)로 설정합니다.

<HyperlinkButton Content="www.microsoft.com" NavigateUri="http://www.microsoft.com"/>


요약

이 자습서에서는 앱에 단추 컨트롤을 추가하는 방법을 살펴보았습니다.

관련 항목

단추를 추가하는 방법
C# 또는 Visual Basic으로 작성한 Windows 런타임 앱용 로드맵
C++로 작성한 Windows 런타임 앱용 로드맵

 

 

표시:
© 2014 Microsoft