Dynamic binding to change width and height of control

Question

Hi

I try to change the width and height of a relative panel but i can't see any change

Here the xaml

and the code

Public NotInheritable Class MainPage  
    Inherits Page  
    Implements INotifyPropertyChanged  
    Private widthboard As Double  
    Private heightboard As Double  
    Public Property widthboardx As Double  
        Get  
            Return widthboard  
        End Get  
        Set(ByVal value As Double)  
            widthboard = value  
            RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs(“widthboardx”))  
        End Set  
    End Property  
    Public Property heightboardx As Double  
        Get  
            Return heightboard  
        End Get  
        Set(ByVal value As Double)  
            heightboard = value  
            RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs(“heightboardx”))  
        End Set  
    End Property  
  
    Public Event PropertyChanged As PropertyChangedEventHandler Implements INotifyPropertyChanged.PropertyChanged  
  
    Private Sub valid_Click(sender As Object, e As RoutedEventArgs) Handles valid.Click  
        heightboardx = theheight.Text  
        widthboardx = thewidth.Text  
        panel.Opacity = 1  
  
    End Sub  
End Class  

Thanks

Answer 1

Hello,

Welcome to Microsoft Q&A!

The default mode of x:Bind is OneTime which means it only changes the value one time, if you want to update the value of the target when you change the width or height property, you need to set the mode as OneWay.

.xaml:

<RelativePanel x:Name="panel" Width="{x:Bind Path=widthboardx,Mode=OneWay}" Height="{x:Bind Path=heightboardx,Mode=OneWay}" RelativePanel.AlignHorizontalCenterWithPanel="True" RelativePanel.AlignVerticalCenterWithPanel="True">
     ......
</RelativePanel>