Skip to content

BorderedButton

jamesnet edited this page Oct 21, 2023 · 4 revisions

BorderedButton - 위키

BorderedButtonFilledButton을 기반으로 한 사용자 정의 버튼 컨트롤입니다. 이 버튼은 외곽선이 강조된 디자인이 특징으로, 마우스를 올리거나 누를 때의 상태에 따라 동적으로 스타일이 변화합니다. 주로 중요한 액션을 사용자에게 강조하여 보여줄 때 사용됩니다.

XAML 스타일 정의

이 스타일은 BorderedButton 컨트롤의 기본적인 스타일과 템플릿을 정의합니다.

<!-- BorderedButton의 XAML 스타일 정의 -->
<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:units="clr-namespace:XamlDesign.Wpf.UI.Units">
    <!-- ... -->
</ResourceDictionary>

C# 코드 정의

아래는 BorderedButton의 C# 클래스 정의입니다. 이 컨트롤은 FilledButton을 상속받아 만들어졌습니다.

using System.Windows;
using System.Windows.Controls;

namespace XamlDesign.Wpf.UI.Units
{
    public class BorderedButton : FilledButton
    {
        static BorderedButton()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(BorderedButton), 
                new FrameworkPropertyMetadata(typeof(BorderedButton)));
        }
    }
}

사용 방법

BorderedButton 컨트롤을 사용하려면 위의 XAML 스타일과 C# 코드를 프로젝트에 추가한 후, 아래와 같이 사용하면 됩니다.

<units:BorderedButton Content="클릭하세요" />

요점

  • 외곽선이 강조된 디자인
  • FilledButton을 기반으로 확장
  • 동적 스타일 변화
Clone this wiki locally