[WinUI 3][CalendarView] コントロールの角を丸くする

CalendarView

2022.05.25

この記事では CalendarView の角を丸くする方法について説明をします。

公式サイト情報はコチラを参照してください。

角を丸くする例

環境
コントロールの角を丸くする
1. XAML の例
2. C# の例
WinUi Tips

環境

開発環境	Microsoft Visual Studio Enterprise 2019 Version 16.11.5
Framework	Microsoft .NET Framework Version 4.8.04161

コントロールの角を丸くする

コントロールの角を丸くするには CornerRadius プロパティを使用します。

XAML の例

以下は、背景色を BlueViolet にし、コントロールの角の半径を 10 に設定するXAML の例です。

<Window
    x:Class="WinUISample.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:WinUISample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <StackPanel x:Name="myStackPanel" Orientation="Vertical" HorizontalAlignment="Left" >

        <CalendarView x:Name="myCalendarView"
                      Background="BlueViolet"
                      CornerRadius="10"/>

    </StackPanel>
</Window>

C# の例

先ほどのXAML の例を C# で実装した例を以下に示します。

背景色を BlueViolet に、角の半径を 10 にしています。

C# の例

public MainWindow()
{
    this.InitializeComponent();

    myCalendarView.Background = new SolidColorBrush(Colors.BlueViolet);
    myCalendarView.CornerRadius = new CornerRadius(10);
}

角を丸くする例