【Xamarin.Forms】コントロールのスタイルを設定する

Xamarin.Formsでラベルやボタンなどのスタイルを設定する方法。
(Windows Formなら「プロパティ」で簡単に設定できるんだけど...)

XAMLの場合

「ResourceDictionary」を使用する。

    <ContentPage.Resources>
        <ResourceDictionary>
            <Style x:Key="ButtonRedStyle" TargetType="Button">
                <Setter Property="TextColor" Value="Black" />
                <Setter Property="BackgroundColor" Value="Red" />
                <Setter Property="BorderColor" Value="Black" />
                <Setter Property="BorderWidth" Value="2" />
                <Setter Property="BorderRadius" Value="0" />
            </Style>
        </ResourceDictionary>
    </ContentPage.Resources>
    <ContentPage.Content>
        <StackLayout>
            <Button x:Name="button_red" Text="Red" Style="{StaticResource ButtonRedStyle}" />
        </StackLayout>
    </ContentPage.Content>

結果：
f:id:Makky12:20180412102843j:plain

ResourceDictionaryでスタイル及び「x:Key」を設定して、それをコントロール側で「style="{StaticResource xxx}"」で参照する。

C#で直書きする場合

            var buttonBlueStyle = new Style(typeof(Button))
            {
                Setters = {
                    new Setter { Property = Button.TextColorProperty, Value = Color.White },
                    new Setter { Property = Button.BackgroundColorProperty, Value = Color.Blue },
                    new Setter { Property = Button.BorderColorProperty, Value = Color.Black },
                    new Setter { Property = Button.BorderWidthProperty, Value = 2 },
                    new Setter { Property = Button.BorderRadiusProperty, Value = 0 },
                }
            };

            var blueButton = new Button
            {
                Text = "Blue",
                Style = buttonBlueStyle,
            };

            var stackLayout = new StackLayout
            {
                Children =
                {
                    blueButton
                },
            };
            
            this.Content = stackLayout;