View Transformations

src/Compatibility/Core/src/Android/VisualElementTracker.cs

@@ -267,6 +267,7 @@ void SetElement(VisualElement oldElement, VisualElement newElement)
 			}
 		}
 
+		[PortHandler]
 		void UpdateAnchorX()
 		{
 			VisualElement view = _renderer.Element;
@@ -278,6 +279,7 @@ void UpdateAnchorX()
 				aview.PivotX = target;
 		}
 
+		[PortHandler]
 		void UpdateAnchorY()
 		{
 			VisualElement view = _renderer.Element;
@@ -400,6 +402,7 @@ void UpdateOpacity()
 			Performance.Stop(reference);
 		}
 
+		[PortHandler]
 		void UpdateRotation()
 		{
 			VisualElement view = _renderer.Element;
@@ -408,6 +411,7 @@ void UpdateRotation()
 			aview.Rotation = (float)view.Rotation;
 		}
 
+		[PortHandler]
 		void UpdateRotationX()
 		{
 			VisualElement view = _renderer.Element;
@@ -416,6 +420,7 @@ void UpdateRotationX()
 			aview.RotationX = (float)view.RotationX;
 		}
 
+		[PortHandler]
 		void UpdateRotationY()
 		{
 			VisualElement view = _renderer.Element;
@@ -424,6 +429,7 @@ void UpdateRotationY()
 			aview.RotationY = (float)view.RotationY;
 		}
 
+		[PortHandler]
 		void UpdateScale()
 		{
 			VisualElement view = _renderer.Element;
@@ -433,6 +439,7 @@ void UpdateScale()
 			aview.ScaleY = (float)view.Scale * (float)view.ScaleY;
 		}
 
+		[PortHandler]
 		void UpdateTranslationX()
 		{
 			VisualElement view = _renderer.Element;
@@ -441,6 +448,7 @@ void UpdateTranslationX()
 			aview.TranslationX = _context.ToPixels(view.TranslationX);
 		}
 
+		[PortHandler]
 		void UpdateTranslationY()
 		{
 			VisualElement view = _renderer.Element;

src/Compatibility/Core/src/WinUI/VisualElementTracker.cs

@@ -715,6 +715,7 @@ static void UpdateOpacity(VisualElement view, FrameworkElement frameworkElement)
 			frameworkElement.Opacity = view.Opacity;
 		}
 
+		[PortHandler]
 		static void UpdateRotation(VisualElement view, FrameworkElement frameworkElement)
 		{
 			double anchorX = view.AnchorX;
@@ -767,7 +768,8 @@ static void UpdateRotation(VisualElement view, FrameworkElement frameworkElement
 				}
 			}
 		}
-
+
+		[PortHandler]
 		static void UpdateScaleAndRotation(VisualElement view, FrameworkElement frameworkElement)
 		{
 			double anchorX = view.AnchorX;

src/Compatibility/Core/src/iOS/VisualElementTracker.cs

@@ -374,6 +374,7 @@ void SetElement(VisualElement oldElement, VisualElement newElement)
 			}
 		}
 
+		[PortHandler("Partially ported")]
 		void UpdateNativeControl()
 		{
 			Performance.Start(out string reference);

src/Controls/samples/Controls.Sample/Pages/MainPage.cs

@@ -55,6 +55,7 @@ void SetupMauiLayout()
 			verticalStack.Add(CreateResizingButton());
 
 			AddTextResizeDemo(verticalStack);
+			verticalStack.Add(CreateTransformations());
 
 			verticalStack.Add(new Label { Text = " ", Padding = new Thickness(10) });
 			var label = new Label { Text = "End-aligned text", BackgroundColor = Colors.Fuchsia, HorizontalTextAlignment = TextAlignment.End };
@@ -74,6 +75,8 @@ void SetupMauiLayout()
 				new Button
 				{
 					Text = "Push a Page",
+					Rotation = 15,
+					Scale = 1.5,
 					Command = new Command(async () =>
 					{
 						await Navigation.PushAsync(new SemanticsPage());
@@ -357,6 +360,34 @@ IView CreateSampleGrid()
 			return layout;
 		}
 
+		IView CreateTransformations()
+		{
+			var label = new Button
+			{
+				BackgroundColor = Colors.Red,
+				TextColor = Colors.White,
+				Text = "Transformations",
+				WidthRequest = 200,
+				HeightRequest = 40
+			};
+
+			var rotationSlider = new Slider
+			{
+				Minimum = -360,
+				Maximum = 360
+			};
+
+			rotationSlider.ValueChanged += (sender, e) => label.Rotation = e.NewValue;
+
+			var verticalStack = new VerticalStackLayout
+			{
+				rotationSlider,
+				label,
+			};
+
+			return verticalStack;
+		}
+
 		void AddTextResizeDemo(Microsoft.Maui.ILayout layout)
 		{
 			var resizeTestButton = new Button { Text = "Resize Test" };

src/Core/src/Core/IFrameworkElement.cs

@@ -2,13 +2,12 @@
 using Microsoft.Maui.Graphics;
 using Microsoft.Maui.Primitives;
 
-
 namespace Microsoft.Maui
 {
 	/// <summary>
 	/// Represents a framework-level set of properties, events, and methods for .NET MAUI elements. 
 	/// </summary>
-	public interface IFrameworkElement
+	public interface IFrameworkElement : ITransform
 	{
 		/// <summary>
 		/// Gets a value indicating whether this FrameworkElement is enabled in the user interface. 

src/Core/src/Core/ITransform.cs

@@ -0,0 +1,63 @@
+namespace Microsoft.Maui
+{
+	/// <summary>
+	/// Provides functionality to be able to apply transformations to a View.
+	/// </summary>
+	public interface ITransform
+	{
+		/// <summary>
+		/// Gets the X translation delta of the element.
+		/// </summary>
+		double TranslationX { get; }
+
+		/// <summary>
+		/// Gets the Y translation delta of the element.
+		/// </summary>
+		double TranslationY { get; }
+
+		/// <summary>
+		/// Gets the scale factor applied to the element.
+		/// </summary>
+		double Scale { get; }
+
+		/// <summary>
+		/// Gets the scale about the X-axis factor applied to the element.
+		/// </summary>
+		double ScaleX { get; }
+
+		/// <summary>
+		/// Gets the scale about the Y-axis factor applied to the element.
+		/// </summary>
+		double ScaleY { get; }
+
+		/// <summary>
+		/// Gets the rotation (in degrees) about the Z-axis (affine rotation)
+		/// when the element is rendered.
+		/// </summary>
+		double Rotation { get; }
+
+		/// <summary>
+		/// Gets the rotation (in degrees) about the X-axis (perspective rotation)
+		/// when the element is rendered.
+		/// </summary>
+		double RotationX { get; }
+
+		/// <summary>
+		/// Gets the rotation (in degrees) about the Y-axis (perspective rotation)
+		/// when the element is rendered.
+		/// </summary>
+		double RotationY { get; }
+
+		/// <summary>
+		/// Gets the X component of the center point for any transform, relative
+		/// to the bounds of the element.
+		/// </summary>
+		double AnchorX { get; }
+
+		/// <summary>
+		/// Gets the Y component of the center point for any transform, relative
+		/// to the bounds of the element.
+		/// </summary>
+		double AnchorY { get; }
+	}
+}

src/Core/src/Handlers/Editor/EditorHandler.iOS.cs

@@ -21,12 +21,16 @@ protected override MauiTextView CreateNativeView()
 
 		protected override void ConnectHandler(MauiTextView nativeView)
 		{
+			base.ConnectHandler(nativeView);
+
 			nativeView.Changed += OnChanged;
 			nativeView.ShouldChangeText += OnShouldChangeText;
 		}
 
 		protected override void DisconnectHandler(MauiTextView nativeView)
 		{
+			base.DisconnectHandler(nativeView);
+
 			nativeView.Changed -= OnChanged;
 			nativeView.ShouldChangeText -= OnShouldChangeText;
 		}

src/Core/src/Handlers/Entry/EntryHandler.iOS.cs

@@ -21,6 +21,8 @@ protected override MauiTextField CreateNativeView()
 
 		protected override void ConnectHandler(MauiTextField nativeView)
 		{
+			base.ConnectHandler(nativeView);
+
 			nativeView.ShouldReturn = OnShouldReturn;
 			nativeView.EditingChanged += OnEditingChanged;
 			nativeView.EditingDidEnd += OnEditingEnded;
@@ -30,6 +32,8 @@ protected override void ConnectHandler(MauiTextField nativeView)
 
 		protected override void DisconnectHandler(MauiTextField nativeView)
 		{
+			base.DisconnectHandler(nativeView);
+
 			nativeView.EditingChanged -= OnEditingChanged;
 			nativeView.EditingDidEnd -= OnEditingEnded;
 			nativeView.TextPropertySet -= OnTextPropertySet;

src/Core/src/Handlers/Slider/SliderHandler.iOS.cs

@@ -13,13 +13,17 @@ public partial class SliderHandler : ViewHandler<ISlider, UISlider>
 
 		protected override void ConnectHandler(UISlider nativeView)
 		{
+			base.ConnectHandler(nativeView);
+
 			nativeView.ValueChanged += OnControlValueChanged;
 			nativeView.AddTarget(OnTouchDownControlEvent, UIControlEvent.TouchDown);
 			nativeView.AddTarget(OnTouchUpControlEvent, UIControlEvent.TouchUpInside | UIControlEvent.TouchUpOutside);
 		}
 
 		protected override void DisconnectHandler(UISlider nativeView)
 		{
+			base.DisconnectHandler(nativeView);
+
 			nativeView.ValueChanged -= OnControlValueChanged;
 			nativeView.RemoveTarget(OnTouchDownControlEvent, UIControlEvent.TouchDown);
 			nativeView.RemoveTarget(OnTouchUpControlEvent, UIControlEvent.TouchUpInside | UIControlEvent.TouchUpOutside);

src/Core/src/Handlers/Stepper/StepperHandler.iOS.cs

@@ -13,11 +13,15 @@ protected override UIStepper CreateNativeView()
 
 		protected override void ConnectHandler(UIStepper nativeView)
 		{
+			base.ConnectHandler(nativeView);
+
 			nativeView.ValueChanged += OnValueChanged;
 		}
 
 		protected override void DisconnectHandler(UIStepper nativeView)
 		{
+			base.DisconnectHandler(nativeView);
+
 			nativeView.ValueChanged -= OnValueChanged;
 		}
 

src/Core/src/Handlers/Switch/SwitchHandler.iOS.cs

@@ -17,11 +17,15 @@ protected override UISwitch CreateNativeView()
 
 		protected override void ConnectHandler(UISwitch nativeView)
 		{
+			base.ConnectHandler(nativeView);
+
 			nativeView.ValueChanged += OnControlValueChanged;
 		}
 
 		protected override void DisconnectHandler(UISwitch nativeView)
 		{
+			base.DisconnectHandler(nativeView);
+
 			nativeView.ValueChanged -= OnControlValueChanged;
 		}
 

src/Core/src/Handlers/TimePicker/TimePickerHandler.iOS.cs

@@ -16,12 +16,16 @@ protected override MauiTimePicker CreateNativeView()
 
 		protected override void ConnectHandler(MauiTimePicker nativeView)
 		{
+			base.ConnectHandler(nativeView);
+
 			if (nativeView != null)
 				nativeView.ValueChanged += OnValueChanged;
 		}
 
 		protected override void DisconnectHandler(MauiTimePicker nativeView)
 		{
+			base.DisconnectHandler(nativeView);
+
 			if (nativeView != null)
 			{
 				nativeView.RemoveFromSuperview();

src/Core/src/Handlers/View/ViewHandler.Android.cs

@@ -14,11 +14,61 @@ partial void DisconnectingHandler(NativeView? nativeView)
 			if (nativeView.IsAlive() && AccessibilityDelegate != null)
 			{
 				AccessibilityDelegate.Handler = null;
-				AndroidX.Core.View.ViewCompat.SetAccessibilityDelegate(nativeView, null);
+				ViewCompat.SetAccessibilityDelegate(nativeView, null);
 				AccessibilityDelegate = null;
 			}
 		}
 
+		public static void MapTranslationX(IViewHandler handler, IView view)
+		{
+			((NativeView?)handler.NativeView)?.UpdateTranslationX(view);
+		}
+
+		public static void MapTranslationY(IViewHandler handler, IView view)
+		{
+			((NativeView?)handler.NativeView)?.UpdateTranslationY(view);
+		}
+
+		public static void MapScale(IViewHandler handler, IView view)
+		{
+			((NativeView?)handler.NativeView)?.UpdateScale(view);
+		}
+
+		public static void MapScaleX(IViewHandler handler, IView view)
+		{
+			((NativeView?)handler.NativeView)?.UpdateScaleX(view);
+		}
+
+		public static void MapScaleY(IViewHandler handler, IView view)
+		{
+			((NativeView?)handler.NativeView)?.UpdateScaleY(view);
+		}
+
+		public static void MapRotation(IViewHandler handler, IView view)
+		{
+			((NativeView?)handler.NativeView)?.UpdateRotation(view);
+		}
+
+		public static void MapRotationX(IViewHandler handler, IView view)
+		{
+			((NativeView?)handler.NativeView)?.UpdateRotationX(view);
+		}
+
+		public static void MapRotationY(IViewHandler handler, IView view)
+		{
+			((NativeView?)handler.NativeView)?.UpdateRotationY(view);
+		}
+
+		public static void MapAnchorX(IViewHandler handler, IView view)
+		{
+			((NativeView?)handler.NativeView)?.UpdateAnchorX(view);
+		}
+
+		public static void MapAnchorY(IViewHandler handler, IView view)
+		{
+			((NativeView?)handler.NativeView)?.UpdateAnchorY(view);
+		}
+
 		static partial void MappingSemantics(IViewHandler handler, IView view)
 		{
 			if (view.Semantics != null &&