float rotation,
float rotationX,
float rotationY,
- float scale,
+ float scaleX,
+ float scaleY
float translationX,
float translationY){
setPivotX (pivotX);
setRotation (rotation);
setRotationX (rotationX);
setRotationY (rotationY);
- setScaleX (scale);
- setScaleY (scale);
+ setScaleX (scaleX);
+ setScaleY (sclaeY);
setTranslationX (translationX);
setTranslationY (translationY);
}
scaleSlider.SetBinding(Slider.ValueProperty,
new Binding("Scale", BindingMode.TwoWay));
+ // Label and Slider for ScaleX property.
+ Label scaleXSliderValue = new Label {
+ VerticalTextAlignment = TextAlignment.Center
+ };
+ Grid.SetRow(scaleXSliderValue, 1);
+ Grid.SetColumn(scaleXSliderValue, 0);
+
+ Slider scaleXSlider = new Slider {
+ Maximum = 10
+ };
+ Grid.SetRow(scaleXSlider, 1);
+ Grid.SetColumn(scaleXSlider, 1);
+
+ // Set Bindings.
+ scaleXSliderValue.BindingContext = scaleXSlider;
+ scaleXSliderValue.SetBinding(Label.TextProperty,
+ new Binding("Value", BindingMode.OneWay, null, null, "ScaleX = {0:F1}"));
+
+ scaleXSlider.BindingContext = label;
+ scaleXSlider.SetBinding(Slider.ValueProperty,
+ new Binding("ScaleX", BindingMode.TwoWay));
+
// Label and Slider for Rotation property.
Label rotationSliderValue = new Label
{
VerticalTextAlignment = TextAlignment.Center
};
- Grid.SetRow(rotationSliderValue, 1);
+ Grid.SetRow(rotationSliderValue, 2);
Grid.SetColumn(rotationSliderValue, 0);
Slider rotationSlider = new Slider
{
Maximum = 360
};
- Grid.SetRow(rotationSlider, 1);
+ Grid.SetRow(rotationSlider, 2);
Grid.SetColumn(rotationSlider, 1);
// Set Bindings.
{
VerticalTextAlignment = TextAlignment.Center
};
- Grid.SetRow(anchorxStepperValue, 2);
+ Grid.SetRow(anchorxStepperValue, 3);
Grid.SetColumn(anchorxStepperValue, 0);
Stepper anchorxStepper = new Stepper
Minimum = -1,
Increment = 0.5
};
- Grid.SetRow(anchorxStepper, 2);
+ Grid.SetRow(anchorxStepper, 3);
Grid.SetColumn(anchorxStepper, 1);
// Set bindings.
{
VerticalTextAlignment = TextAlignment.Center
};
- Grid.SetRow(anchoryStepperValue, 3);
+ Grid.SetRow(anchoryStepperValue, 4);
Grid.SetColumn(anchoryStepperValue, 0);
Stepper anchoryStepper = new Stepper
Minimum = -1,
Increment = 0.5
};
- Grid.SetRow(anchoryStepper, 3);
+ Grid.SetRow(anchoryStepper, 4);
Grid.SetColumn(anchoryStepper, 1);
// Set bindings.
new RowDefinition { Height = GridLength.Auto },
new RowDefinition { Height = GridLength.Auto },
new RowDefinition { Height = GridLength.Auto },
+ new RowDefinition { Height = GridLength.Auto },
},
ColumnDefinitions =
{
{
scaleSliderValue,
scaleSlider,
+ scaleXSliderValue,
+ scaleXSlider,
rotationSliderValue,
rotationSlider,
anchorxStepperValue,
public static readonly BindableProperty ScaleProperty = BindableProperty.Create("Scale", typeof(double), typeof(VisualElement), 1d);
+ public static readonly BindableProperty ScaleXProperty = BindableProperty.Create("ScaleX", typeof(double), typeof(VisualElement), 1d);
+
+ public static readonly BindableProperty ScaleYProperty = BindableProperty.Create("ScaleY", typeof(double), typeof(VisualElement), 1d);
+
public static readonly BindableProperty IsVisibleProperty = BindableProperty.Create("IsVisible", typeof(bool), typeof(VisualElement), true,
propertyChanged: (bindable, oldvalue, newvalue) => ((VisualElement)bindable).OnIsVisibleChanged((bool)oldvalue, (bool)newvalue));
set { SetValue(ScaleProperty, value); }
}
+ public double ScaleX {
+ get { return (double)GetValue(ScaleXProperty); }
+ set { SetValue(ScaleXProperty, value); }
+ }
+
+ public double ScaleY {
+ get { return (double)GetValue(ScaleYProperty); }
+ set { SetValue(ScaleYProperty, value); }
+ }
+
public Style Style
{
get { return (Style)GetValue(StyleProperty); }
if (e.PropertyName == VisualElement.XProperty.PropertyName || e.PropertyName == VisualElement.YProperty.PropertyName || e.PropertyName == VisualElement.WidthProperty.PropertyName ||
e.PropertyName == VisualElement.HeightProperty.PropertyName)
_layoutNeeded = true;
- else if (e.PropertyName == VisualElement.AnchorXProperty.PropertyName || e.PropertyName == VisualElement.AnchorYProperty.PropertyName || e.PropertyName == VisualElement.ScaleProperty.PropertyName ||
+ else if (e.PropertyName == VisualElement.AnchorXProperty.PropertyName || e.PropertyName == VisualElement.AnchorYProperty.PropertyName || e.PropertyName == VisualElement.ScaleProperty.PropertyName || e.PropertyName == VisualElement.ScaleXProperty.PropertyName || e.PropertyName == VisualElement.ScaleYProperty.PropertyName ||
e.PropertyName == VisualElement.RotationProperty.PropertyName || e.PropertyName == VisualElement.RotationXProperty.PropertyName || e.PropertyName == VisualElement.RotationYProperty.PropertyName ||
e.PropertyName == VisualElement.IsVisibleProperty.PropertyName || e.PropertyName == VisualElement.OpacityProperty.PropertyName ||
e.PropertyName == VisualElement.TranslationXProperty.PropertyName || e.PropertyName == VisualElement.TranslationYProperty.PropertyName)
UpdateAnchorX();
else if (e.PropertyName == VisualElement.AnchorYProperty.PropertyName)
UpdateAnchorY();
- else if (e.PropertyName == VisualElement.ScaleProperty.PropertyName)
+ else if (e.PropertyName == VisualElement.ScaleProperty.PropertyName || e.PropertyName == VisualElement.ScaleXProperty.PropertyName || e.PropertyName == VisualElement.ScaleYProperty.PropertyName)
UpdateScale();
else if (e.PropertyName == VisualElement.RotationProperty.PropertyName)
UpdateRotation();
UpdateRotationX();
if (oldElement.RotationY != newElement.RotationY)
UpdateRotationY();
- if (oldElement.Scale != newElement.Scale)
+ if (oldElement.Scale != newElement.Scale || oldElement.ScaleX != newElement.ScaleY || oldElement.ScaleY != newElement.ScaleY)
UpdateScale();
// ReSharper restore CompareOfFloatsByEqualityOperator
if (aview is FormsViewGroup)
{
var formsViewGroup = (FormsViewGroup)aview;
- formsViewGroup.SendBatchUpdate((float)(view.AnchorX * _context.ToPixels(view.Width)), (float)(view.AnchorY * _context.ToPixels(view.Height)),
- (int)(view.IsVisible ? ViewStates.Visible : ViewStates.Invisible), view.IsEnabled, (float)view.Opacity, (float)view.Rotation, (float)view.RotationX, (float)view.RotationY, (float)view.Scale,
- _context.ToPixels(view.TranslationX), _context.ToPixels(view.TranslationY));
+ formsViewGroup.SendBatchUpdate((float)(view.AnchorX * _context.ToPixels(view.Width)),
+ (float)(view.AnchorY * _context.ToPixels(view.Height)),
+ (int)(view.IsVisible ? ViewStates.Visible : ViewStates.Invisible),
+ view.IsEnabled,
+ (float)view.Opacity,
+ (float)view.Rotation,
+ (float)view.RotationX,
+ (float)view.RotationY,
+ (float)view.ScaleX,
+ (float)view.ScaleY,
+ _context.ToPixels(view.TranslationX),
+ _context.ToPixels(view.TranslationY));
}
else
{
VisualElement view = _renderer.Element;
AView aview = _renderer.ViewGroup;
- aview.ScaleX = (float)view.Scale;
- aview.ScaleY = (float)view.Scale;
+ aview.ScaleX = (float)view.Scale * (float)view.ScaleX;
+ aview.ScaleY = (float)view.Scale * (float)view.ScaleY;
}
void UpdateTranslationX()
MaybeInvalidate();
else if (e.PropertyName == VisualElement.AnchorXProperty.PropertyName || e.PropertyName == VisualElement.AnchorYProperty.PropertyName)
UpdateScaleAndRotation(Model, Element);
- else if (e.PropertyName == VisualElement.ScaleProperty.PropertyName)
+ else if (e.PropertyName == VisualElement.ScaleProperty.PropertyName || e.PropertyName == VisualElement.ScaleXProperty.PropertyName || e.PropertyName == VisualElement.ScaleYProperty.PropertyName )
UpdateScaleAndRotation(Model, Element);
else if (e.PropertyName == VisualElement.TranslationXProperty.PropertyName || e.PropertyName == VisualElement.TranslationYProperty.PropertyName ||
e.PropertyName == VisualElement.RotationProperty.PropertyName || e.PropertyName == VisualElement.RotationXProperty.PropertyName || e.PropertyName == VisualElement.RotationYProperty.PropertyName)
{
double anchorX = view.AnchorX;
double anchorY = view.AnchorY;
- double scale = view.Scale;
frameworkElement.RenderTransformOrigin = new System.Windows.Point(anchorX, anchorY);
- frameworkElement.RenderTransform = new ScaleTransform { ScaleX = scale, ScaleY = scale };
+ frameworkElement.RenderTransform = new ScaleTransform { ScaleX = view.Scale * view.ScaleX, ScaleY = view.Scale * view.ScaleY };
UpdateRotation(view, frameworkElement);
}
{
UpdateScaleAndRotation(Element, Container);
}
- else if (e.PropertyName == VisualElement.ScaleProperty.PropertyName)
+ else if (e.PropertyName == VisualElement.ScaleProperty.PropertyName || e.PropertyName == VisualElement.ScaleXProperty.PropertyName ||)e.PropertyName == VisualElement.ScaleYProperty.PropertyName
{
UpdateScaleAndRotation(Element, Container);
}
{
double anchorX = view.AnchorX;
double anchorY = view.AnchorY;
- double scale = view.Scale;
frameworkElement.RenderTransformOrigin = new Windows.Foundation.Point(anchorX, anchorY);
- frameworkElement.RenderTransform = new ScaleTransform { ScaleX = scale, ScaleY = scale };
+ frameworkElement.RenderTransform = new ScaleTransform { ScaleX = view.Scale * view.ScaleX, view.Scale * view.ScaleY = scale };
UpdateRotation(view, frameworkElement);
}
{
if (e.PropertyName == VisualElement.XProperty.PropertyName || e.PropertyName == VisualElement.YProperty.PropertyName || e.PropertyName == VisualElement.WidthProperty.PropertyName ||
e.PropertyName == VisualElement.HeightProperty.PropertyName || e.PropertyName == VisualElement.AnchorXProperty.PropertyName || e.PropertyName == VisualElement.AnchorYProperty.PropertyName ||
- e.PropertyName == VisualElement.TranslationXProperty.PropertyName || e.PropertyName == VisualElement.TranslationYProperty.PropertyName || e.PropertyName == VisualElement.ScaleProperty.PropertyName ||
+ e.PropertyName == VisualElement.TranslationXProperty.PropertyName || e.PropertyName == VisualElement.TranslationYProperty.PropertyName || e.PropertyName == VisualElement.ScaleProperty.PropertyName || e.PropertyName == VisualElement.ScaleXProperty.PropertyName || e.PropertyName == VisualElement.ScaleYProperty.PropertyName ||
e.PropertyName == VisualElement.RotationProperty.PropertyName || e.PropertyName == VisualElement.RotationXProperty.PropertyName || e.PropertyName == VisualElement.RotationYProperty.PropertyName ||
e.PropertyName == VisualElement.IsVisibleProperty.PropertyName || e.PropertyName == VisualElement.IsEnabledProperty.PropertyName ||
e.PropertyName == VisualElement.InputTransparentProperty.PropertyName || e.PropertyName == VisualElement.OpacityProperty.PropertyName)
var rotationY = (float)view.RotationY;
var rotation = (float)view.Rotation;
var scale = (float)view.Scale;
+ var scaleX = (float)view.ScaleX * scale;
+ var scaleY = (float)view.ScaleY * scale;
var width = (float)view.Width;
var height = (float)view.Height;
var x = (float)view.X;
if (Math.Abs(translationX) > epsilon || Math.Abs(translationY) > epsilon)
transform = transform.Translate(translationX, translationY, 0);
- if (Math.Abs(scale - 1) > epsilon)
- transform = transform.Scale(scale);
+ if (Math.Abs(scaleX - 1) > epsilon || Math.Abs(scaleY - 1) > epsilon)
+ transform = transform.Scale(scaleX, scaleY, scale);
// not just an optimization, iOS will not "pixel align" a view which has m34 set
if (Math.Abs(rotationY % 180) > epsilon || Math.Abs(rotationX % 180) > epsilon)