windows-store-apps - TextBlock の背景境界

Question

Windows ストア アプリケーションで、TextBlock の周りにプログラムで境界線を追加したいと考えています。これどうやってするの？ありがとう。

Answer 1

新しいプロジェクトを作成し、このコードをOnNavigatedToイベントに追加します。

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    var tb = new TextBlock() 
    {
        Text = "...TextBlock with border...",
        FontSize = 20
    };

    //To get actual height and width of TextBlock
    tb.Arrange(new Rect(0, 0, Window.Current.Bounds.Width, Window.Current.Bounds.Height));
    tb.Measure(new Size(Window.Current.Bounds.Width, Window.Current.Bounds.Height));

    var border = new Border() 
    {
        BorderThickness = new Thickness(3),
        BorderBrush = new SolidColorBrush(Windows.UI.Colors.Red),
        Height = tb.ActualHeight + 10,
        Width = tb.ActualWidth + 10
    };

    var rootGrid = (Grid)(((Page)this).Content);
    rootGrid.Children.Add(border);
    border.Child = tb;
}