RotateElement.axaml代码

<Window xmlns="https://github.com/avaloniaui"
        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"
        Height="314" Width="305"
        x:Class="AvaloniaUI.RotateElement"
        Title="RotateElement">
    <StackPanel>
        <StackPanel Margin="25"  Background="LightYellow">
            <!--以控件中心旋转-->
            <Button Padding="5" HorizontalAlignment="Left">
                <Button.RenderTransform>
                    <RotateTransform Angle="35"/>
                </Button.RenderTransform>
                <Button.Content>I'm rotated 35 degrees</Button.Content>
            </Button>
            <Button Padding="5" HorizontalAlignment="Left">I'm not</Button>
        </StackPanel>

        <StackPanel x:Name="layout" Margin="25"  Background="LightYellow">
            <!--以控件右下角旋转-->
            <Button Padding="5" HorizontalAlignment="Left" RenderTransformOrigin="100%,100%">
                <Button.RenderTransform>
                    <RotateTransform Angle="35"/>
                </Button.RenderTransform>
                <Button.Content>I'm rotated 35 degrees</Button.Content>
            </Button>
            <Button Padding="5" HorizontalAlignment="Left">I'm not</Button>
        </StackPanel>
    </StackPanel>
</Window>

RotateElement.axaml.cs代码

using Avalonia;
using Avalonia.Controls;
using Avalonia.Markup.Xaml;

namespace AvaloniaUI;

public partial class RotateElement : Window
{
    public RotateElement()
    {
        InitializeComponent();
    }
}

运行效果

image

 

posted on 2025-09-05 09:25  dalgleish  阅读(5)  评论(0)    收藏  举报