Update GradientOrigin property to align with WPF naming (#2181)

marcelwgn · web-flow · commit 96608115ea81 · 2020-03-29T11:42:23.000-07:00
* Update GradientOffset property to match spec

* Rename to GradientOrigin

* Update local variable
diff --git a/dev/Generated/RadialGradientBrush.properties.cpp b/dev/Generated/RadialGradientBrush.properties.cpp
@@ -15,7 +15,7 @@ namespace winrt::Microsoft::UI::Xaml::Media
 
 GlobalDependencyProperty RadialGradientBrushProperties::s_EllipseCenterProperty{ nullptr };
 GlobalDependencyProperty RadialGradientBrushProperties::s_EllipseRadiusProperty{ nullptr };
-GlobalDependencyProperty RadialGradientBrushProperties::s_GradientOriginOffsetProperty{ nullptr };
+GlobalDependencyProperty RadialGradientBrushProperties::s_GradientOriginProperty{ nullptr };
 GlobalDependencyProperty RadialGradientBrushProperties::s_InterpolationSpaceProperty{ nullptr };
 GlobalDependencyProperty RadialGradientBrushProperties::s_MappingModeProperty{ nullptr };
 GlobalDependencyProperty RadialGradientBrushProperties::s_SpreadMethodProperty{ nullptr };
@@ -49,16 +49,16 @@ void RadialGradientBrushProperties::EnsureProperties()
                 ValueHelper<winrt::Point>::BoxValueIfNecessary(winrt::Point(0.5,0.5)),
                 winrt::PropertyChangedCallback(&OnEllipseRadiusPropertyChanged));
     }
-    if (!s_GradientOriginOffsetProperty)
+    if (!s_GradientOriginProperty)
     {
-        s_GradientOriginOffsetProperty =
+        s_GradientOriginProperty =
             InitializeDependencyProperty(
-                L"GradientOriginOffset",
+                L"GradientOrigin",
                 winrt::name_of<winrt::Point>(),
                 winrt::name_of<winrt::RadialGradientBrush>(),
                 false /* isAttached */,
-                ValueHelper<winrt::Point>::BoxedDefaultValue(),
-                winrt::PropertyChangedCallback(&OnGradientOriginOffsetPropertyChanged));
+                ValueHelper<winrt::Point>::BoxValueIfNecessary(winrt::Point(0.5,0.5)),
+                winrt::PropertyChangedCallback(&OnGradientOriginPropertyChanged));
     }
     if (!s_InterpolationSpaceProperty)
     {
@@ -99,7 +99,7 @@ void RadialGradientBrushProperties::ClearProperties()
 {
     s_EllipseCenterProperty = nullptr;
     s_EllipseRadiusProperty = nullptr;
-    s_GradientOriginOffsetProperty = nullptr;
+    s_GradientOriginProperty = nullptr;
     s_InterpolationSpaceProperty = nullptr;
     s_MappingModeProperty = nullptr;
     s_SpreadMethodProperty = nullptr;
@@ -121,12 +121,12 @@ void RadialGradientBrushProperties::OnEllipseRadiusPropertyChanged(
     winrt::get_self<RadialGradientBrush>(owner)->OnEllipseRadiusPropertyChanged(args);
 }
 
-void RadialGradientBrushProperties::OnGradientOriginOffsetPropertyChanged(
+void RadialGradientBrushProperties::OnGradientOriginPropertyChanged(
     winrt::DependencyObject const& sender,
     winrt::DependencyPropertyChangedEventArgs const& args)
 {
     auto owner = sender.as<winrt::RadialGradientBrush>();
-    winrt::get_self<RadialGradientBrush>(owner)->OnGradientOriginOffsetPropertyChanged(args);
+    winrt::get_self<RadialGradientBrush>(owner)->OnGradientOriginPropertyChanged(args);
 }
 
 void RadialGradientBrushProperties::OnInterpolationSpacePropertyChanged(
@@ -173,14 +173,14 @@ winrt::Point RadialGradientBrushProperties::EllipseRadius()
     return ValueHelper<winrt::Point>::CastOrUnbox(static_cast<RadialGradientBrush*>(this)->GetValue(s_EllipseRadiusProperty));
 }
 
-void RadialGradientBrushProperties::GradientOriginOffset(winrt::Point const& value)
+void RadialGradientBrushProperties::GradientOrigin(winrt::Point const& value)
 {
-    static_cast<RadialGradientBrush*>(this)->SetValue(s_GradientOriginOffsetProperty, ValueHelper<winrt::Point>::BoxValueIfNecessary(value));
+    static_cast<RadialGradientBrush*>(this)->SetValue(s_GradientOriginProperty, ValueHelper<winrt::Point>::BoxValueIfNecessary(value));
 }
 
-winrt::Point RadialGradientBrushProperties::GradientOriginOffset()
+winrt::Point RadialGradientBrushProperties::GradientOrigin()
 {
-    return ValueHelper<winrt::Point>::CastOrUnbox(static_cast<RadialGradientBrush*>(this)->GetValue(s_GradientOriginOffsetProperty));
+    return ValueHelper<winrt::Point>::CastOrUnbox(static_cast<RadialGradientBrush*>(this)->GetValue(s_GradientOriginProperty));
 }
 
 void RadialGradientBrushProperties::InterpolationSpace(winrt::CompositionColorSpace const& value)
diff --git a/dev/Generated/RadialGradientBrush.properties.h b/dev/Generated/RadialGradientBrush.properties.h
@@ -15,8 +15,8 @@ class RadialGradientBrushProperties
     void EllipseRadius(winrt::Point const& value);
     winrt::Point EllipseRadius();
 
-    void GradientOriginOffset(winrt::Point const& value);
-    winrt::Point GradientOriginOffset();
+    void GradientOrigin(winrt::Point const& value);
+    winrt::Point GradientOrigin();
 
     void InterpolationSpace(winrt::CompositionColorSpace const& value);
     winrt::CompositionColorSpace InterpolationSpace();
@@ -29,14 +29,14 @@ class RadialGradientBrushProperties
 
     static winrt::DependencyProperty EllipseCenterProperty() { return s_EllipseCenterProperty; }
     static winrt::DependencyProperty EllipseRadiusProperty() { return s_EllipseRadiusProperty; }
-    static winrt::DependencyProperty GradientOriginOffsetProperty() { return s_GradientOriginOffsetProperty; }
+    static winrt::DependencyProperty GradientOriginProperty() { return s_GradientOriginProperty; }
     static winrt::DependencyProperty InterpolationSpaceProperty() { return s_InterpolationSpaceProperty; }
     static winrt::DependencyProperty MappingModeProperty() { return s_MappingModeProperty; }
     static winrt::DependencyProperty SpreadMethodProperty() { return s_SpreadMethodProperty; }
 
     static GlobalDependencyProperty s_EllipseCenterProperty;
     static GlobalDependencyProperty s_EllipseRadiusProperty;
-    static GlobalDependencyProperty s_GradientOriginOffsetProperty;
+    static GlobalDependencyProperty s_GradientOriginProperty;
     static GlobalDependencyProperty s_InterpolationSpaceProperty;
     static GlobalDependencyProperty s_MappingModeProperty;
     static GlobalDependencyProperty s_SpreadMethodProperty;
@@ -52,7 +52,7 @@ class RadialGradientBrushProperties
         winrt::DependencyObject const& sender,
         winrt::DependencyPropertyChangedEventArgs const& args);
 
-    static void OnGradientOriginOffsetPropertyChanged(
+    static void OnGradientOriginPropertyChanged(
         winrt::DependencyObject const& sender,
         winrt::DependencyPropertyChangedEventArgs const& args);
 
diff --git a/dev/RadialGradientBrush/RadialGradientBrush.cpp b/dev/RadialGradientBrush/RadialGradientBrush.cpp
@@ -80,11 +80,11 @@ void RadialGradientBrush::OnEllipseRadiusPropertyChanged(const winrt::Dependency
     }
 }
 
-void RadialGradientBrush::OnGradientOriginOffsetPropertyChanged(const winrt::DependencyPropertyChangedEventArgs& args)
+void RadialGradientBrush::OnGradientOriginPropertyChanged(const winrt::DependencyPropertyChangedEventArgs& args)
 {
     if (SharedHelpers::IsCompositionRadialGradientBrushAvailable())
     {
-        UpdateCompositionGradientOriginOffset();
+        UpdateCompositionGradientOrigin();
     }
 }
 
@@ -138,7 +138,7 @@ void RadialGradientBrush::EnsureCompositionBrush()
 
             UpdateCompositionGradientEllipseCenter();
             UpdateCompositionGradientEllipseRadius();
-            UpdateCompositionGradientOriginOffset();
+            UpdateCompositionGradientOrigin();
             UpdateCompositionGradientStops();
             UpdateCompositionGradientMappingMode();
             UpdateCompositionInterpolationSpace();
@@ -197,14 +197,16 @@ void RadialGradientBrush::UpdateCompositionGradientMappingMode()
     }
 }
 
-void RadialGradientBrush::UpdateCompositionGradientOriginOffset()
+void RadialGradientBrush::UpdateCompositionGradientOrigin()
 {
     MUX_ASSERT(SharedHelpers::IsCompositionRadialGradientBrushAvailable());
 
     if (const auto compositionGradientBrush = m_brush.try_as<winrt::CompositionRadialGradientBrush>())
     {
-        const auto gradientOriginOffset = GradientOriginOffset();
-        compositionGradientBrush.GradientOriginOffset(winrt::float2(gradientOriginOffset.X, gradientOriginOffset.Y));
+        const auto gradientOrigin = GradientOrigin();
+        // This sets the gradient offset center to the top left corner
+        // Top Left is (-0.5,-0.5), center is (0,0)
+        compositionGradientBrush.GradientOriginOffset(winrt::float2(gradientOrigin.X - 0.5f, gradientOrigin.Y - 0.5f));
     }
 }
 
diff --git a/dev/RadialGradientBrush/RadialGradientBrush.h b/dev/RadialGradientBrush/RadialGradientBrush.h
@@ -25,7 +25,7 @@ class RadialGradientBrush :
 
     void OnEllipseCenterPropertyChanged(const winrt::DependencyPropertyChangedEventArgs& args);
     void OnEllipseRadiusPropertyChanged(const winrt::DependencyPropertyChangedEventArgs& args);
-    void OnGradientOriginOffsetPropertyChanged(const winrt::DependencyPropertyChangedEventArgs& args);
+    void OnGradientOriginPropertyChanged(const winrt::DependencyPropertyChangedEventArgs& args);
     void OnMappingModePropertyChanged(const winrt::DependencyPropertyChangedEventArgs& args);
     void OnInterpolationSpacePropertyChanged(const winrt::DependencyPropertyChangedEventArgs& args);
     void OnSpreadMethodPropertyChanged(const winrt::DependencyPropertyChangedEventArgs& args);
@@ -46,7 +46,7 @@ class RadialGradientBrush :
     void UpdateCompositionGradientEllipseCenter();
     void UpdateCompositionGradientEllipseRadius();
     void UpdateCompositionGradientMappingMode();
-    void UpdateCompositionGradientOriginOffset();
+    void UpdateCompositionGradientOrigin();
     void UpdateCompositionGradientStops();
     void UpdateCompositionInterpolationSpace();
     void UpdateCompositionExtendMode();
diff --git a/dev/RadialGradientBrush/RadialGradientBrush.idl b/dev/RadialGradientBrush/RadialGradientBrush.idl
@@ -17,7 +17,8 @@ unsealed runtimeclass RadialGradientBrush : Windows.UI.Xaml.Media.XamlCompositio
     Windows.Foundation.Point EllipseRadius { get; set; };
 
     [MUX_PROPERTY_CHANGED_CALLBACK(TRUE)]
-    Windows.Foundation.Point GradientOriginOffset { get; set; };
+    [MUX_DEFAULT_VALUE("winrt::Point(0.5,0.5)")]
+    Windows.Foundation.Point GradientOrigin { get; set; };
 
     [MUX_PROPERTY_CHANGED_CALLBACK(TRUE)]
     [MUX_DEFAULT_VALUE("winrt::BrushMappingMode::RelativeToBoundingBox")]
@@ -35,7 +36,7 @@ unsealed runtimeclass RadialGradientBrush : Windows.UI.Xaml.Media.XamlCompositio
 
     static Windows.UI.Xaml.DependencyProperty EllipseCenterProperty { get; };
     static Windows.UI.Xaml.DependencyProperty EllipseRadiusProperty { get; };
-    static Windows.UI.Xaml.DependencyProperty GradientOriginOffsetProperty { get; };
+    static Windows.UI.Xaml.DependencyProperty GradientOriginProperty { get; };
     static Windows.UI.Xaml.DependencyProperty InterpolationSpaceProperty { get; };
     static Windows.UI.Xaml.DependencyProperty MappingModeProperty { get; };
     static Windows.UI.Xaml.DependencyProperty SpreadMethodProperty { get; };
diff --git a/dev/RadialGradientBrush/TestUI/RadialGradientBrushPage.xaml b/dev/RadialGradientBrush/TestUI/RadialGradientBrushPage.xaml
@@ -120,8 +120,8 @@
                             <TextBlock Text="{x:Bind DynamicGradientBrush.MappingMode}" Grid.Row="0" Grid.Column="1" />
                             <TextBlock Text="GradientStops.Count: " Grid.Row="1" />
                             <TextBlock Text="{x:Bind DynamicGradientBrush.GradientStops.Count}" Grid.Row="1" Grid.Column="1" x:Name="GradientStopCountText" AutomationProperties.Name="GradientStopCountText" />
-                            <TextBlock Text="GradientOriginOffset: " Grid.Row="2" />
-                            <TextBlock Text="{x:Bind DynamicGradientBrush.GradientOriginOffset}" Grid.Row="2" Grid.Column="1" />
+                            <TextBlock Text="GradientOrigin: " Grid.Row="2" />
+                            <TextBlock Text="{x:Bind DynamicGradientBrush.GradientOrigin}" Grid.Row="2" Grid.Column="1" />
                             <TextBlock Text="EllipseCenter: " Grid.Row="3" />
                             <TextBlock Text="{x:Bind DynamicGradientBrush.EllipseCenter}" Grid.Row="3" Grid.Column="1" />
                             <TextBlock Text="EllipseRadius: " Grid.Row="4" />
diff --git a/dev/RadialGradientBrush/TestUI/RadialGradientBrushPage.xaml.cs b/dev/RadialGradientBrush/TestUI/RadialGradientBrushPage.xaml.cs
@@ -121,7 +121,7 @@ private void RemoveGradientStopButton_Click(object sender, RoutedEventArgs e)
 
         private void RandomizeGradientOriginButton_Click(object sender, RoutedEventArgs e)
         {
-            RandomizeGradientOriginOffset(DynamicGradientBrush);
+            RandomizeGradientOrigin(DynamicGradientBrush);
         }
 
         private void RandomizeEllipseCenterButton_Click(object sender, RoutedEventArgs e)
@@ -198,17 +198,17 @@ private void RemoveRandomGradientStop(RadialGradientBrush gradientBrush)
             }
         }
 
-        private void RandomizeGradientOriginOffset(RadialGradientBrush gradientBrush)
+        private void RandomizeGradientOrigin(RadialGradientBrush gradientBrush)
         {
             if (gradientBrush != null)
             {
                 if (gradientBrush.MappingMode == BrushMappingMode.Absolute)
                 {
-                    gradientBrush.GradientOriginOffset = new Point(_random.Next(0, 100), _random.Next(0, 100));
+                    gradientBrush.GradientOrigin = new Point(_random.Next(0, 100), _random.Next(0, 100));
                 }
                 else
                 {
-                    gradientBrush.GradientOriginOffset = new Point(_random.Next(-100, 100) / 100f, _random.Next(-100, 100) / 100f);
+                    gradientBrush.GradientOrigin = new Point(_random.Next(-100, 100) / 100f, _random.Next(-100, 100) / 100f);
                 }
             }
         }
@@ -251,7 +251,7 @@ private void ToggleMappingMode(RadialGradientBrush gradientBrush)
 
                 RandomizeEllipseCenter(gradientBrush);
                 RandomizeEllipseRadius(gradientBrush);
-                RandomizeGradientOriginOffset(gradientBrush);
+                RandomizeGradientOrigin(gradientBrush);
             }
         }
 

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@ namespace winrt::Microsoft::UI::Xaml::Media`
`15`	`15`
`16`	`16`	`GlobalDependencyProperty RadialGradientBrushProperties::s_EllipseCenterProperty{ nullptr };`
`17`	`17`	`GlobalDependencyProperty RadialGradientBrushProperties::s_EllipseRadiusProperty{ nullptr };`
`18`		`-GlobalDependencyProperty RadialGradientBrushProperties::s_GradientOriginOffsetProperty{ nullptr };`
	`18`	`+GlobalDependencyProperty RadialGradientBrushProperties::s_GradientOriginProperty{ nullptr };`
`19`	`19`	`GlobalDependencyProperty RadialGradientBrushProperties::s_InterpolationSpaceProperty{ nullptr };`
`20`	`20`	`GlobalDependencyProperty RadialGradientBrushProperties::s_MappingModeProperty{ nullptr };`
`21`	`21`	`GlobalDependencyProperty RadialGradientBrushProperties::s_SpreadMethodProperty{ nullptr };`
`@@ -49,16 +49,16 @@ void RadialGradientBrushProperties::EnsureProperties()`
`49`	`49`	`ValueHelper<winrt::Point>::BoxValueIfNecessary(winrt::Point(0.5,0.5)),`
`50`	`50`	`winrt::PropertyChangedCallback(&OnEllipseRadiusPropertyChanged));`
`51`	`51`	`}`
`52`		`- if (!s_GradientOriginOffsetProperty)`
	`52`	`+ if (!s_GradientOriginProperty)`
`53`	`53`	`{`
`54`		`- s_GradientOriginOffsetProperty =`
	`54`	`+ s_GradientOriginProperty =`
`55`	`55`	`InitializeDependencyProperty(`
`56`		`- L"GradientOriginOffset",`
	`56`	`+ L"GradientOrigin",`
`57`	`57`	`winrt::name_of<winrt::Point>(),`
`58`	`58`	`winrt::name_of<winrt::RadialGradientBrush>(),`
`59`	`59`	`false /* isAttached */,`
`60`		`- ValueHelper<winrt::Point>::BoxedDefaultValue(),`
`61`		`- winrt::PropertyChangedCallback(&OnGradientOriginOffsetPropertyChanged));`
	`60`	`+ ValueHelper<winrt::Point>::BoxValueIfNecessary(winrt::Point(0.5,0.5)),`
	`61`	`+ winrt::PropertyChangedCallback(&OnGradientOriginPropertyChanged));`
`62`	`62`	`}`
`63`	`63`	`if (!s_InterpolationSpaceProperty)`
`64`	`64`	`{`
`@@ -99,7 +99,7 @@ void RadialGradientBrushProperties::ClearProperties()`
`99`	`99`	`{`
`100`	`100`	`s_EllipseCenterProperty = nullptr;`
`101`	`101`	`s_EllipseRadiusProperty = nullptr;`
`102`		`- s_GradientOriginOffsetProperty = nullptr;`
	`102`	`+ s_GradientOriginProperty = nullptr;`
`103`	`103`	`s_InterpolationSpaceProperty = nullptr;`
`104`	`104`	`s_MappingModeProperty = nullptr;`
`105`	`105`	`s_SpreadMethodProperty = nullptr;`
`@@ -121,12 +121,12 @@ void RadialGradientBrushProperties::OnEllipseRadiusPropertyChanged(`
`121`	`121`	`winrt::get_self<RadialGradientBrush>(owner)->OnEllipseRadiusPropertyChanged(args);`
`122`	`122`	`}`
`123`	`123`
`124`		`-void RadialGradientBrushProperties::OnGradientOriginOffsetPropertyChanged(`
	`124`	`+void RadialGradientBrushProperties::OnGradientOriginPropertyChanged(`
`125`	`125`	`winrt::DependencyObject const& sender,`
`126`	`126`	`winrt::DependencyPropertyChangedEventArgs const& args)`
`127`	`127`	`{`
`128`	`128`	`auto owner = sender.as<winrt::RadialGradientBrush>();`
`129`		`- winrt::get_self<RadialGradientBrush>(owner)->OnGradientOriginOffsetPropertyChanged(args);`
	`129`	`+ winrt::get_self<RadialGradientBrush>(owner)->OnGradientOriginPropertyChanged(args);`
`130`	`130`	`}`
`131`	`131`
`132`	`132`	`void RadialGradientBrushProperties::OnInterpolationSpacePropertyChanged(`
`@@ -173,14 +173,14 @@ winrt::Point RadialGradientBrushProperties::EllipseRadius()`
`173`	`173`	`return ValueHelper<winrt::Point>::CastOrUnbox(static_cast<RadialGradientBrush*>(this)->GetValue(s_EllipseRadiusProperty));`
`174`	`174`	`}`
`175`	`175`
`176`		`-void RadialGradientBrushProperties::GradientOriginOffset(winrt::Point const& value)`
	`176`	`+void RadialGradientBrushProperties::GradientOrigin(winrt::Point const& value)`
`177`	`177`	`{`
`178`		`- static_cast<RadialGradientBrush*>(this)->SetValue(s_GradientOriginOffsetProperty, ValueHelper<winrt::Point>::BoxValueIfNecessary(value));`
	`178`	`+ static_cast<RadialGradientBrush*>(this)->SetValue(s_GradientOriginProperty, ValueHelper<winrt::Point>::BoxValueIfNecessary(value));`
`179`	`179`	`}`
`180`	`180`
`181`		`-winrt::Point RadialGradientBrushProperties::GradientOriginOffset()`
	`181`	`+winrt::Point RadialGradientBrushProperties::GradientOrigin()`
`182`	`182`	`{`
`183`		`- return ValueHelper<winrt::Point>::CastOrUnbox(static_cast<RadialGradientBrush*>(this)->GetValue(s_GradientOriginOffsetProperty));`
	`183`	`+ return ValueHelper<winrt::Point>::CastOrUnbox(static_cast<RadialGradientBrush*>(this)->GetValue(s_GradientOriginProperty));`
`184`	`184`	`}`
`185`	`185`
`186`	`186`	`void RadialGradientBrushProperties::InterpolationSpace(winrt::CompositionColorSpace const& value)`
Original file line number	Diff line number	Diff line change
`@@ -80,11 +80,11 @@ void RadialGradientBrush::OnEllipseRadiusPropertyChanged(const winrt::Dependency`
`80`	`80`	`}`
`81`	`81`	`}`
`82`	`82`
`83`		`-void RadialGradientBrush::OnGradientOriginOffsetPropertyChanged(const winrt::DependencyPropertyChangedEventArgs& args)`
	`83`	`+void RadialGradientBrush::OnGradientOriginPropertyChanged(const winrt::DependencyPropertyChangedEventArgs& args)`
`84`	`84`	`{`
`85`	`85`	`if (SharedHelpers::IsCompositionRadialGradientBrushAvailable())`
`86`	`86`	`{`
`87`		`- UpdateCompositionGradientOriginOffset();`
	`87`	`+ UpdateCompositionGradientOrigin();`
`88`	`88`	`}`
`89`	`89`	`}`
`90`	`90`
`@@ -138,7 +138,7 @@ void RadialGradientBrush::EnsureCompositionBrush()`
`138`	`138`
`139`	`139`	`UpdateCompositionGradientEllipseCenter();`
`140`	`140`	`UpdateCompositionGradientEllipseRadius();`
`141`		`- UpdateCompositionGradientOriginOffset();`
	`141`	`+ UpdateCompositionGradientOrigin();`
`142`	`142`	`UpdateCompositionGradientStops();`
`143`	`143`	`UpdateCompositionGradientMappingMode();`
`144`	`144`	`UpdateCompositionInterpolationSpace();`
`@@ -197,14 +197,16 @@ void RadialGradientBrush::UpdateCompositionGradientMappingMode()`
`197`	`197`	`}`
`198`	`198`	`}`
`199`	`199`
`200`		`-void RadialGradientBrush::UpdateCompositionGradientOriginOffset()`
	`200`	`+void RadialGradientBrush::UpdateCompositionGradientOrigin()`
`201`	`201`	`{`
`202`	`202`	`MUX_ASSERT(SharedHelpers::IsCompositionRadialGradientBrushAvailable());`
`203`	`203`
`204`	`204`	`if (const auto compositionGradientBrush = m_brush.try_as<winrt::CompositionRadialGradientBrush>())`
`205`	`205`	`{`
`206`		`- const auto gradientOriginOffset = GradientOriginOffset();`
`207`		`- compositionGradientBrush.GradientOriginOffset(winrt::float2(gradientOriginOffset.X, gradientOriginOffset.Y));`
	`206`	`+ const auto gradientOrigin = GradientOrigin();`
	`207`	`+ // This sets the gradient offset center to the top left corner`
	`208`	`+ // Top Left is (-0.5,-0.5), center is (0,0)`
	`209`	`+ compositionGradientBrush.GradientOriginOffset(winrt::float2(gradientOrigin.X - 0.5f, gradientOrigin.Y - 0.5f));`
`208`	`210`	`}`
`209`	`211`	`}`
`210`	`212`
Original file line number	Diff line number	Diff line change
`@@ -121,7 +121,7 @@ private void RemoveGradientStopButton_Click(object sender, RoutedEventArgs e)`
`121`	`121`
`122`	`122`	`private void RandomizeGradientOriginButton_Click(object sender, RoutedEventArgs e)`
`123`	`123`	`{`
`124`		`- RandomizeGradientOriginOffset(DynamicGradientBrush);`
	`124`	`+ RandomizeGradientOrigin(DynamicGradientBrush);`
`125`	`125`	`}`
`126`	`126`
`127`	`127`	`private void RandomizeEllipseCenterButton_Click(object sender, RoutedEventArgs e)`
`@@ -198,17 +198,17 @@ private void RemoveRandomGradientStop(RadialGradientBrush gradientBrush)`
`198`	`198`	`}`
`199`	`199`	`}`
`200`	`200`
`201`		`- private void RandomizeGradientOriginOffset(RadialGradientBrush gradientBrush)`
	`201`	`+ private void RandomizeGradientOrigin(RadialGradientBrush gradientBrush)`
`202`	`202`	`{`
`203`	`203`	`if (gradientBrush != null)`
`204`	`204`	`{`
`205`	`205`	`if (gradientBrush.MappingMode == BrushMappingMode.Absolute)`
`206`	`206`	`{`
`207`		`- gradientBrush.GradientOriginOffset = new Point(_random.Next(0, 100), _random.Next(0, 100));`
	`207`	`+ gradientBrush.GradientOrigin = new Point(_random.Next(0, 100), _random.Next(0, 100));`
`208`	`208`	`}`
`209`	`209`	`else`
`210`	`210`	`{`
`211`		`- gradientBrush.GradientOriginOffset = new Point(_random.Next(-100, 100) / 100f, _random.Next(-100, 100) / 100f);`
	`211`	`+ gradientBrush.GradientOrigin = new Point(_random.Next(-100, 100) / 100f, _random.Next(-100, 100) / 100f);`
`212`	`212`	`}`
`213`	`213`	`}`
`214`	`214`	`}`
`@@ -251,7 +251,7 @@ private void ToggleMappingMode(RadialGradientBrush gradientBrush)`
`251`	`251`
`252`	`252`	`RandomizeEllipseCenter(gradientBrush);`
`253`	`253`	`RandomizeEllipseRadius(gradientBrush);`
`254`		`- RandomizeGradientOriginOffset(gradientBrush);`
	`254`	`+ RandomizeGradientOrigin(gradientBrush);`
`255`	`255`	`}`
`256`	`256`	`}`
`257`	`257`