Hi Michael,
Dein Canvas benötigt eine Vorgabe für eine Größe, die als Standard-Größe dient. Wenn jetzt der Canvas-Container in der Größe geändert wird, musst Du entscheiden, was passieren soll. Eine Möglichkeit ist die Skalierung. Dazu mal eine kleine Demo:
XAML:
<Page
x:Class="UWP10App1VB.Page11"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:UWP10App1VB"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Canvas Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Canvas.RenderTransform>
<ScaleTransform ScaleX="{Binding ScaleFactor, Mode=OneWay}" ScaleY="{Binding ScaleFactor, Mode=OneWay}"/>
</Canvas.RenderTransform>
<Image>
<Image.Source>
<BitmapImage x:Name="imageSource" UriSource="Assets/Bild.jpg"/>
</Image.Source>
</Image>
<Button Content="Button" Canvas.Left="200" Canvas.Top="100" Background="Red"/>
</Canvas>
</Page>
Und dazu der CodeBehind, wo auf eine Standardbreite von 500 proportional skaliert wird.
Public NotInheritable Class Page11
Inherits Page
Implements INotifyPropertyChanged
Private Sub Page11_Loaded(sender As Object, e As RoutedEventArgs) Handles Me.Loaded
Me.DataContext = Me
End Sub
Public Property ScaleFactor As Double = 1
Private Sub Page11_SizeChanged(sender As Object, e As SizeChangedEventArgs) Handles Me.SizeChanged
Scalefactor = e.NewSize.Width / 500
OnPropertyChanged(NameOf(ScaleFactor))
End Sub
Public Event PropertyChanged As PropertyChangedEventHandler Implements INotifyPropertyChanged.PropertyChanged
Friend Sub OnPropertyChanged(<CallerMemberName> Optional propName As String = "")
RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs(propName))
End Sub
End Class
--
Viele Grüsse
Peter Fleischer (ehem. MVP)
Meine Homepage mit Tipps und Tricks
