26日 5月 2016

Xamarin.Froms Label Code XAML (Font bold, italic)

ラベルは、単一および複数行の両方のテキストを表示するために使用されます。

Code XAML (Font bold, italic)のサンプル例です。

Android Windows Phone エミレーター表示

ファイル --> 新規作成 --> プロジェクト(P)... --> Cross-Platform --> Xamarin-Forms で作成

LabelPage02

LabelPage.cs 追加

LabelPage.cs Code例

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

using Xamarin.Forms;

namespace LabelPage02
{
public partial class LabelPage : ContentPage
{
public LabelPage()
{
InitializeComponent();

var layout = new StackLayout { Padding = new Thickness(50, 100) };
this.Content = layout;
var label = new Label { FontSize = 36 };
var s = new FormattedString();
s.Spans.Add(new Span { Text = "Red Bold",
FontAttributes = FontAttributes.Bold });
s.Spans.Add(new Span { Text = "Default" });
s.Spans.Add(new Span { Text = "italic small",
FontSize = Device.GetNamedSize(NamedSize.Small, typeof(Label)),
FontAttributes = FontAttributes.Italic });
label.FormattedText = s;
layout.Children.Add(label);
}
}
}

LabelPage.xaml.cs XAML例

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="LabelPage02.LabelPage">

<ContentPage.Content>
<StackLayout Padding="50,100">
<Label FontSize=20>
<Label.FormattedText>
<FormattedString>
<Span Text="Red Bold" ForegroundColor="Red" FontAttributes="Bold" />
<Span Text="Default" />
<Span Text="italic small" FontAttributes="Italic" FontSize="Small" />
</FormattedString>
</Label.FormattedText>
</Label>
</StackLayout>
</ContentPage.Content>

</ContentPage>

App.cs の書き換え

App.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

using Xamarin.Forms;

namespace LabelPage02
{
public class App : Application
{
public App()
{
// The root page of your application
MainPage = new LabelPage();
}

/// <summary>
/// アプリ起動時処理
/// </summary>
protected override void OnStart()
{
// Handle when your app starts
}

/// <summary>
/// アプリ中断時処理
/// </summary>
protected override void OnSleep()
{
// Handle when your app sleeps
}

/// <summary>
/// アプリ再開時処理
/// </summary>
protected override void OnResume()
{
// Handle when your app resumes
}
}
}