Update the readme with different indicator and transition API for WebImage/AnimatedImage

Author: dreampiggy

Example/SDWebImageSwiftUIDemo/ContentView.swift

@@ -98,10 +98,10 @@ struct ContentView: View {
                             WebImage(url: URL(string:url))
                             .resizable()
                             .indicator(.activity)
-                            .scaledToFit()
-                            .frame(width: CGFloat(100), height: CGFloat(100), alignment: .center)
                             .animation(.easeInOut(duration: 0.5))
                             .transition(.fade)
+                            .scaledToFit()
+                            .frame(width: CGFloat(100), height: CGFloat(100), alignment: .center)
                             #else
                             WebImage(url: URL(string:url))
                             .resizable()

README.md

@@ -64,6 +64,7 @@ let package = Package(
 - [x] Supports placeholder and detail options control for image loading as SDWebImage
 - [x] Supports success/failure/progress changes event for custom handling
 - [x] Supports indicator with activity/progress indicator and customization
+- [x] Supports built-in animation and transition, powered by SwiftUI
 
 Note: This `WebImage` using `Image` for internal implementation, which is the best compatible for SwiftUI layout and animation system. But it supports static image format only, because unlike `UIImageView` in UIKit, SwiftUI's `Image` does not support animation.
 
@@ -75,6 +76,8 @@ var body: some View {
         }
         .resizable()
         .indicator(.activity) // Activity Indicator
+        .animation(.easeInOut(duration: 0.5))
+        .transition(.fade) // Fade Transition
         .scaledToFit()
         .frame(width: 300, height: 300, alignment: .center)
 }
@@ -90,6 +93,7 @@ var body: some View {
         .onFailure { error in
             // Error
         }
+        .indicator(SDWebImageActivityIndicator.medium) // Activity Indicator
         .transition(.fade) // Fade Transition
         .scaledToFit()
         // Data
@@ -104,11 +108,11 @@ var body: some View {
 
 - [x] Supports network image as well as local data and bundle image
 - [x] Supports animation control using the SwiftUI Binding
-- [x] Supports indicator and transition powered by SDWebImage and CoreAnimation
+- [x] Supports indicator and transition, powered by SDWebImage and Core Animation
 - [x] Supports advanced control like loop count, incremental load, buffer size
-- [x] Supports coordinate with native UIKit/AppKit/WKInterface view
+- [x] Supports coordinate with native UIKit/AppKit/WatchKit view
 
-Note: `AnimatedImage` supports both image url or image data for animated image format. Which use the SDWebImage's [Animated ImageView](https://github.com/SDWebImage/SDWebImage/wiki/Advanced-Usage#animated-image-50) for internal implementation. Pay attention that since this base on UIKit/AppKit representable, if you need advanced customized layout and animation, you need CoreAnimation to help.
+Note: `AnimatedImage` supports both image url or image data for animated image format. Which use the SDWebImage's [Animated ImageView](https://github.com/SDWebImage/SDWebImage/wiki/Advanced-Usage#animated-image-50) for internal implementation. Pay attention that since this base on UIKit/AppKit representable, some advanced SwiftUI layout and animation system may not work as expected. You may need UIKit/AppKit and Core Animation to modify the native view.
 
 Note: From v0.4.0, `AnimatedImage` supports watchOS as well. However, it's not backed by SDWebImage's [Animated ImageView](https://github.com/SDWebImage/SDWebImage/wiki/Advanced-Usage#animated-image-50) like iOS/tvOS/macOS. It use some tricks and hacks because of the limitation on current Apple's API. It also use Image/IO decoding system, which means it supports GIF and APNG format only, but not external format like WebP.