WPF에서 그리드 배경 이미지를 회전하는 방법은 무엇입니까?

Sagotharan

WPF에서 그리드 배경 이미지를 회전하고 싶습니다. 이미지 회전을위한 애니메이션 코드가 있습니다. 하지만 그리드 배경에서 구현할 때 Image가 허용되지 않으므로 Imagebrush 만 허용됩니다.

  <Grid.Background>
            <ImageBrush ImageSource="../Images/1.jpg" Stretch="UniformToFill" TileMode="Tile"/>
  </Grid.Background>

WPF에서 애니메이션 코드 아래에서 구현할 수 없습니다.

<Canvas ClipToBounds="True" >
                <Image Source="/Images/1.jpg" Width="600"  >
                    <Image.RenderTransform>
                        <RotateTransform x:Name="TransRotate" />
                    </Image.RenderTransform>
                    <Image.Triggers>
                        <EventTrigger RoutedEvent="Image.Loaded">
                            <BeginStoryboard>
                                <Storyboard TargetProperty="Angle">
                                    <DoubleAnimation Storyboard.TargetName="TransRotate" Storyboard.TargetProperty="Angle" By="40" Duration="0:0:10" AutoReverse="True" RepeatBehavior="Forever" />
                                    <DoubleAnimation Storyboard.TargetName="TransRotate" Storyboard.TargetProperty="Angle" By="-40" Duration="0:0:15" AutoReverse="True" RepeatBehavior="Forever" />
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                    </Image.Triggers>
                </Image>
            </Canvas>

1- 편집

이미지를 그리드의 콘텐츠로 설정하면 0 행에 이미지 애니메이션 만 표시됩니다.

<Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <Canvas ClipToBounds="True" > 
        <Image Name="logo" Source="/Images/1.jpg" Width="800"  >
            <Image.RenderTransform>
                <RotateTransform x:Name="TransRotate" />
            </Image.RenderTransform>
            <Image.Triggers>
                <EventTrigger RoutedEvent="Image.Loaded">
                    <BeginStoryboard>
                        <Storyboard TargetProperty="Angle">
                            <DoubleAnimation Storyboard.TargetName="TransRotate" Storyboard.TargetProperty="Angle" By="40" Duration="0:0:10" AutoReverse="True" RepeatBehavior="Forever" />
                            <DoubleAnimation Storyboard.TargetName="TransRotate" Storyboard.TargetProperty="Angle" By="-40" Duration="0:0:15" AutoReverse="True" RepeatBehavior="Forever" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Image.Triggers>
        </Image>
        </Canvas>

        <Border Grid.Row="0" Height="180" >
            <Image Source="Images/01.jpg" Height="100" />
        </Border>

        <Border Grid.Row="1" Height="180">
            <Image Source="Images/01.jpg" Height="100" />
        </Border>

        <Border Grid.Row="2" Height="180">
            <Image Source="Images/01.jpg" Height="100" />
        </Border>
    </Grid>

여기에 이미지 설명 입력

여기에 이미지 설명 입력

클레멘스

아래 예제와 같이 ImageBrush를 회전 할 수 있습니다. RotateTransform CenterXCenterY속성 을 설정할 수도 있습니다 .

<Grid>
    <Grid.Background>
        <ImageBrush ImageSource="C:\Users\Public\Pictures\Sample Pictures\Koala.jpg"
                    Stretch="UniformToFill">
            <ImageBrush.Transform>
                <RotateTransform/>
            </ImageBrush.Transform>
        </ImageBrush>
    </Grid.Background>
    <Grid.Triggers>
        <EventTrigger RoutedEvent="Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation
                        Storyboard.TargetProperty="Background.Transform.Angle"
                        By="40" Duration="0:0:10"
                        AutoReverse="True" RepeatBehavior="Forever"/>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Grid.Triggers>
</Grid>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

div의 양쪽에 이미지 그리드를 배치하는 방법은 무엇입니까?

분류에서Dev

Windows Phone에서 코드로 배경 이미지를 설정하는 방법은 무엇입니까?

분류에서Dev

배경 스레드에서 형성하기 위해 비트 맵 이미지를 그리는 방법은 무엇입니까?

분류에서Dev

웹 사이트에서 동적 배경 이미지를 만드는 방법은 무엇입니까?

분류에서Dev

캔버스에 이미지를 추가하고 그 위에 회전 된 텍스트를 배치하는 방법은 무엇입니까?

분류에서Dev

React의 배열에서 미리로드 된 이미지를 매핑하는 방법은 무엇입니까?

분류에서Dev

배경 이미지에 대한 하이퍼 링크를 만드는 방법은 무엇입니까?

분류에서Dev

Rails에서 전체 페이지 배경 이미지를 표시하는 방법은 무엇입니까?

분류에서Dev

경로에서 이미지보기로 이미지를로드하는 방법은 무엇입니까?

분류에서Dev

Slick2D의 중심에서 회전 된 이미지를 그리는 방법은 무엇입니까?

분류에서Dev

각 그리드보기 항목에 다른 배경색을 지정하는 방법은 무엇입니까?

분류에서Dev

슬라이드 이미지 위에 정적 이미지를 배치하는 방법은 무엇입니까?

분류에서Dev

WPF에서 이미지 컨트롤에 이미지를로드하는 방법은 무엇입니까?

분류에서Dev

Tkinter 배경 이미지를 만드는 방법은 무엇입니까?

분류에서Dev

다트에서 이미지를 회전하는 방법은 무엇입니까?

분류에서Dev

div 요소에서 여러 배경 이미지를 전환하는 방법은 무엇입니까?

분류에서Dev

WordPress의 JavaScript 함수에서 이미지 경로를 배열로 전달하는 방법은 무엇입니까?

분류에서Dev

배경 이미지를 화면에 맞추는 방법은 무엇입니까?

분류에서Dev

html, css에 전체 화면 큰 배경 이미지를 삽입하는 방법은 무엇입니까?

분류에서Dev

WPF의 UI에서 변경된 데이터 그리드 항목 소스를 감지하는 방법은 무엇입니까?

분류에서Dev

바이너리에 저장된 데이터베이스의 이미지를 div 배경 이미지로 정의하는 방법은 무엇입니까?

분류에서Dev

WPF에서 배경으로 브러시를 만드는 방법은 무엇입니까?

분류에서Dev

CSS-내 배경에 배경 이미지를 배치하는 방법은 무엇입니까?

분류에서Dev

IE 11에서 선형 그라데이션으로 배경 이미지를 만드는 방법은 무엇입니까?

분류에서Dev

그리드 구조를 깨지 않고 반응 형 크기 조정 텍스트를 이미지 위에 배치하는 방법은 무엇입니까?

분류에서Dev

Ubuntu 13.04에서 터미널 배경에 이미지를 추가하는 방법은 무엇입니까?

분류에서Dev

Ubuntu 13.04에서 터미널 배경에 이미지를 추가하는 방법은 무엇입니까?

분류에서Dev

이 Bootstrap 3 그리드에서 div를 서로 중앙에 배치하는 방법은 무엇입니까?

분류에서Dev

배경 이미지가있는 버튼이 있습니다. 특정 조건에서 mouseleave 이벤트를 트리거하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    div의 양쪽에 이미지 그리드를 배치하는 방법은 무엇입니까?

  2. 2

    Windows Phone에서 코드로 배경 이미지를 설정하는 방법은 무엇입니까?

  3. 3

    배경 스레드에서 형성하기 위해 비트 맵 이미지를 그리는 방법은 무엇입니까?

  4. 4

    웹 사이트에서 동적 배경 이미지를 만드는 방법은 무엇입니까?

  5. 5

    캔버스에 이미지를 추가하고 그 위에 회전 된 텍스트를 배치하는 방법은 무엇입니까?

  6. 6

    React의 배열에서 미리로드 된 이미지를 매핑하는 방법은 무엇입니까?

  7. 7

    배경 이미지에 대한 하이퍼 링크를 만드는 방법은 무엇입니까?

  8. 8

    Rails에서 전체 페이지 배경 이미지를 표시하는 방법은 무엇입니까?

  9. 9

    경로에서 이미지보기로 이미지를로드하는 방법은 무엇입니까?

  10. 10

    Slick2D의 중심에서 회전 된 이미지를 그리는 방법은 무엇입니까?

  11. 11

    각 그리드보기 항목에 다른 배경색을 지정하는 방법은 무엇입니까?

  12. 12

    슬라이드 이미지 위에 정적 이미지를 배치하는 방법은 무엇입니까?

  13. 13

    WPF에서 이미지 컨트롤에 이미지를로드하는 방법은 무엇입니까?

  14. 14

    Tkinter 배경 이미지를 만드는 방법은 무엇입니까?

  15. 15

    다트에서 이미지를 회전하는 방법은 무엇입니까?

  16. 16

    div 요소에서 여러 배경 이미지를 전환하는 방법은 무엇입니까?

  17. 17

    WordPress의 JavaScript 함수에서 이미지 경로를 배열로 전달하는 방법은 무엇입니까?

  18. 18

    배경 이미지를 화면에 맞추는 방법은 무엇입니까?

  19. 19

    html, css에 전체 화면 큰 배경 이미지를 삽입하는 방법은 무엇입니까?

  20. 20

    WPF의 UI에서 변경된 데이터 그리드 항목 소스를 감지하는 방법은 무엇입니까?

  21. 21

    바이너리에 저장된 데이터베이스의 이미지를 div 배경 이미지로 정의하는 방법은 무엇입니까?

  22. 22

    WPF에서 배경으로 브러시를 만드는 방법은 무엇입니까?

  23. 23

    CSS-내 배경에 배경 이미지를 배치하는 방법은 무엇입니까?

  24. 24

    IE 11에서 선형 그라데이션으로 배경 이미지를 만드는 방법은 무엇입니까?

  25. 25

    그리드 구조를 깨지 않고 반응 형 크기 조정 텍스트를 이미지 위에 배치하는 방법은 무엇입니까?

  26. 26

    Ubuntu 13.04에서 터미널 배경에 이미지를 추가하는 방법은 무엇입니까?

  27. 27

    Ubuntu 13.04에서 터미널 배경에 이미지를 추가하는 방법은 무엇입니까?

  28. 28

    이 Bootstrap 3 그리드에서 div를 서로 중앙에 배치하는 방법은 무엇입니까?

  29. 29

    배경 이미지가있는 버튼이 있습니다. 특정 조건에서 mouseleave 이벤트를 트리거하는 방법은 무엇입니까?

뜨겁다태그

보관