Skip to content

Commit d5fc42c

Browse files
dreampiggydreampiggy
committed
Add the example to use SVG and PDF vector image
1 parent a6b8ba4 commit d5fc42c

File tree

8 files changed

+56
-15
lines changed

8 files changed

+56
-15
lines changed

‎Example/Podfile‎

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,28 @@
11
use_frameworks!
22

3-
target 'SDWebImageSwiftUIDemo' do
4-
platform :ios, '13.0'
3+
def all_pods
54
pod 'SDWebImageSwiftUI', :path => '../'
65
pod 'SDWebImageWebPCoder'
6+
pod 'SDWebImageSVGCoder'
7+
pod 'SDWebImagePDFCoder'
8+
end
9+
10+
target 'SDWebImageSwiftUIDemo' do
11+
platform :ios, '13.0'
12+
all_pods
713
end
814

915
target 'SDWebImageSwiftUIDemo-macOS' do
1016
platform :osx, '10.15'
11-
pod 'SDWebImageSwiftUI', :path => '../'
12-
pod 'SDWebImageWebPCoder'
17+
all_pods
1318
end
1419

1520
target 'SDWebImageSwiftUIDemo-tvOS' do
1621
platform :tvos, '13.0'
17-
pod 'SDWebImageSwiftUI', :path => '../'
18-
pod 'SDWebImageWebPCoder'
22+
all_pods
1923
end
2024

2125
target 'SDWebImageSwiftUIDemo-watchOS WatchKit Extension' do
2226
platform :watchos, '6.0'
23-
pod 'SDWebImageSwiftUI', :path => '../'
24-
pod 'SDWebImageWebPCoder'
27+
all_pods
2528
end

‎Example/SDWebImageSwiftUI.xcodeproj/project.pbxproj‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -622,13 +622,17 @@
622622
inputPaths = (
623623
"${PODS_ROOT}/Target Support Files/Pods-SDWebImageSwiftUIDemo-tvOS/Pods-SDWebImageSwiftUIDemo-tvOS-frameworks.sh",
624624
"${BUILT_PRODUCTS_DIR}/SDWebImage-tvOS/SDWebImage.framework",
625+
"${BUILT_PRODUCTS_DIR}/SDWebImagePDFCoder-tvOS/SDWebImagePDFCoder.framework",
626+
"${BUILT_PRODUCTS_DIR}/SDWebImageSVGCoder-tvOS/SDWebImageSVGCoder.framework",
625627
"${BUILT_PRODUCTS_DIR}/SDWebImageSwiftUI-tvOS/SDWebImageSwiftUI.framework",
626628
"${BUILT_PRODUCTS_DIR}/SDWebImageWebPCoder-tvOS/SDWebImageWebPCoder.framework",
627629
"${BUILT_PRODUCTS_DIR}/libwebp-tvOS/libwebp.framework",
628630
);
629631
name = "[CP] Embed Pods Frameworks";
630632
outputPaths = (
631633
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImage.framework",
634+
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImagePDFCoder.framework",
635+
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImageSVGCoder.framework",
632636
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImageSwiftUI.framework",
633637
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImageWebPCoder.framework",
634638
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/libwebp.framework",
@@ -646,13 +650,17 @@
646650
inputPaths = (
647651
"${PODS_ROOT}/Target Support Files/Pods-SDWebImageSwiftUIDemo-macOS/Pods-SDWebImageSwiftUIDemo-macOS-frameworks.sh",
648652
"${BUILT_PRODUCTS_DIR}/SDWebImage-macOS/SDWebImage.framework",
653+
"${BUILT_PRODUCTS_DIR}/SDWebImagePDFCoder-macOS/SDWebImagePDFCoder.framework",
654+
"${BUILT_PRODUCTS_DIR}/SDWebImageSVGCoder-macOS/SDWebImageSVGCoder.framework",
649655
"${BUILT_PRODUCTS_DIR}/SDWebImageSwiftUI-macOS/SDWebImageSwiftUI.framework",
650656
"${BUILT_PRODUCTS_DIR}/SDWebImageWebPCoder-macOS/SDWebImageWebPCoder.framework",
651657
"${BUILT_PRODUCTS_DIR}/libwebp-macOS/libwebp.framework",
652658
);
653659
name = "[CP] Embed Pods Frameworks";
654660
outputPaths = (
655661
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImage.framework",
662+
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImagePDFCoder.framework",
663+
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImageSVGCoder.framework",
656664
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImageSwiftUI.framework",
657665
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImageWebPCoder.framework",
658666
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/libwebp.framework",
@@ -670,13 +678,17 @@
670678
inputPaths = (
671679
"${PODS_ROOT}/Target Support Files/Pods-SDWebImageSwiftUIDemo/Pods-SDWebImageSwiftUIDemo-frameworks.sh",
672680
"${BUILT_PRODUCTS_DIR}/SDWebImage-iOS/SDWebImage.framework",
681+
"${BUILT_PRODUCTS_DIR}/SDWebImagePDFCoder-iOS/SDWebImagePDFCoder.framework",
682+
"${BUILT_PRODUCTS_DIR}/SDWebImageSVGCoder-iOS/SDWebImageSVGCoder.framework",
673683
"${BUILT_PRODUCTS_DIR}/SDWebImageSwiftUI-iOS/SDWebImageSwiftUI.framework",
674684
"${BUILT_PRODUCTS_DIR}/SDWebImageWebPCoder-iOS/SDWebImageWebPCoder.framework",
675685
"${BUILT_PRODUCTS_DIR}/libwebp-iOS/libwebp.framework",
676686
);
677687
name = "[CP] Embed Pods Frameworks";
678688
outputPaths = (
679689
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImage.framework",
690+
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImagePDFCoder.framework",
691+
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImageSVGCoder.framework",
680692
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImageSwiftUI.framework",
681693
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImageWebPCoder.framework",
682694
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/libwebp.framework",
@@ -716,13 +728,17 @@
716728
inputPaths = (
717729
"${PODS_ROOT}/Target Support Files/Pods-SDWebImageSwiftUIDemo-watchOS WatchKit Extension/Pods-SDWebImageSwiftUIDemo-watchOS WatchKit Extension-frameworks.sh",
718730
"${BUILT_PRODUCTS_DIR}/SDWebImage-watchOS/SDWebImage.framework",
731+
"${BUILT_PRODUCTS_DIR}/SDWebImagePDFCoder-watchOS/SDWebImagePDFCoder.framework",
732+
"${BUILT_PRODUCTS_DIR}/SDWebImageSVGCoder-watchOS/SDWebImageSVGCoder.framework",
719733
"${BUILT_PRODUCTS_DIR}/SDWebImageSwiftUI-watchOS/SDWebImageSwiftUI.framework",
720734
"${BUILT_PRODUCTS_DIR}/SDWebImageWebPCoder-watchOS/SDWebImageWebPCoder.framework",
721735
"${BUILT_PRODUCTS_DIR}/libwebp-watchOS/libwebp.framework",
722736
);
723737
name = "[CP] Embed Pods Frameworks";
724738
outputPaths = (
725739
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImage.framework",
740+
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImagePDFCoder.framework",
741+
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImageSVGCoder.framework",
726742
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImageSwiftUI.framework",
727743
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/SDWebImageWebPCoder.framework",
728744
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/libwebp.framework",

‎Example/SDWebImageSwiftUIDemo-macOS/AppDelegate.swift‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,8 @@ import Cocoa
1010
import SwiftUI
1111
import SDWebImage
1212
import SDWebImageWebPCoder
13+
import SDWebImageSVGCoder
14+
import SDWebImagePDFCoder
1315

1416
@NSApplicationMain
1517
class AppDelegate: NSObject, NSApplicationDelegate {
@@ -30,8 +32,10 @@ class AppDelegate: NSObject, NSApplicationDelegate {
3032
window.setFrameAutosaveName("Main Window")
3133
window.contentView = NSHostingView(rootView: contentView)
3234
window.makeKeyAndOrderFront(nil)
33-
// Add WebP support
35+
// Add WebP/SVG/PDF support
3436
SDImageCodersManager.shared.addCoder(SDImageWebPCoder.shared)
37+
SDImageCodersManager.shared.addCoder(SDImageSVGCoder.shared)
38+
SDImageCodersManager.shared.addCoder(SDImagePDFCoder.shared)
3539
}
3640

3741
func applicationWillTerminate(_ aNotification: Notification) {

‎Example/SDWebImageSwiftUIDemo-tvOS/AppDelegate.swift‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,8 @@ import UIKit
1010
import SwiftUI
1111
import SDWebImage
1212
import SDWebImageWebPCoder
13+
import SDWebImageSVGCoder
14+
import SDWebImagePDFCoder
1315

1416
@UIApplicationMain
1517
class AppDelegate: UIResponder, UIApplicationDelegate {
@@ -27,8 +29,10 @@ class AppDelegate: UIResponder, UIApplicationDelegate {
2729
window.rootViewController = UIHostingController(rootView: contentView)
2830
self.window = window
2931
window.makeKeyAndVisible()
30-
// Add WebP support
32+
// Add WebP/SVG/PDF support
3133
SDImageCodersManager.shared.addCoder(SDImageWebPCoder.shared)
34+
SDImageCodersManager.shared.addCoder(SDImageSVGCoder.shared)
35+
SDImageCodersManager.shared.addCoder(SDImagePDFCoder.shared)
3236

3337
return true
3438
}

‎Example/SDWebImageSwiftUIDemo-watchOS WatchKit Extension/ExtensionDelegate.swift‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,13 +9,17 @@
99
import WatchKit
1010
import SDWebImage
1111
import SDWebImageWebPCoder
12+
import SDWebImageSVGCoder
13+
import SDWebImagePDFCoder
1214

1315
class ExtensionDelegate: NSObject, WKExtensionDelegate {
1416

1517
func applicationDidFinishLaunching() {
1618
// Perform any final initialization of your application.
17-
// Add WebP support
19+
// Add WebP/SVG/PDF support
1820
SDImageCodersManager.shared.addCoder(SDImageWebPCoder.shared)
21+
SDImageCodersManager.shared.addCoder(SDImageSVGCoder.shared)
22+
SDImageCodersManager.shared.addCoder(SDImagePDFCoder.shared)
1923
}
2024

2125
func applicationDidBecomeActive() {

‎Example/SDWebImageSwiftUIDemo/AppDelegate.swift‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,8 @@
99
import UIKit
1010
import SDWebImage
1111
import SDWebImageWebPCoder
12+
import SDWebImageSVGCoder
13+
import SDWebImagePDFCoder
1214

1315
@UIApplicationMain
1416
class AppDelegate: UIResponder, UIApplicationDelegate {
@@ -17,8 +19,10 @@ class AppDelegate: UIResponder, UIApplicationDelegate {
1719

1820
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
1921
// Override point for customization after application launch.
20-
// Add WebP support
22+
// Add WebP/SVG/PDF support
2123
SDImageCodersManager.shared.addCoder(SDImageWebPCoder.shared)
24+
SDImageCodersManager.shared.addCoder(SDImageSVGCoder.shared)
25+
SDImageCodersManager.shared.addCoder(SDImagePDFCoder.shared)
2226
return true
2327
}
2428

‎Example/SDWebImageSwiftUIDemo/ContentView.swift‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,12 @@ struct ContentView: View {
3232
"https://www.sample-videos.com/img/Sample-png-image-1mb.png",
3333
"https://nr-platform.s3.amazonaws.com/uploads/platform/published_extension/branding_icon/275/AmazonS3.png",
3434
"https://raw.githubusercontent.com/ibireme/YYImage/master/Demo/YYImageDemo/mew_baseline.jpg",
35-
"http://via.placeholder.com/200x200.jpg"]
35+
"http://via.placeholder.com/200x200.jpg",
36+
"https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/w3c.svg",
37+
"https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/wikimedia.svg",
38+
"https://raw.githubusercontent.com/icons8/flat-color-icons/master/pdf/stack_of_photos.pdf",
39+
"https://raw.githubusercontent.com/icons8/flat-color-icons/master/pdf/smartphone_tablet.pdf"
40+
]
3641
@State var animated: Bool = false // You can change between WebImage/AnimatedImage
3742

3843
var body: some View {

‎README.md‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ Since SDWebImageSwiftUI is built on top of SDWebImage, it provide both the out-o
2525
- [x] Multiple caches system, query from different source
2626
- [x] Multiple loaders system, load from different resource
2727

28-
You can also get all benefits from the existing community around with SDWebImage. You can have massive image format support (GIF/APNG/WebP/HEIF/AVIF) via [Coder Plugins](https://github.com/SDWebImage/SDWebImage/wiki/Coder-Plugin-List), PhotoKit support via [SDWebImagePhotosPlugin](https://github.com/SDWebImage/SDWebImagePhotosPlugin), Firebase integration via [FirebaseUI](https://github.com/firebase/FirebaseUI-iOS), etc.
28+
You can also get all benefits from the existing community around with SDWebImage. You can have massive image format support (GIF/APNG/WebP/HEIF/AVIF/SVG/PDF) via [Coder Plugins](https://github.com/SDWebImage/SDWebImage/wiki/Coder-Plugin-List), PhotoKit support via [SDWebImagePhotosPlugin](https://github.com/SDWebImage/SDWebImagePhotosPlugin), Firebase integration via [FirebaseUI](https://github.com/firebase/FirebaseUI-iOS), etc.
2929

3030
Besides all these features, we do optimization for SwiftUI, like Binding, View Modifier, using the same design pattern to become a good SwiftUI citizen.
3131

@@ -107,11 +107,12 @@ var body: some View {
107107
}
108108
```
109109

110-
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.
110+
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 animated image and vector image.
111111

112112
### Using `AnimatedImage` to play animation
113113

114114
- [x] Supports network image as well as local data and bundle image
115+
- [x] Supports animated image format as well as vector image format
115116
- [x] Supports animated progressive image loading (like web browser)
116117
- [x] Supports animation control using the SwiftUI Binding
117118
- [x] Supports indicator and transition, powered by SDWebImage and Core Animation

0 commit comments

Comments
 (0)