Share via


Visual.AnchorPoint Property

Definition

The point on the visual to be positioned at the visual's offset. Value is normalized with respect to the size of the visual. Animatable.

public:
 property float2 AnchorPoint { float2 get(); void set(float2 value); };
float2 AnchorPoint();

void AnchorPoint(float2 value);
public Vector2 AnchorPoint { get; set; }
var vector2 = visual.anchorPoint;
visual.anchorPoint = vector2;
Public Property AnchorPoint As Vector2

Property Value

Vector2 Vector2

float2

The point on the visual to be positioned at the visual's offset. Value is normalized with respect to the size of the visual.

Examples

using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Composition;
using Windows.UI.Xaml.Hosting;
using System.Numerics;

namespace AnchorPointSample
{
    /// <summary>
    /// Using AnchorPoint to Center a Rectangle
    /// </summary>
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
            this.Loaded += MainPage_Loaded;
        }

        private void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            // Get the backing visual for the "CenteredElement" XAML Element
            Visual root = ElementCompositionPreview.GetElementVisual(CenteredElement);
            Compositor compositor = root.Compositor;

            // Create a solid color visual
            SpriteVisual mainVisual = compositor.CreateSpriteVisual();
            mainVisual.Size = new Vector2(200, 200);
            mainVisual.Brush = compositor.CreateColorBrush(Windows.UI.Colors.Blue);

            // Set the anchor point to center the rectangle
            mainVisual.AnchorPoint = new Vector2(0.5f, 0.5f);

            // Insert the rectangle as a child of the XAML element
            ElementCompositionPreview.SetElementChildVisual(CenteredElement, mainVisual);
        }
    }
}

Applies to