PlaneProjection RotationX using DispatcherTimer

Question

Hi

I tried to make simple animation of plane rotation around x axis
i bind the rotationx with variable name xplane and increase it each n milliseconds but nothing happenned

here the xaml

 <RelativePanel x:Name="messagebox" CornerRadius="6,6,6,6" BorderThickness="3,3,3,3" RelativePanel.AlignHorizontalCenterWithPanel="True"
 RelativePanel.AlignVerticalCenterWithPanel="True" Width="250" Height="120" BorderBrush="CornflowerBlue" Opacity="0">
 <RelativePanel.Projection>
   <PlaneProjection RotationX= "{x:Bind Path= xplane }"/>
   </RelativePanel.Projection>

mainpagexaml.vb

Private WithEvents timermessage As New DispatcherTimer

Private Sub solution_Click(sender As Object, e As RoutedEventArgs) Handles solution.Click
        solution.IsEnabled = False
        flagsolution = True
        title.Text = "Click any square"
        xplane = 30
        messagebox.Opacity = 1
        timermessage.Interval = TimeSpan.FromMilliseconds(234)
        timermessage.Start()
    End Sub

Private Sub timermessage_Tick(sender As Object, e As Object) Handles timermessage.Tick
        xplane += 1
        If xplane > 90 Then
            timermessage.Stop()
        End If

    End Sub

Thanks

Answer 1

Make sure that xplane is a property. The class or page you are bound to must implement the INotifyPropertyChanged interface and raise the property changed event every time the xplane value changes. This will let the page know to update the controls the property is bound to

https://surpavan.blogspot.com/2012/05/inotifypropertychanged-vbnet-simple-way.html

Answer 2

Hello,

Welcome to Microsoft Q&A.

If you want to bind the properties in the current page and make dynamic changes, you need to let the class inherit the INotifyPropertyChanged interface and configure the properties. In this way, when the properties are modified, the UI will be notified to change.

Xaml

<RelativePanel x:Name="messagebox" CornerRadius="6,6,6,6" BorderThickness="3,3,3,3" RelativePanel.AlignHorizontalCenterWithPanel="True"
               RelativePanel.AlignVerticalCenterWithPanel="True" Width="250" Height="120" BorderBrush="CornflowerBlue" Opacity="0">
    <RelativePanel.Projection>
        <PlaneProjection RotationX= "{x:Bind Xplane, Mode=OneWay}"/>
    </RelativePanel.Projection>
</RelativePanel>

Xaml.vb

Public NotInheritable Partial Class RelativePanelPage
    Inherits Page
    Implements INotifyPropertyChanged

    Private _xplane As Double

    Public Property Xplane As Double
        Get
            Return _xplane
        End Get
        Set(ByVal value As Double)
            _xplane = value
            OnPropertyChanged("Xplane")
        End Set
    End Property

    Private timermessage As DispatcherTimer = New DispatcherTimer()

    Public Sub New()
        Me.InitializeComponent()
        Xplane = 30
        timermessage.Interval = TimeSpan.FromMilliseconds(234)
        timermessage.Tick += AddressOf Time_Tick
        timermessage.Start()
    End Sub

    Private Sub Time_Tick(ByVal sender As Object, ByVal e As Object)
        Xplane += 1
        If Xplane > 90 Then timermessage.[Stop]()
    End Sub

    Public Event PropertyChanged As PropertyChangedEventHandler

    Public Sub OnPropertyChanged( ByVal Optional propertyName As String)
        PropertyChanged?.Invoke(Me, New PropertyChangedEventArgs(propertyName))
    End Sub
End Class

Thanks.

Answer 3

 implements INotifyPropertyChanged
      Public Property xplane As Double
            Get
                Return xpl
            End Get
            Set(ByVal value As Double)
                xpl = value
                RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs(“xplane”))
            End Set
        End Property
        Public Event PropertyChanged As PropertyChangedEventHandler Implements INotifyPropertyChanged.PropertyChanged