Xaml Tutorial By Allan

  • View
    1.465

  • Download
    3

Embed Size (px)

Text of Xaml Tutorial By Allan

  • 1. XAML Allan Li

2.

  • XAML
  • XAML
  • XAML
  • XAML

3. XAML 4. XAML=e X tensibleA pplicationM arkupL anguage 5. XAML Designer Developer 6. XAML 7. XAML

  • For example:

8. XAML : Tags Tags Tags (Rectangle) (Canvas) XAML tags , , tags (Storyboard/Trigger) 9. XAML Canvas Brushes :Rectangle,Ellipse,Line,Polygon,etc. TextBlock Image Layout Color Shape Content Media 10. Canvas(1)

  • For example:
  • Canvas , Canvas
  • Canvas

The Canvas The Rectangle 11. Canvas(2)

  • Canvas XAML (Silverlight)

12. Canvas(3)

  • Canvas

13. (Shape)

14. Brushes( 1 ) / , , Brushes (Solid) , , 15. Brushes( 2 )

    • 141 (e.g. Blue, Red, Green)
      • #FFFFFF#FFFFFFFF 16

16. Brushes( 3 )

    • Start Stop ,
    • Gradient Stops

17. Brushes( 4 ) 18. Brushes( 5 ) 19. Hello Hello Hello Hello Hello Hello Hello there, how are you? Hello there, how are you? Hello there,how are you? Hello there,how are you? 20. , 21. XAML 22. , , 23. (2) 24. (3)

25. (4) 26. , 27. XAML 28. XAML XAML XAML XAML 29. XAML 30. Triggers( )

    • EventTrigger
      • RoutedEvent
        • (Canvas.Loaded)
      • SourceName
        • RoutedEvent
      • Actions
        • (BeginStoryboard)

31. Storyboard( )

      • TargetName , TargetProperty
      • From, By and To
      • Duration
      • AutoReverse
      • RepeatBehavior

32.

  • DoubleAnimation

33. (2)

  • ColorAnimation

... ... 34. (3)

  • PointAnimation
    • Point (e.g 100,100)

... ... ... ... 35.

  • Keyframe Animations
  • DoubleAnimationUsingKeyFrames
  • ColorAnimationUsingKeyFrames
  • PointAnimationUsingKeyFrames
    • Keyframe

36.

    • Discrete
    • Linear
    • Spline

37. (Demo) ... ... 38.

    • Thanks
    • [email_address]