blocks|key|5344000|text|可以通过将标签的边距绑定到标签的ActualWidth和ActualHeight，并将这些值乘以-0.5来实现这一点。这会将标签向左移动其宽度的一半；并将标签向上移动其高度的一半。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5344001|下面是一个示例：|5344002|XAML：|5344003|<Window+x:Class="CenteredLabelTest.MainWindow"
++++++++xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
++++++++xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
++++++++xmlns:local="clr-namespace:CenteredLabelTest"
++++++++Title="MainWindow"+Height="350"+Width="525">
++++<Window.Resources>
++++++++<local:CenterConverter+x:Key="centerConverter"/>
++++</Window.Resources>
++++<Canvas>
++++++++<TextBlock+x:Name="txt"+Canvas.Left="40"+Canvas.Top="40"+TextAlignment="Center"+Text="MMMMMM">
++++++++++++<TextBlock.Margin>
++++++++++++++++<MultiBinding+Converter="{StaticResource+centerConverter}">
++++++++++++++++++++++++<Binding+ElementName="txt"+Path="ActualWidth"/>
++++++++++++++++++++++++<Binding+ElementName="txt"+Path="ActualHeight"/>
++++++++++++++++</MultiBinding>
++++++++++++</TextBlock.Margin>
++++++++</TextBlock>
++++++++<Rectangle+Canvas.Left="39"+Canvas.Top="39"+Width="2"+Height="2"+Fill="Red"/>
++++</Canvas>
</Window>|code-block|syntax|javascript|5344004|红色矩形突出显示标签"MMMMMM“在其上居中的坐标(40，40)。|5344005|转换器：|5344006|public+class+CenterConverter+:+IMultiValueConverter
{
++++public+object+Convert(object[]+values,+Type+targetType,+object+parameter,+CultureInfo+culture)
++++{
++++++++if+(values[0]+==+DependencyProperty.UnsetValue+%7C%7C+values[1]+==+DependencyProperty.UnsetValue)
++++++++{
++++++++++++return+DependencyProperty.UnsetValue;
++++++++}

++++++++double+width+=+(double)+values[0];
++++++++double+height+=+(double)values[1];

++++++++return+new+Thickness(-width/2,+-height/2,+0,+0);
++++}

++++public+object[]+ConvertBack(object+value,+Type[]+targetTypes,+object+parameter,+CultureInfo+culture)
++++{
++++++++throw+new+NotImplementedException();
++++}
}|5344007|结果如下所示：|5344008|​|5344009|📷|atomic|5344010|5344011|要以编程方式完成此操作，请定义一个附加属性Mover.MoveToMiddle，如下所示：|5344012|public+class+Mover+:+DependencyObject
{
++++public+static+readonly+DependencyProperty+MoveToMiddleProperty+=
++++++++DependencyProperty.RegisterAttached("MoveToMiddle",+typeof+(bool),+typeof+(Mover),
++++++++new+PropertyMetadata(false,+PropertyChangedCallback));

++++public+static+void+SetMoveToMiddle(UIElement+element,+bool+value)
++++{
++++++++element.SetValue(MoveToMiddleProperty,+value);
++++}

++++public+static+bool+GetMoveToMiddle(UIElement+element)
++++{
++++++++return+(bool)+element.GetValue(MoveToMiddleProperty);
++++}

++++private+static+void+PropertyChangedCallback(DependencyObject+sender,+DependencyPropertyChangedEventArgs+e)
++++{
++++++++FrameworkElement+element+=+sender+as+FrameworkElement;
++++++++if+(element+==+null)
++++++++{
++++++++++++return;
++++++++}

++++++++if+((bool)e.NewValue)
++++++++{
++++++++++++MultiBinding+multiBinding+=+new+MultiBinding();
++++++++++++multiBinding.Converter+=+new+CenterConverter();
++++++++++++multiBinding.Bindings.Add(new+Binding("ActualWidth")+{Source+=+element});
++++++++++++multiBinding.Bindings.Add(new+Binding("ActualHeight")+{Source+=+element});
++++++++++++element.SetBinding(FrameworkElement.MarginProperty,+multiBinding);
++++++++}
++++++++else
++++++++{
++++++++++++element.ClearValue(FrameworkElement.MarginProperty);
++++++++}
++++}

}|5344013|将Mover.MoveToMiddle设置为true意味着该框架元素的边距将自动绑定到它的实际宽度和高度，以便将该框架元素移动到它的中心点。|5344014|您可以在XAML代码中使用它，如下所示：|5344015|<Window+x:Class="CenteredLabelTest.MainWindow"
++++++++xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
++++++++xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
++++++++xmlns:local="clr-namespace:CenteredLabelTest"
++++++++Title="MainWindow"+Height="350"+Width="525">
++++<Window.Resources>
++++++++<local:CenterConverter+x:Key="centerConverter"/>
++++</Window.Resources>
++++<Canvas>
++++++++<TextBlock+Canvas.Left="40"+Canvas.Top="40"+TextAlignment="Center"+Text="MMMMMM"
++++++++++++++local:Mover.MoveToMiddle="True"/>
++++++++<Rectangle+Canvas.Left="39"+Canvas.Top="39"+Width="2"+Height="2"+Fill="Red"/>
++++</Canvas>
</Window>|5344016|另一种方法是绑定到RenderTransform而不是Margin。在这种情况下，转换器将返回|5344017|return+new+TranslateTransform(-width+/+2,+-height+/+2);|5344018|附加属性的回调方法将包含以下行：|5344019|if+((bool)e.NewValue)
{
++++...
++++element.SetBinding(UIElement.RenderTransformProperty,+multiBinding);
}
else
{
++++element.ClearValue(UIElement.RenderTransformProperty);
}|5344020|此替代方法的优点是附加属性的效果在Visual+Studio设计器中可见(设置Margin属性时不是这种情况)。|5344021|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/0caedd2fde5213ffc27d1996b7ff739e.png|imageAlt^0|G|B|S|C|0|0|0|0|0|0|0|0|0|0|1|0|0|0|L|I|0|0|1|I|M|4|0|0|0|9|F|R|6|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1V|8|@$9|1W|A|1X|B|C]|$9|1Y|A|1Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|20|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|21|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|22|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|23|8|@]|D|@]|E|$]]|$1|Q|3|R|5|6|7|24|8|@]|D|@]|E|$]]|$1|S|3|T|5|L|7|25|8|@]|D|@]|E|$M|N]]|$1|U|3|V|5|6|7|26|8|@]|D|@]|E|$]]|$1|W|3|X|5|6|7|27|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|10|7|28|8|@]|D|@$9|29|A|2A|1|2B]]|E|$]]|$1|11|3|X|5|6|7|2C|8|@]|D|@]|E|$]]|$1|12|3|13|5|6|7|2D|8|@$9|2E|A|2F|B|C]]|D|@]|E|$]]|$1|14|3|15|5|L|7|2G|8|@]|D|@]|E|$M|N]]|$1|16|3|17|5|6|7|2H|8|@$9|2I|A|2J|B|C]|$9|2K|A|2L|B|C]]|D|@]|E|$]]|$1|18|3|19|5|6|7|2M|8|@]|D|@]|E|$]]|$1|1A|3|1B|5|L|7|2N|8|@]|D|@]|E|$M|N]]|$1|1C|3|1D|5|6|7|2O|8|@$9|2P|A|2Q|B|C]|$9|2R|A|2S|B|C]]|D|@]|E|$]]|$1|1E|3|1F|5|L|7|2T|8|@]|D|@]|E|$M|N]]|$1|1G|3|1H|5|6|7|2U|8|@]|D|@]|E|$]]|$1|1I|3|1J|5|L|7|2V|8|@]|D|@]|E|$M|N]]|$1|1K|3|1L|5|6|7|2W|8|@]|D|@]|E|$]]|$1|1M|3|-4|5|6|7|2X|8|@]|D|@]|E|$]]]|1N|$1O|$5|1P|1Q|1R|E|$1S|1T|1U|-4]]]]

You could achieve this by binding the margin of the label to the <code>ActualWidth</code> and <code>ActualHeight</code> of the label, and multiplying these values with -0.5. This moves the label left by half its width; and it moves the label upwards by half its height.

Here is an example:

XAML:

<pre><code>&lt;Window x:Class="CenteredLabelTest.MainWindow"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:local="clr-namespace:CenteredLabelTest"
 Title="MainWindow" Height="350" Width="525"&gt;
 &lt;Window.Resources&gt;
 &lt;local:CenterConverter x:Key="centerConverter"/&gt;
 &lt;/Window.Resources&gt;
 &lt;Canvas&gt;
 &lt;TextBlock x:Name="txt" Canvas.Left="40" Canvas.Top="40" TextAlignment="Center" Text="MMMMMM"&gt;
 &lt;TextBlock.Margin&gt;
 &lt;MultiBinding Converter="{StaticResource centerConverter}"&gt;
 &lt;Binding ElementName="txt" Path="ActualWidth"/&gt;
 &lt;Binding ElementName="txt" Path="ActualHeight"/&gt;
 &lt;/MultiBinding&gt;
 &lt;/TextBlock.Margin&gt;
 &lt;/TextBlock&gt;
 &lt;Rectangle Canvas.Left="39" Canvas.Top="39" Width="2" Height="2" Fill="Red"/&gt;
 &lt;/Canvas&gt;
&lt;/Window&gt;
</code></pre>

The red rectangle highlights the coordinate (40, 40) on which the label "MMMMMM" is centered.

Converter:

<pre><code>public class CenterConverter : IMultiValueConverter
{
 public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
 {
 if (values[0] == DependencyProperty.UnsetValue || values[1] == DependencyProperty.UnsetValue)
 {
 return DependencyProperty.UnsetValue;
 }

 double width = (double) values[0];
 double height = (double)values[1];

 return new Thickness(-width/2, -height/2, 0, 0);
 }

 public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
 {
 throw new NotImplementedException();
 }
}
</code></pre>

The result looks like this:

<img src="https://i.stack.imgur.com/Z4Lfr.png" alt="centered label">

In order to do that programmatically, define an attached property <code>Mover.MoveToMiddle</code>, like this:

<pre><code>public class Mover : DependencyObject
{
 public static readonly DependencyProperty MoveToMiddleProperty =
 DependencyProperty.RegisterAttached("MoveToMiddle", typeof (bool), typeof (Mover),
 new PropertyMetadata(false, PropertyChangedCallback));

 public static void SetMoveToMiddle(UIElement element, bool value)
 {
 element.SetValue(MoveToMiddleProperty, value);
 }

 public static bool GetMoveToMiddle(UIElement element)
 {
 return (bool) element.GetValue(MoveToMiddleProperty);
 }

 private static void PropertyChangedCallback(DependencyObject sender, DependencyPropertyChangedEventArgs e)
 {
 FrameworkElement element = sender as FrameworkElement;
 if (element == null)
 {
 return;
 }

 if ((bool)e.NewValue)
 {
 MultiBinding multiBinding = new MultiBinding();
 multiBinding.Converter = new CenterConverter();
 multiBinding.Bindings.Add(new Binding("ActualWidth") {Source = element});
 multiBinding.Bindings.Add(new Binding("ActualHeight") {Source = element});
 element.SetBinding(FrameworkElement.MarginProperty, multiBinding);
 }
 else
 {
 element.ClearValue(FrameworkElement.MarginProperty);
 }
 }

}
</code></pre>

Setting <code>Mover.MoveToMiddle</code> to <code>true</code> means that the margin of that framework element is automatically bound to its actual width and height such that the framework element is moved to its center point.

You would use it in your XAML code like this:

<pre><code>&lt;Window x:Class="CenteredLabelTest.MainWindow"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:local="clr-namespace:CenteredLabelTest"
 Title="MainWindow" Height="350" Width="525"&gt;
 &lt;Window.Resources&gt;
 &lt;local:CenterConverter x:Key="centerConverter"/&gt;
 &lt;/Window.Resources&gt;
 &lt;Canvas&gt;
 &lt;TextBlock Canvas.Left="40" Canvas.Top="40" TextAlignment="Center" Text="MMMMMM"
 local:Mover.MoveToMiddle="True"/&gt;
 &lt;Rectangle Canvas.Left="39" Canvas.Top="39" Width="2" Height="2" Fill="Red"/&gt;
 &lt;/Canvas&gt;
&lt;/Window&gt;
</code></pre>

An alternative would be to bind to <code>RenderTransform</code> instead of <code>Margin</code>. In this case, the converter would return

<pre><code>return new TranslateTransform(-width / 2, -height / 2);
</code></pre>

and the attached property's callback method would contain these lines:

<pre><code>if ((bool)e.NewValue)
{
 ...
 element.SetBinding(UIElement.RenderTransformProperty, multiBinding);
}
else
{
 element.ClearValue(UIElement.RenderTransformProperty);
}
</code></pre>

This alternative has the advantage that the effect of the attached property is visible in the Visual Studio designer (which is not the case when setting the Margin property).

blocks|key|1905813|text|这也是可行的，绑定更少。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1905814|public+class+CenterOnPoint
{
++public+static+readonly+DependencyProperty+CenterPointProperty+=
+++++DependencyProperty.RegisterAttached("CenterPoint",+typeof+(Point),+typeof+(CenterOnPoint),
+++++new+PropertyMetadata(default(Point),+OnPointChanged));

++public+static+void+SetCenterPoint(UIElement+element,+Point+value)
++{
+++++element.SetValue(CenterPointProperty,+value);
++}

++public+static+Point+GetCenterPoint(UIElement+element)
++{
+++++return+(Point)+element.GetValue(CenterPointProperty);
++}

++private+static+void+OnPointChanged(DependencyObject+d,+DependencyPropertyChangedEventArgs+e)
++{
+++++var+element+=+(FrameworkElement)d;
+++++element.SizeChanged+-=+OnSizeChanged;
+++++element.SizeChanged+%2B=+OnSizeChanged;
+++++var+newPoint+=+(Point)e.NewValue;
+++++element.SetValue(Canvas.LeftProperty,+newPoint.X+-+(element.ActualWidth+/+2));
+++++element.SetValue(Canvas.TopProperty,+newPoint.Y+-+(element.ActualHeight+/+2));
++}

++private+static+void+OnSizeChanged(object+sender,+SizeChangedEventArgs+e)
++{
+++++var+element+=+(FrameworkElement)+sender;
+++++var+newPoint+=+GetCenterPoint(element);
+++++element.SetValue(Canvas.LeftProperty,+newPoint.X+-+(e.NewSize.Width+/+2));
+++++element.SetValue(Canvas.TopProperty,+newPoint.Y+-+(e.NewSize.Height+/+2));
++}
}|code-block|syntax|javascript|1905815|你就像这样使用它...|1905816|label.SetValue(CenterOnPoint.CenterPointProperty,+new+Point(100,+100));|1905817|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

This also works, with less binding.

<pre><code>public class CenterOnPoint
{
 public static readonly DependencyProperty CenterPointProperty =
 DependencyProperty.RegisterAttached("CenterPoint", typeof (Point), typeof (CenterOnPoint),
 new PropertyMetadata(default(Point), OnPointChanged));

 public static void SetCenterPoint(UIElement element, Point value)
 {
 element.SetValue(CenterPointProperty, value);
 }

 public static Point GetCenterPoint(UIElement element)
 {
 return (Point) element.GetValue(CenterPointProperty);
 }

 private static void OnPointChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
 {
 var element = (FrameworkElement)d;
 element.SizeChanged -= OnSizeChanged;
 element.SizeChanged += OnSizeChanged;
 var newPoint = (Point)e.NewValue;
 element.SetValue(Canvas.LeftProperty, newPoint.X - (element.ActualWidth / 2));
 element.SetValue(Canvas.TopProperty, newPoint.Y - (element.ActualHeight / 2));
 }

 private static void OnSizeChanged(object sender, SizeChangedEventArgs e)
 {
 var element = (FrameworkElement) sender;
 var newPoint = GetCenterPoint(element);
 element.SetValue(Canvas.LeftProperty, newPoint.X - (e.NewSize.Width / 2));
 element.SetValue(Canvas.TopProperty, newPoint.Y - (e.NewSize.Height / 2));
 }
}
</code></pre>

And you use it like this...

<pre><code>label.SetValue(CenterOnPoint.CenterPointProperty, new Point(100, 100));
</code></pre>

blocks|key|884353|text|对不起，乔恩，我一直没听懂你昨天在推特上提出的问题。下面是我可以在F#中尝试的方法！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|884354|#r+@"C:\Program+Files+(+Assemblies\Microsoft\Framework\v3.0\PresentationFramework.dll“)\Reference+Assemblies\Microsoft\Framework\v3.0\WindowsBase.dll”#r+@"C:\Program+Files+(x86)\Reference+Assemblies\Microsoft\Framework\v3.0\PresentationCore.dll“#r+@"C:\Program+Files+(x86)\Reference+Assemblies\Microsoft\Framework\v3.0\PresentationCore.dll”|884355|open+System
open+System.IO
open+System.Windows
open+System.Windows.Shapes
open+System.Windows.Media
open+System.Windows.Controls
open+System.Windows.Markup
open+System.Xml

(*+Add+shape+and+label+to+canvas+at+specific+location+*)
let+addShapeAndLabel_at_coordinate+(label:+string)+(coordinate:+float+*+float)+(c:++++Canvas)+=+
++let+btn+=+Button(Content=label,Foreground=SolidColorBrush(Colors.White))
++let+template+=+
+++++"<ControlTemplate+xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
++++++++TargetType=\"Button\">"+%2B
++++++++"<Grid>"+%2B
++++++++"+<Ellipse+Width=\"15\"+Height=\"15\"+Fill=\"Orange\"+HorizontalAlignment=\"Center\"/>"+%2B
++++++++"+<ContentPresenter+HorizontalAlignment=\"Center\"+"+%2B+"VerticalAlignment=\"Center\"/>+"+%2B+
++++++++"</Grid>"+%2B
++++++++"</ControlTemplate>"

++btn.Template+<-+XamlReader.Parse(template)+:?>+ControlTemplate
++c.Children.Add(btn)+%7C>+ignore
++let+textsize+=++
+++++++FormattedText(label,CultureInfo.GetCultureInfo("enus"),
+++++++FlowDirection.LeftToRight,Typeface("Verdana"),32.0,Brushes.White)
+++++++%7C>+fun+x+->+x.MinWidth,+x.LineHeight
++let+left,top+=+coordinate
++let+middle_point_width+=+fst(textsize)+/+2.0
++let+middle_point_height+=+snd(textsize)+/+2.0
++Canvas.SetLeft(btn,left+-+middle_point_width)
++Canvas.SetTop(btn,top+-+middle_point_height)

let+shell+=+new+Window(Width=300.0,Height=300.0)
let+canvas+=+new+++Canvas(Width=300.0,Height=300.0,Background=SolidColorBrush(Colors.Green))

addShapeAndLabel_at_coordinate+"Tree+Node+1"+(100.0,50.0)+canvas
addShapeAndLabel_at_coordinate+"TreeNode+2"+(150.0,+75.)+canvas
shell.Content+<-+canvas

[<STAThread>]+ignore+<%7C+(new+Application()).Run+shell|code-block|syntax|javascript|884356|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Sorry Jon, I didn't understand your question all the way yesterday on Twitter.
Here's how I might try it in F#! @cammcad

#r @"C:\Program Files (x86)\Reference
 Assemblies\Microsoft\Framework\v3.0\PresentationFramework.dll"
 #r @"C:\Program Files (x86)\Reference Assemblies\Microsoft\Framework\v3.0\WindowsBase.dll"
 #r @"C:\Program Files (x86)\Reference Assemblies\Microsoft\Framework\v3.0\PresentationCore.dll"

<pre><code>open System
open System.IO
open System.Windows
open System.Windows.Shapes
open System.Windows.Media
open System.Windows.Controls
open System.Windows.Markup
open System.Xml

(* Add shape and label to canvas at specific location *)
let addShapeAndLabel_at_coordinate (label: string) (coordinate: float * float) (c: Canvas) = 
 let btn = Button(Content=label,Foreground=SolidColorBrush(Colors.White))
 let template = 
 "&lt;ControlTemplate xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
 TargetType=\"Button\"&gt;" +
 "&lt;Grid&gt;" +
 " &lt;Ellipse Width=\"15\" Height=\"15\" Fill=\"Orange\" HorizontalAlignment=\"Center\"/&gt;" +
 " &lt;ContentPresenter HorizontalAlignment=\"Center\" " + "VerticalAlignment=\"Center\"/&gt; " + 
 "&lt;/Grid&gt;" +
 "&lt;/ControlTemplate&gt;"

 btn.Template &lt;- XamlReader.Parse(template) :?&gt; ControlTemplate
 c.Children.Add(btn) |&gt; ignore
 let textsize = 
 FormattedText(label,CultureInfo.GetCultureInfo("enus"),
 FlowDirection.LeftToRight,Typeface("Verdana"),32.0,Brushes.White)
 |&gt; fun x -&gt; x.MinWidth, x.LineHeight
 let left,top = coordinate
 let middle_point_width = fst(textsize) / 2.0
 let middle_point_height = snd(textsize) / 2.0
 Canvas.SetLeft(btn,left - middle_point_width)
 Canvas.SetTop(btn,top - middle_point_height)

let shell = new Window(Width=300.0,Height=300.0)
let canvas = new Canvas(Width=300.0,Height=300.0,Background=SolidColorBrush(Colors.Green))

addShapeAndLabel_at_coordinate "Tree Node 1" (100.0,50.0) canvas
addShapeAndLabel_at_coordinate "TreeNode 2" (150.0, 75.) canvas
shell.Content &lt;- canvas

[&lt;STAThread&gt;] ignore &lt;| (new Application()).Run shell
</code></pre>

blocks|key|1905835|text|要使文本在给定区域(比如矩形)居中，您可以简单地使用Grid对其进行换行。请参见this+answer中的示例。可以使用Left、Top、Width和Height属性将网格放置在画布内的任何位置。文本将始终位于网格的中心。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1905836|此逻辑可以封装在自定义FrameworkElement+like+this中。|1905837|要使文本在(x,+y)点居中，您可以计算相应的矩形：|1905838|var+text+=+new+CenteredTextBlock
{
++++Text+=+"Hello",
++++Width+=+maxWidth,
++++Height+=+maxHeight,
};
Canvas.SetLeft(text,+x+-+maxWidth+/+2);
Canvas.SetTop(text,+y+-+maxHeight+/+2);
Canvas.Children.Add(text);|code-block|syntax|javascript|1905839|其中，(maxWidth,+maxHeight)是允许的最大文本大小。|1905840|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/35898493/6131611|1|https://gist.github.com/PiN73/f930b23d91c493d65fe74b7b9faa7aaa^0|Q|4|1O|4|1T|3|1X|5|23|6|14|B|0|0|S|9|1|0|5|6|0|0|3|L|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]|$9|15|A|16|B|C]|$9|17|A|18|B|C]|$9|19|A|1A|B|C]]|D|@$9|1B|A|1C|1|1D]]|E|$]]|$1|F|3|G|5|6|7|1E|8|@]|D|@$9|1F|A|1G|1|1H]]|E|$]]|$1|H|3|I|5|6|7|1I|8|@$9|1J|A|1K|B|C]]|D|@]|E|$]]|$1|J|3|K|5|L|7|1L|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1M|8|@$9|1N|A|1O|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|1P|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]|Y|$5|T|U|V|E|$W|Z]]]]

To center text in given area (say, rectangle) you can simply wrap it by <code>Grid</code>. See example in <a href="https://stackoverflow.com/a/35898493/6131611">this answer</a>. The grid can be positioned anywhere inside the canvas using <code>Left</code>, <code>Top</code>, <code>Width</code> and <code>Height</code> properties. The text will always stay in the center of grid.

This logic can be encapsulated in a custom FrameworkElement <a href="https://gist.github.com/PiN73/f930b23d91c493d65fe74b7b9faa7aaa" rel="nofollow noreferrer">like this</a>.

To center text at point <code>(x, y)</code> you can calculate appropriate rectangle:

<pre><code>var text = new CenteredTextBlock
{
 Text = "Hello",
 Width = maxWidth,
 Height = maxHeight,
};
Canvas.SetLeft(text, x - maxWidth / 2);
Canvas.SetTop(text, y - maxHeight / 2);
Canvas.Children.Add(text);
</code></pre>

where <code>(maxWidth, maxHeight)</code> is the maximum allowed size for text.

I have a <code>Controls.Canvas</code> with several shapes on it and would like to add textual labels that are centered on given points (I'm drawing a tree with labelled vertices). What is the simplest way to do this programmatically in WPF?

I have tried setting <code>RenderTransform</code> and calling <code>Controls.Canvas.SetLeft</code> etc. but neither position the label where I want it. WPF seems to support positioning only at given left, right, top and bottom coordinates and not centered on a given coordinate and the <code>Width</code> property is <code>NaN</code> and the <code>ActualWidth</code> property is <code>0.0</code> when I construct the <code>Canvas</code>.

Center text at a given point on a WPF Canvas

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我有一个上面有几个形状的Controls.Canvas，想要添加以给定点为中心的文本标签(我正在绘制一个带有标签顶点的树)。在WPF中以编程方式完成此操作的最简单方法是什么？我尝试过设置RenderTransform和调用Controls.Canvas.SetLeft等，但都没有将标签放在我想要的位置。WPF似乎只支持...

问在WPF画布上的给定点居中显示文本
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在WPF画布上的给定点居中显示文本EN