Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Windows 8 C#/XAML - Create a border around textblock text

I'm creating an app for the Windows 8 app store and I'm pretty new to the XAML UI stuff. What I want to do is create a black border around the actual text in the textblock. Any help would be greatly appreciated.

Here is the textblock:

<TextBlock Grid.Row="0" x:Name="TopLabel" VerticalAlignment="Top" Text="Top Label" HorizontalAlignment="Center" FontFamily="Impact" FontSize="48"/>
like image 553
Slayter Avatar asked Nov 02 '12 14:11

Slayter


2 Answers

I believe the term you are looking for is 'Stroke', other SO users have noticed that this affect appears to be absent from the shipped feature set.

The following question/solution should meet your needs - its based on WPF but both Windows 8 and WPF make use of XAML : Apply Stroke to Text

Alternatively theres an informative MSDN article about it (again aimed at WPF but the principles should be the same) : How to: Create Outlined Text (MSDN)

I hope this helps!

like image 37
Jamie Keeling Avatar answered Oct 05 '22 06:10

Jamie Keeling


Use Border control :

http://msdn.microsoft.com/en-us/library/windows/apps/xaml/windows.ui.xaml.controls.border.aspx

something like this :

<Border BorderBrush="Gray" BorderThickness="2" Grid.Row="0">
  <TextBlock x:Name="TopLabel" VerticalAlignment="Top" Text="Top Label" HorizontalAlignment="Center" FontFamily="Impact" FontSize="48"/>
</Border>
like image 77
Antonio Bakula Avatar answered Oct 05 '22 06:10

Antonio Bakula