05.Buttonの角の半径を変更するには？

Button の角の半径を変更するには CornerRadiusプロパティを使用します。

CornerRadiusプロパティは、BorderWidthロパティと一緒に使用しないと効果を発揮しません。

以下にコードビハインドでButtonの角の半径を変更する例を示します。

xaml側では、Buttonコントロールに「button1」「button2」という名前がついているものとします。

button1は角の半径を5に、button2は角の半径を10に設定しています。

MainPage.xaml.cs

  namespace buttonSample05
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();

            button1.BorderWidth = 1;
            button1.CornerRadius = 5;

            button1.BorderWidth = 1;
            button1.CornerRadius = 10;
        }
    }
}

Xamlで角の半径を変更するには？

次にXamlでButtonの角の半径を変更する例を示します。

MainPage.xaml

  <Button x:Name="button1" Text="  半径5  " />
<Button x:Name="button2" Text="  半径10 " />

実行例を以下に示します。