1. Home
  2. Xamarin
  3. Xamarin.forms
  4. Control Tips
  5. 部品コントロール Tips
  6. Label

02.テキストの色を変更するには？

Update 2018/09/01
< Prev Tips    Next Tips>

LabelコントロールのTextColorプロパティを使用すると、テキストの色を変更することができます。

TextColorプロパティには色名(Black, Blue, Pinkなど)を指定します。

以下はXamlにおけるTextColorプロパティの使用例です（3行目）。

MainPage.xaml 
  <Label x:Name="lblMsg"
    Text="Hello World!"
    TextColor="Blue"
    HorizontalOptions="Center" 
    VerticalOptions="CenterAndExpand" />

次に、コードビハインドでの実装例を以下に示します。

9行目のようにTextColorプロパティにColor構造体で色を指定します。

MainPage.xaml.cs 
  namespace labelSmple02
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();

            lblMsg.TextColor = Color.Blue;
        }
    }
}

テキストの色は16進数で指定することもできます。

この場合はHTMLを記述するときと同じ要領で指定します。

以下は、TextColorプロパティに、16進数で青を指定する例です（3行目）。

MainPage.xaml 
<Label x:Name="lblMsg"
  Text="Hello World!"
  TextColor="#0000FF"
  HorizontalOptions="Center" 
  VerticalOptions="CenterAndExpand" />

次に、コードビハインドでの実装例を以下に示します。

コードビハインドで16進数で色を指定する場合は、9行目のように Color.FromHex メソッドを使用して、文字列で指定します。

MainPage.xaml.cs 
namespace labelSmple02
{
  public partial class MainPage : ContentPage
  {
    public MainPage()
    {
        InitializeComponent();

        lblMsg.TextColor = Color.FromHex("#0000FF");
    }
  }
}

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