WPF-Drehknopf

Mir helfen plz. Ich brauche animieren, um die Drehung des Knopfes auf der z-Achse, ohne Verwendung von externen Bibliotheken, die nur mit C# und xaml-code.

Ist das möglich? Wie kann ich das tun?

Dank.

InformationsquelleAutor Yevgeniy | 2011-08-23

  1. 12

    Haben Sie einen Blick auf Viewport2DVisual3D

    Dem Beispiel im link macht genau das.

    Edit: Hier ist das Beispiel aus dem link mit einer animation von der Z-Achse

    Sieht wie folgt aus

    WPF-Drehknopf

    <Viewport3D>
    <Viewport3D.Camera>
        <PerspectiveCamera Position="0, 0, 4"/>
    </Viewport3D.Camera>
    <Viewport2DVisual3D x:Name="v2dv3d">
        <Viewport2DVisual3D.Transform>
            <RotateTransform3D>
                <RotateTransform3D.Rotation>
                    <AxisAngleRotation3D Angle="0" Axis="0, 1, 0" />
                </RotateTransform3D.Rotation>
            </RotateTransform3D>
        </Viewport2DVisual3D.Transform>
        <Viewport2DVisual3D.Geometry>
            <MeshGeometry3D Positions="-1,1,0 -1,-1,0 1,-1,0 1,1,0"
                    TextureCoordinates="0,0 0,1 1,1 1,0" TriangleIndices="0 1 2 0 2 3"/>
        </Viewport2DVisual3D.Geometry>

        <Viewport2DVisual3D.Material>
            <DiffuseMaterial Viewport2DVisual3D.IsVisualHostMaterial="True" Brush="White"/>
        </Viewport2DVisual3D.Material>
        <Button Content="Hello, 3D">
            <Button.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <BeginStoryboard>
                        <Storyboard RepeatBehavior="Forever">
                            <Rotation3DAnimation Storyboard.TargetName="v2dv3d"
                                                    Storyboard.TargetProperty="(Viewport2DVisual3D.Transform).(RotateTransform3D.Rotation)"
                                                    Duration="0:0:2"
                                                    BeginTime="0:0:0">
                                <Rotation3DAnimation.From>
                                    <AxisAngleRotation3D Angle="0" Axis="0, 1, 0" />
                                </Rotation3DAnimation.From>
                                <Rotation3DAnimation.To>
                                    <AxisAngleRotation3D Angle="90" Axis="0, 1, 0" />
                                </Rotation3DAnimation.To>
                            </Rotation3DAnimation>
                            <Rotation3DAnimation Storyboard.TargetName="v2dv3d"
                                                    Storyboard.TargetProperty="(Viewport2DVisual3D.Transform).(RotateTransform3D.Rotation)"
                                                    Duration="0:0:2"
                                                    BeginTime="0:0:2">
                                <Rotation3DAnimation.From>
                                    <AxisAngleRotation3D Angle="-90" Axis="0, 1, 0" />
                                </Rotation3DAnimation.From>
                                <Rotation3DAnimation.To>
                                    <AxisAngleRotation3D Angle="0" Axis="0, 1, 0" />
                                </Rotation3DAnimation.To>
                            </Rotation3DAnimation>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Button.Triggers>
        </Button>
    </Viewport2DVisual3D>
    <ModelVisual3D>
        <ModelVisual3D.Content>
            <DirectionalLight Color="#FFFFFFFF" Direction="0,0,-1"/>
        </ModelVisual3D.Content>
    </ModelVisual3D>
</Viewport3D>
    Danke für deine Antwort. Ich war nicht präzise. Ich animieren müssen diesen Prozess.
    Aktualisiert meine Antwort mit einem z-Achse-animation. Fügen Sie ihn und versuchen es 🙂
    Dies ist ein Y-Achsen-rotation. Wenn Sie die Achse bis Z, können Sie auch vereinfachen, das storyboard, weil die Taste schalten Sie niemals von der Kamera Weg.
    Stimmt, das ist nicht der Z-Achse (mixed up 3d mit Z-Achse), aber ich habe das Gefühl, dieser Effekt war es, was der OP wollte. Wie eine sich drehende Logo in 3D (ich könnte falsch sein, natürlich)
    pls, siehe meine Frage stackoverflow.com/questions/15499764/... muss ich drehen mein panel, wenn Benutzer klicken Sie auf die Schaltfläche...

    InformationsquelleAutor Fredrik Hedblad

  2. 1

    Transformationen kann Ihnen helfen, in diesem Fall. Blick auf hier, ob das hilft.

    RotateTransform-Klasse wird verwendet, um zu drehen, ein WPF-Objekt in ein X-Y
    Flugzeug. Es kann angewendet werden, über XAML oder direkt per imperativem code.

    InformationsquelleAutor CharithJ

  3. 1

    Wenn Sie nur brauchen, um drehen Sie den Knopf um die Z-Achse, dann brauchen Sie keine 3D-Grafik. Alle UIElements (z.B. Buttons) haben die Eigenschaft,RenderTransform, die es ermöglicht, grundlegende Umgestaltung Ihrer Standard-Darstellung. Durch Storyboards, WPF können Sie animieren Sie fast jede Abhängigkeitseigenschaft. Sie können verwenden Sie ein storyboard, ausgelöst Last, zu animieren, die Winkel-Eigenschaft RotateTransform angewandt auf die Schaltfläche:

    <Button Width="100" Height="100" Content="Wheeee!">
  <Button.Triggers>
    <EventTrigger RoutedEvent="FrameworkElement.Loaded">
      <BeginStoryboard>
        <Storyboard Storyboard.TargetName="ButtonRotation" Storyboard.TargetProperty="Angle">
          <DoubleAnimation From="0" To="360" Duration="0:0:3" RepeatBehavior="Forever"/>
        </Storyboard>
      </BeginStoryboard>
    </EventTrigger>
  </Button.Triggers>
  <Button.RenderTransform>
    <RotateTransform x:Name="ButtonRotation" CenterX="50" CenterY="50" Angle="45"/>
  </Button.RenderTransform>
</Button>

    Den Viewport2DVisual3D, wie empfohlen von @Meleak, unterstützt auch die animation, und Spaß zu spielen, wenn Sie Zeit haben. So animieren Sie die MSDN-Beispiel, müssen Sie einen Namen für die AxisAngleRotation3D element und wechseln Sie es zum Ziel die Z-Achse:

    <AxisAngleRotation3D x:Name="RotateAboutZ" Angle="40" Axis="0, 0, 1" />

    Dann, wie oben, trigger a storyboard, um zu beginnen, auf das Loaded-Ereignis des Viewport3D. In jedem Fall, wenn Sie mehr Kontrolle über die animation, können Sie machen Sie Ihre storyboard einer benannten Ressource verwiesen werden, die durch andere Veranstaltungen, oder selbst bauen und Steuern Sie ganz in code.

    InformationsquelleAutor Kimberly

Schreibe einen Kommentar