Tenho uma imagem de raio de sol que estou tentando girar em uma janela. Eu girei muito bem, mas a imagem é um grande quadrado, então preenche a proporção da janela. No entanto, quando gira, a imagem tem o formato exato da janela. Achei que iria preencher a janela e girar para fora da janela para dar um efeito de imagem completo. Não tenho certeza se isso está explicando corretamente. A janela tem 800 x 450 e a imagem tem 918 x 918 (fiz as contas para o tamanho que precisava). Aqui está o que parece.
Quero que preencha toda a janela enquanto ela gira e não consigo descobrir isso. Aqui está meu código completo. Embora eu não esteja mostrando o rótulo lblPlayer na imagem que postei.
<Window x:Class="currentPlayer"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:DartOverviewHistory"
mc:Ignorable="d"
Title="currentPlayer" Height="450" Width="800" WindowStyle="None" WindowState="Maximized" ResizeMode="NoResize" Background="Black" >
<Window.Resources>
</Window.Resources>
<Grid>
<Image Source="/images/finalStar.png" Width="918" Height="918" HorizontalAlignment="Center" VerticalAlignment="Center" Opacity=".3">
<Image.RenderTransform>
<RotateTransform CenterX="459" CenterY="459" />
</Image.RenderTransform>
<Image.Style>
<Style>
<Style.Triggers>
<Trigger Property="Image.IsEnabled" Value="True">
<Trigger.EnterActions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetProperty="RenderTransform.Angle"
From="0"
To="360"
Duration="0:1:0"
RepeatBehavior="Forever" />
</Storyboard>
</BeginStoryboard>
</Trigger.EnterActions>
</Trigger>
</Style.Triggers>
</Style>
</Image.Style>
</Image>
<Viewbox x:Name="vb1" Visibility="Visible">
<Label x:Name="lblPlayer" Content="CAROLINE" Foreground="White" FontFamily="Cascadia Code" FontWeight="Bold" Background="Transparent"/>
</Viewbox>
<Label Margin="591,308,0,0" />
</Grid>
Não tenho certeza do que estou fazendo de errado. Obrigado por qualquer ajuda que você possa me dar sobre isso.
A imagem aparentemente está cortada pelo layout da janela.
Você pode contornar isso com um elemento Canvas adicional que não corta seus filhos:
A margem negativa também resolverá o problema.