├── AnimatedBarCharts.xcodeproj ├── project.pbxproj ├── project.xcworkspace │ ├── contents.xcworkspacedata │ ├── xcshareddata │ │ └── IDEWorkspaceChecks.plist │ └── xcuserdata │ │ └── mihaileonte.xcuserdatad │ │ └── UserInterfaceState.xcuserstate └── xcuserdata │ └── mihaileonte.xcuserdatad │ ├── xcdebugger │ └── Breakpoints_v2.xcbkptlist │ └── xcschemes │ └── xcschememanagement.plist ├── AnimatedBarCharts ├── AppDelegate.swift ├── Assets.xcassets │ ├── AppIcon.appiconset │ │ └── Contents.json │ ├── Contents.json │ ├── appBackground.colorset │ │ └── Contents.json │ ├── emptyCapsule.colorset │ │ └── Contents.json │ └── filledCapsule.colorset │ │ └── Contents.json ├── Base.lproj │ └── LaunchScreen.storyboard ├── Info.plist ├── Preview Content │ └── Preview Assets.xcassets │ │ └── Contents.json ├── SceneDelegate.swift └── Views │ ├── ArcView.swift │ ├── ContentView.swift │ └── QuarterArcView.swift ├── README.org ├── gif.gif ├── screen.png └── screen2.png /AnimatedBarCharts.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 50; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 8946658F2372E66400932E43 /* ArcView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8946658E2372E66400932E43 /* ArcView.swift */; }; 11 | 894665912372EB5B00932E43 /* QuarterArcView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 894665902372EB5B00932E43 /* QuarterArcView.swift */; }; 12 | 89493D26234E4F8E00379B0A /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 89493D25234E4F8E00379B0A /* AppDelegate.swift */; }; 13 | 89493D28234E4F8E00379B0A /* SceneDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 89493D27234E4F8E00379B0A /* SceneDelegate.swift */; }; 14 | 89493D2A234E4F8E00379B0A /* ContentView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 89493D29234E4F8E00379B0A /* ContentView.swift */; }; 15 | 89493D2C234E4F9500379B0A /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 89493D2B234E4F9500379B0A /* Assets.xcassets */; }; 16 | 89493D2F234E4F9500379B0A /* Preview Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 89493D2E234E4F9500379B0A /* Preview Assets.xcassets */; }; 17 | 89493D32234E4F9500379B0A /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 89493D30234E4F9500379B0A /* LaunchScreen.storyboard */; }; 18 | /* End PBXBuildFile section */ 19 | 20 | /* Begin PBXFileReference section */ 21 | 8946658E2372E66400932E43 /* ArcView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ArcView.swift; sourceTree = ""; }; 22 | 894665902372EB5B00932E43 /* QuarterArcView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = QuarterArcView.swift; sourceTree = ""; }; 23 | 89493D22234E4F8E00379B0A /* AnimatedBarCharts.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = AnimatedBarCharts.app; sourceTree = BUILT_PRODUCTS_DIR; }; 24 | 89493D25234E4F8E00379B0A /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = ""; }; 25 | 89493D27234E4F8E00379B0A /* SceneDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SceneDelegate.swift; sourceTree = ""; }; 26 | 89493D29234E4F8E00379B0A /* ContentView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ContentView.swift; sourceTree = ""; }; 27 | 89493D2B234E4F9500379B0A /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = ""; }; 28 | 89493D2E234E4F9500379B0A /* Preview Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = "Preview Assets.xcassets"; sourceTree = ""; }; 29 | 89493D31234E4F9500379B0A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = ""; }; 30 | 89493D33234E4F9500379B0A /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 31 | /* End PBXFileReference section */ 32 | 33 | /* Begin PBXFrameworksBuildPhase section */ 34 | 89493D1F234E4F8E00379B0A /* Frameworks */ = { 35 | isa = PBXFrameworksBuildPhase; 36 | buildActionMask = 2147483647; 37 | files = ( 38 | ); 39 | runOnlyForDeploymentPostprocessing = 0; 40 | }; 41 | /* End PBXFrameworksBuildPhase section */ 42 | 43 | /* Begin PBXGroup section */ 44 | 8946658D2372E64C00932E43 /* Views */ = { 45 | isa = PBXGroup; 46 | children = ( 47 | 89493D29234E4F8E00379B0A /* ContentView.swift */, 48 | 8946658E2372E66400932E43 /* ArcView.swift */, 49 | 894665902372EB5B00932E43 /* QuarterArcView.swift */, 50 | ); 51 | path = Views; 52 | sourceTree = ""; 53 | }; 54 | 89493D19234E4F8E00379B0A = { 55 | isa = PBXGroup; 56 | children = ( 57 | 89493D24234E4F8E00379B0A /* AnimatedBarCharts */, 58 | 89493D23234E4F8E00379B0A /* Products */, 59 | ); 60 | sourceTree = ""; 61 | }; 62 | 89493D23234E4F8E00379B0A /* Products */ = { 63 | isa = PBXGroup; 64 | children = ( 65 | 89493D22234E4F8E00379B0A /* AnimatedBarCharts.app */, 66 | ); 67 | name = Products; 68 | sourceTree = ""; 69 | }; 70 | 89493D24234E4F8E00379B0A /* AnimatedBarCharts */ = { 71 | isa = PBXGroup; 72 | children = ( 73 | 8946658D2372E64C00932E43 /* Views */, 74 | 89493D25234E4F8E00379B0A /* AppDelegate.swift */, 75 | 89493D27234E4F8E00379B0A /* SceneDelegate.swift */, 76 | 89493D2B234E4F9500379B0A /* Assets.xcassets */, 77 | 89493D30234E4F9500379B0A /* LaunchScreen.storyboard */, 78 | 89493D33234E4F9500379B0A /* Info.plist */, 79 | 89493D2D234E4F9500379B0A /* Preview Content */, 80 | ); 81 | path = AnimatedBarCharts; 82 | sourceTree = ""; 83 | }; 84 | 89493D2D234E4F9500379B0A /* Preview Content */ = { 85 | isa = PBXGroup; 86 | children = ( 87 | 89493D2E234E4F9500379B0A /* Preview Assets.xcassets */, 88 | ); 89 | path = "Preview Content"; 90 | sourceTree = ""; 91 | }; 92 | /* End PBXGroup section */ 93 | 94 | /* Begin PBXNativeTarget section */ 95 | 89493D21234E4F8E00379B0A /* AnimatedBarCharts */ = { 96 | isa = PBXNativeTarget; 97 | buildConfigurationList = 89493D36234E4F9500379B0A /* Build configuration list for PBXNativeTarget "AnimatedBarCharts" */; 98 | buildPhases = ( 99 | 89493D1E234E4F8E00379B0A /* Sources */, 100 | 89493D1F234E4F8E00379B0A /* Frameworks */, 101 | 89493D20234E4F8E00379B0A /* Resources */, 102 | ); 103 | buildRules = ( 104 | ); 105 | dependencies = ( 106 | ); 107 | name = AnimatedBarCharts; 108 | productName = AnimatedBarCharts; 109 | productReference = 89493D22234E4F8E00379B0A /* AnimatedBarCharts.app */; 110 | productType = "com.apple.product-type.application"; 111 | }; 112 | /* End PBXNativeTarget section */ 113 | 114 | /* Begin PBXProject section */ 115 | 89493D1A234E4F8E00379B0A /* Project object */ = { 116 | isa = PBXProject; 117 | attributes = { 118 | LastSwiftUpdateCheck = 1100; 119 | LastUpgradeCheck = 1100; 120 | ORGANIZATIONNAME = "Mihai Leonte"; 121 | TargetAttributes = { 122 | 89493D21234E4F8E00379B0A = { 123 | CreatedOnToolsVersion = 11.0; 124 | }; 125 | }; 126 | }; 127 | buildConfigurationList = 89493D1D234E4F8E00379B0A /* Build configuration list for PBXProject "AnimatedBarCharts" */; 128 | compatibilityVersion = "Xcode 9.3"; 129 | developmentRegion = en; 130 | hasScannedForEncodings = 0; 131 | knownRegions = ( 132 | en, 133 | Base, 134 | ); 135 | mainGroup = 89493D19234E4F8E00379B0A; 136 | productRefGroup = 89493D23234E4F8E00379B0A /* Products */; 137 | projectDirPath = ""; 138 | projectRoot = ""; 139 | targets = ( 140 | 89493D21234E4F8E00379B0A /* AnimatedBarCharts */, 141 | ); 142 | }; 143 | /* End PBXProject section */ 144 | 145 | /* Begin PBXResourcesBuildPhase section */ 146 | 89493D20234E4F8E00379B0A /* Resources */ = { 147 | isa = PBXResourcesBuildPhase; 148 | buildActionMask = 2147483647; 149 | files = ( 150 | 89493D32234E4F9500379B0A /* LaunchScreen.storyboard in Resources */, 151 | 89493D2F234E4F9500379B0A /* Preview Assets.xcassets in Resources */, 152 | 89493D2C234E4F9500379B0A /* Assets.xcassets in Resources */, 153 | ); 154 | runOnlyForDeploymentPostprocessing = 0; 155 | }; 156 | /* End PBXResourcesBuildPhase section */ 157 | 158 | /* Begin PBXSourcesBuildPhase section */ 159 | 89493D1E234E4F8E00379B0A /* Sources */ = { 160 | isa = PBXSourcesBuildPhase; 161 | buildActionMask = 2147483647; 162 | files = ( 163 | 89493D26234E4F8E00379B0A /* AppDelegate.swift in Sources */, 164 | 8946658F2372E66400932E43 /* ArcView.swift in Sources */, 165 | 894665912372EB5B00932E43 /* QuarterArcView.swift in Sources */, 166 | 89493D28234E4F8E00379B0A /* SceneDelegate.swift in Sources */, 167 | 89493D2A234E4F8E00379B0A /* ContentView.swift in Sources */, 168 | ); 169 | runOnlyForDeploymentPostprocessing = 0; 170 | }; 171 | /* End PBXSourcesBuildPhase section */ 172 | 173 | /* Begin PBXVariantGroup section */ 174 | 89493D30234E4F9500379B0A /* LaunchScreen.storyboard */ = { 175 | isa = PBXVariantGroup; 176 | children = ( 177 | 89493D31234E4F9500379B0A /* Base */, 178 | ); 179 | name = LaunchScreen.storyboard; 180 | sourceTree = ""; 181 | }; 182 | /* End PBXVariantGroup section */ 183 | 184 | /* Begin XCBuildConfiguration section */ 185 | 89493D34234E4F9500379B0A /* Debug */ = { 186 | isa = XCBuildConfiguration; 187 | buildSettings = { 188 | ALWAYS_SEARCH_USER_PATHS = NO; 189 | CLANG_ANALYZER_NONNULL = YES; 190 | CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE; 191 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++14"; 192 | CLANG_CXX_LIBRARY = "libc++"; 193 | CLANG_ENABLE_MODULES = YES; 194 | CLANG_ENABLE_OBJC_ARC = YES; 195 | CLANG_ENABLE_OBJC_WEAK = YES; 196 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 197 | CLANG_WARN_BOOL_CONVERSION = YES; 198 | CLANG_WARN_COMMA = YES; 199 | CLANG_WARN_CONSTANT_CONVERSION = YES; 200 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 201 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 202 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 203 | CLANG_WARN_EMPTY_BODY = YES; 204 | CLANG_WARN_ENUM_CONVERSION = YES; 205 | CLANG_WARN_INFINITE_RECURSION = YES; 206 | CLANG_WARN_INT_CONVERSION = YES; 207 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 208 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 209 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 210 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 211 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 212 | CLANG_WARN_STRICT_PROTOTYPES = YES; 213 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 214 | CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE; 215 | CLANG_WARN_UNREACHABLE_CODE = YES; 216 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 217 | COPY_PHASE_STRIP = NO; 218 | DEBUG_INFORMATION_FORMAT = dwarf; 219 | ENABLE_STRICT_OBJC_MSGSEND = YES; 220 | ENABLE_TESTABILITY = YES; 221 | GCC_C_LANGUAGE_STANDARD = gnu11; 222 | GCC_DYNAMIC_NO_PIC = NO; 223 | GCC_NO_COMMON_BLOCKS = YES; 224 | GCC_OPTIMIZATION_LEVEL = 0; 225 | GCC_PREPROCESSOR_DEFINITIONS = ( 226 | "DEBUG=1", 227 | "$(inherited)", 228 | ); 229 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 230 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 231 | GCC_WARN_UNDECLARED_SELECTOR = YES; 232 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 233 | GCC_WARN_UNUSED_FUNCTION = YES; 234 | GCC_WARN_UNUSED_VARIABLE = YES; 235 | IPHONEOS_DEPLOYMENT_TARGET = 13.0; 236 | MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE; 237 | MTL_FAST_MATH = YES; 238 | ONLY_ACTIVE_ARCH = YES; 239 | SDKROOT = iphoneos; 240 | SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG; 241 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 242 | }; 243 | name = Debug; 244 | }; 245 | 89493D35234E4F9500379B0A /* Release */ = { 246 | isa = XCBuildConfiguration; 247 | buildSettings = { 248 | ALWAYS_SEARCH_USER_PATHS = NO; 249 | CLANG_ANALYZER_NONNULL = YES; 250 | CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE; 251 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++14"; 252 | CLANG_CXX_LIBRARY = "libc++"; 253 | CLANG_ENABLE_MODULES = YES; 254 | CLANG_ENABLE_OBJC_ARC = YES; 255 | CLANG_ENABLE_OBJC_WEAK = YES; 256 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 257 | CLANG_WARN_BOOL_CONVERSION = YES; 258 | CLANG_WARN_COMMA = YES; 259 | CLANG_WARN_CONSTANT_CONVERSION = YES; 260 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 261 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 262 | CLANG_WARN_DOCUMENTATION_COMMENTS = YES; 263 | CLANG_WARN_EMPTY_BODY = YES; 264 | CLANG_WARN_ENUM_CONVERSION = YES; 265 | CLANG_WARN_INFINITE_RECURSION = YES; 266 | CLANG_WARN_INT_CONVERSION = YES; 267 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 268 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 269 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 270 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 271 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 272 | CLANG_WARN_STRICT_PROTOTYPES = YES; 273 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 274 | CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE; 275 | CLANG_WARN_UNREACHABLE_CODE = YES; 276 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 277 | COPY_PHASE_STRIP = NO; 278 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 279 | ENABLE_NS_ASSERTIONS = NO; 280 | ENABLE_STRICT_OBJC_MSGSEND = YES; 281 | GCC_C_LANGUAGE_STANDARD = gnu11; 282 | GCC_NO_COMMON_BLOCKS = YES; 283 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 284 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 285 | GCC_WARN_UNDECLARED_SELECTOR = YES; 286 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 287 | GCC_WARN_UNUSED_FUNCTION = YES; 288 | GCC_WARN_UNUSED_VARIABLE = YES; 289 | IPHONEOS_DEPLOYMENT_TARGET = 13.0; 290 | MTL_ENABLE_DEBUG_INFO = NO; 291 | MTL_FAST_MATH = YES; 292 | SDKROOT = iphoneos; 293 | SWIFT_COMPILATION_MODE = wholemodule; 294 | SWIFT_OPTIMIZATION_LEVEL = "-O"; 295 | VALIDATE_PRODUCT = YES; 296 | }; 297 | name = Release; 298 | }; 299 | 89493D37234E4F9500379B0A /* Debug */ = { 300 | isa = XCBuildConfiguration; 301 | buildSettings = { 302 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 303 | CODE_SIGN_STYLE = Automatic; 304 | DEVELOPMENT_ASSET_PATHS = "\"AnimatedBarCharts/Preview Content\""; 305 | DEVELOPMENT_TEAM = V7S7GB28P7; 306 | ENABLE_PREVIEWS = YES; 307 | INFOPLIST_FILE = AnimatedBarCharts/Info.plist; 308 | LD_RUNPATH_SEARCH_PATHS = ( 309 | "$(inherited)", 310 | "@executable_path/Frameworks", 311 | ); 312 | PRODUCT_BUNDLE_IDENTIFIER = dev.leonte.AnimatedBarCharts; 313 | PRODUCT_NAME = "$(TARGET_NAME)"; 314 | SWIFT_VERSION = 5.0; 315 | TARGETED_DEVICE_FAMILY = "1,2"; 316 | }; 317 | name = Debug; 318 | }; 319 | 89493D38234E4F9500379B0A /* Release */ = { 320 | isa = XCBuildConfiguration; 321 | buildSettings = { 322 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 323 | CODE_SIGN_STYLE = Automatic; 324 | DEVELOPMENT_ASSET_PATHS = "\"AnimatedBarCharts/Preview Content\""; 325 | DEVELOPMENT_TEAM = V7S7GB28P7; 326 | ENABLE_PREVIEWS = YES; 327 | INFOPLIST_FILE = AnimatedBarCharts/Info.plist; 328 | LD_RUNPATH_SEARCH_PATHS = ( 329 | "$(inherited)", 330 | "@executable_path/Frameworks", 331 | ); 332 | PRODUCT_BUNDLE_IDENTIFIER = dev.leonte.AnimatedBarCharts; 333 | PRODUCT_NAME = "$(TARGET_NAME)"; 334 | SWIFT_VERSION = 5.0; 335 | TARGETED_DEVICE_FAMILY = "1,2"; 336 | }; 337 | name = Release; 338 | }; 339 | /* End XCBuildConfiguration section */ 340 | 341 | /* Begin XCConfigurationList section */ 342 | 89493D1D234E4F8E00379B0A /* Build configuration list for PBXProject "AnimatedBarCharts" */ = { 343 | isa = XCConfigurationList; 344 | buildConfigurations = ( 345 | 89493D34234E4F9500379B0A /* Debug */, 346 | 89493D35234E4F9500379B0A /* Release */, 347 | ); 348 | defaultConfigurationIsVisible = 0; 349 | defaultConfigurationName = Release; 350 | }; 351 | 89493D36234E4F9500379B0A /* Build configuration list for PBXNativeTarget "AnimatedBarCharts" */ = { 352 | isa = XCConfigurationList; 353 | buildConfigurations = ( 354 | 89493D37234E4F9500379B0A /* Debug */, 355 | 89493D38234E4F9500379B0A /* Release */, 356 | ); 357 | defaultConfigurationIsVisible = 0; 358 | defaultConfigurationName = Release; 359 | }; 360 | /* End XCConfigurationList section */ 361 | }; 362 | rootObject = 89493D1A234E4F8E00379B0A /* Project object */; 363 | } 364 | -------------------------------------------------------------------------------- /AnimatedBarCharts.xcodeproj/project.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /AnimatedBarCharts.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /AnimatedBarCharts.xcodeproj/project.xcworkspace/xcuserdata/mihaileonte.xcuserdatad/UserInterfaceState.xcuserstate: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leontedev/AnimatedBarCharts/3e0a2292ff24c2463bdd1aad6211574650ac26b4/AnimatedBarCharts.xcodeproj/project.xcworkspace/xcuserdata/mihaileonte.xcuserdatad/UserInterfaceState.xcuserstate -------------------------------------------------------------------------------- /AnimatedBarCharts.xcodeproj/xcuserdata/mihaileonte.xcuserdatad/xcdebugger/Breakpoints_v2.xcbkptlist: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | -------------------------------------------------------------------------------- /AnimatedBarCharts.xcodeproj/xcuserdata/mihaileonte.xcuserdatad/xcschemes/xcschememanagement.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | SchemeUserState 6 | 7 | AnimatedBarCharts.xcscheme_^#shared#^_ 8 | 9 | orderHint 10 | 0 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /AnimatedBarCharts/AppDelegate.swift: -------------------------------------------------------------------------------- 1 | // 2 | // AppDelegate.swift 3 | // AnimatedBarCharts 4 | // 5 | // Created by Mihai Leonte on 10/9/19. 6 | // Copyright © 2019 Mihai Leonte. All rights reserved. 7 | // 8 | 9 | import UIKit 10 | 11 | @UIApplicationMain 12 | class AppDelegate: UIResponder, UIApplicationDelegate { 13 | 14 | 15 | 16 | func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool { 17 | // Override point for customization after application launch. 18 | return true 19 | } 20 | 21 | // MARK: UISceneSession Lifecycle 22 | 23 | func application(_ application: UIApplication, configurationForConnecting connectingSceneSession: UISceneSession, options: UIScene.ConnectionOptions) -> UISceneConfiguration { 24 | // Called when a new scene session is being created. 25 | // Use this method to select a configuration to create the new scene with. 26 | return UISceneConfiguration(name: "Default Configuration", sessionRole: connectingSceneSession.role) 27 | } 28 | 29 | func application(_ application: UIApplication, didDiscardSceneSessions sceneSessions: Set) { 30 | // Called when the user discards a scene session. 31 | // If any sessions were discarded while the application was not running, this will be called shortly after application:didFinishLaunchingWithOptions. 32 | // Use this method to release any resources that were specific to the discarded scenes, as they will not return. 33 | } 34 | 35 | 36 | } 37 | 38 | -------------------------------------------------------------------------------- /AnimatedBarCharts/Assets.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "size" : "20x20", 6 | "scale" : "2x" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "size" : "20x20", 11 | "scale" : "3x" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "size" : "29x29", 16 | "scale" : "2x" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "size" : "29x29", 21 | "scale" : "3x" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "size" : "40x40", 26 | "scale" : "2x" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "size" : "40x40", 31 | "scale" : "3x" 32 | }, 33 | { 34 | "idiom" : "iphone", 35 | "size" : "60x60", 36 | "scale" : "2x" 37 | }, 38 | { 39 | "idiom" : "iphone", 40 | "size" : "60x60", 41 | "scale" : "3x" 42 | }, 43 | { 44 | "idiom" : "ipad", 45 | "size" : "20x20", 46 | "scale" : "1x" 47 | }, 48 | { 49 | "idiom" : "ipad", 50 | "size" : "20x20", 51 | "scale" : "2x" 52 | }, 53 | { 54 | "idiom" : "ipad", 55 | "size" : "29x29", 56 | "scale" : "1x" 57 | }, 58 | { 59 | "idiom" : "ipad", 60 | "size" : "29x29", 61 | "scale" : "2x" 62 | }, 63 | { 64 | "idiom" : "ipad", 65 | "size" : "40x40", 66 | "scale" : "1x" 67 | }, 68 | { 69 | "idiom" : "ipad", 70 | "size" : "40x40", 71 | "scale" : "2x" 72 | }, 73 | { 74 | "idiom" : "ipad", 75 | "size" : "76x76", 76 | "scale" : "1x" 77 | }, 78 | { 79 | "idiom" : "ipad", 80 | "size" : "76x76", 81 | "scale" : "2x" 82 | }, 83 | { 84 | "idiom" : "ipad", 85 | "size" : "83.5x83.5", 86 | "scale" : "2x" 87 | }, 88 | { 89 | "idiom" : "ios-marketing", 90 | "size" : "1024x1024", 91 | "scale" : "1x" 92 | } 93 | ], 94 | "info" : { 95 | "version" : 1, 96 | "author" : "xcode" 97 | } 98 | } -------------------------------------------------------------------------------- /AnimatedBarCharts/Assets.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } -------------------------------------------------------------------------------- /AnimatedBarCharts/Assets.xcassets/appBackground.colorset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | }, 6 | "colors" : [ 7 | { 8 | "idiom" : "universal", 9 | "color" : { 10 | "color-space" : "srgb", 11 | "components" : { 12 | "red" : "1.000", 13 | "alpha" : "1.000", 14 | "blue" : "1.000", 15 | "green" : "1.000" 16 | } 17 | } 18 | }, 19 | { 20 | "idiom" : "universal", 21 | "appearances" : [ 22 | { 23 | "appearance" : "luminosity", 24 | "value" : "light" 25 | } 26 | ], 27 | "color" : { 28 | "color-space" : "display-p3", 29 | "components" : { 30 | "red" : "0.542", 31 | "alpha" : "1.000", 32 | "blue" : "0.788", 33 | "green" : "0.940" 34 | } 35 | } 36 | }, 37 | { 38 | "idiom" : "universal", 39 | "appearances" : [ 40 | { 41 | "appearance" : "luminosity", 42 | "value" : "dark" 43 | } 44 | ], 45 | "color" : { 46 | "color-space" : "srgb", 47 | "components" : { 48 | "red" : "0.000", 49 | "alpha" : "1.000", 50 | "blue" : "0.000", 51 | "green" : "0.000" 52 | } 53 | } 54 | } 55 | ] 56 | } -------------------------------------------------------------------------------- /AnimatedBarCharts/Assets.xcassets/emptyCapsule.colorset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | }, 6 | "colors" : [ 7 | { 8 | "idiom" : "universal", 9 | "color" : { 10 | "color-space" : "srgb", 11 | "components" : { 12 | "red" : "1.000", 13 | "alpha" : "1.000", 14 | "blue" : "1.000", 15 | "green" : "1.000" 16 | } 17 | } 18 | }, 19 | { 20 | "idiom" : "universal", 21 | "appearances" : [ 22 | { 23 | "appearance" : "luminosity", 24 | "value" : "light" 25 | } 26 | ], 27 | "color" : { 28 | "color-space" : "display-p3", 29 | "components" : { 30 | "red" : "0.484", 31 | "alpha" : "1.000", 32 | "blue" : "0.733", 33 | "green" : "0.889" 34 | } 35 | } 36 | }, 37 | { 38 | "idiom" : "universal", 39 | "appearances" : [ 40 | { 41 | "appearance" : "luminosity", 42 | "value" : "dark" 43 | } 44 | ], 45 | "color" : { 46 | "color-space" : "srgb", 47 | "components" : { 48 | "red" : "0.261", 49 | "alpha" : "1.000", 50 | "blue" : "0.261", 51 | "green" : "0.261" 52 | } 53 | } 54 | } 55 | ] 56 | } -------------------------------------------------------------------------------- /AnimatedBarCharts/Assets.xcassets/filledCapsule.colorset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | }, 6 | "colors" : [ 7 | { 8 | "idiom" : "universal", 9 | "color" : { 10 | "color-space" : "srgb", 11 | "components" : { 12 | "red" : "1.000", 13 | "alpha" : "1.000", 14 | "blue" : "1.000", 15 | "green" : "1.000" 16 | } 17 | } 18 | }, 19 | { 20 | "idiom" : "universal", 21 | "appearances" : [ 22 | { 23 | "appearance" : "luminosity", 24 | "value" : "light" 25 | } 26 | ], 27 | "color" : { 28 | "color-space" : "srgb", 29 | "components" : { 30 | "red" : "1.000", 31 | "alpha" : "1.000", 32 | "blue" : "1.000", 33 | "green" : "1.000" 34 | } 35 | } 36 | }, 37 | { 38 | "idiom" : "universal", 39 | "appearances" : [ 40 | { 41 | "appearance" : "luminosity", 42 | "value" : "dark" 43 | } 44 | ], 45 | "color" : { 46 | "color-space" : "srgb", 47 | "components" : { 48 | "red" : "0.574", 49 | "alpha" : "1.000", 50 | "blue" : "0.574", 51 | "green" : "0.574" 52 | } 53 | } 54 | } 55 | ] 56 | } -------------------------------------------------------------------------------- /AnimatedBarCharts/Base.lproj/LaunchScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /AnimatedBarCharts/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | $(DEVELOPMENT_LANGUAGE) 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | $(PRODUCT_BUNDLE_IDENTIFIER) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | $(PRODUCT_BUNDLE_PACKAGE_TYPE) 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleVersion 20 | 1 21 | LSRequiresIPhoneOS 22 | 23 | UIApplicationSceneManifest 24 | 25 | UIApplicationSupportsMultipleScenes 26 | 27 | UISceneConfigurations 28 | 29 | UIWindowSceneSessionRoleApplication 30 | 31 | 32 | UISceneConfigurationName 33 | Default Configuration 34 | UISceneDelegateClassName 35 | $(PRODUCT_MODULE_NAME).SceneDelegate 36 | 37 | 38 | 39 | 40 | UILaunchStoryboardName 41 | LaunchScreen 42 | UIRequiredDeviceCapabilities 43 | 44 | armv7 45 | 46 | UISupportedInterfaceOrientations 47 | 48 | UIInterfaceOrientationPortrait 49 | UIInterfaceOrientationLandscapeLeft 50 | UIInterfaceOrientationLandscapeRight 51 | 52 | UISupportedInterfaceOrientations~ipad 53 | 54 | UIInterfaceOrientationPortrait 55 | UIInterfaceOrientationPortraitUpsideDown 56 | UIInterfaceOrientationLandscapeLeft 57 | UIInterfaceOrientationLandscapeRight 58 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /AnimatedBarCharts/Preview Content/Preview Assets.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } -------------------------------------------------------------------------------- /AnimatedBarCharts/SceneDelegate.swift: -------------------------------------------------------------------------------- 1 | // 2 | // SceneDelegate.swift 3 | // AnimatedBarCharts 4 | // 5 | // Created by Mihai Leonte on 10/9/19. 6 | // Copyright © 2019 Mihai Leonte. All rights reserved. 7 | // 8 | 9 | import UIKit 10 | import SwiftUI 11 | 12 | class SceneDelegate: UIResponder, UIWindowSceneDelegate { 13 | 14 | var window: UIWindow? 15 | 16 | 17 | func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) { 18 | // Use this method to optionally configure and attach the UIWindow `window` to the provided UIWindowScene `scene`. 19 | // If using a storyboard, the `window` property will automatically be initialized and attached to the scene. 20 | // This delegate does not imply the connecting scene or session are new (see `application:configurationForConnectingSceneSession` instead). 21 | 22 | // Create the SwiftUI view that provides the window contents. 23 | let contentView = ContentView() 24 | 25 | // Use a UIHostingController as window root view controller. 26 | if let windowScene = scene as? UIWindowScene { 27 | let window = UIWindow(windowScene: windowScene) 28 | window.rootViewController = UIHostingController(rootView: contentView) 29 | self.window = window 30 | window.makeKeyAndVisible() 31 | } 32 | } 33 | 34 | func sceneDidDisconnect(_ scene: UIScene) { 35 | // Called as the scene is being released by the system. 36 | // This occurs shortly after the scene enters the background, or when its session is discarded. 37 | // Release any resources associated with this scene that can be re-created the next time the scene connects. 38 | // The scene may re-connect later, as its session was not neccessarily discarded (see `application:didDiscardSceneSessions` instead). 39 | } 40 | 41 | func sceneDidBecomeActive(_ scene: UIScene) { 42 | // Called when the scene has moved from an inactive state to an active state. 43 | // Use this method to restart any tasks that were paused (or not yet started) when the scene was inactive. 44 | } 45 | 46 | func sceneWillResignActive(_ scene: UIScene) { 47 | // Called when the scene will move from an active state to an inactive state. 48 | // This may occur due to temporary interruptions (ex. an incoming phone call). 49 | } 50 | 51 | func sceneWillEnterForeground(_ scene: UIScene) { 52 | // Called as the scene transitions from the background to the foreground. 53 | // Use this method to undo the changes made on entering the background. 54 | } 55 | 56 | func sceneDidEnterBackground(_ scene: UIScene) { 57 | // Called as the scene transitions from the foreground to the background. 58 | // Use this method to save data, release shared resources, and store enough scene-specific state information 59 | // to restore the scene back to its current state. 60 | } 61 | 62 | 63 | } 64 | 65 | -------------------------------------------------------------------------------- /AnimatedBarCharts/Views/ArcView.swift: -------------------------------------------------------------------------------- 1 | // 2 | // ArcView.swift 3 | // AnimatedBarCharts 4 | // 5 | // Created by Mihai Leonte on 06/11/2019. 6 | // Copyright © 2019 Mihai Leonte. All rights reserved. 7 | // 8 | 9 | import SwiftUI 10 | 11 | struct InsetArc: InsettableShape { 12 | var startAngle: Double 13 | var endAngle: Double 14 | 15 | var clockwise: Bool 16 | var insetAmount: CGFloat = 0 17 | 18 | // To make the Path/Shape animate 19 | var animatableData: Double { 20 | get { return endAngle } 21 | set { endAngle = newValue } 22 | } 23 | 24 | func path(in rect: CGRect) -> Path { 25 | let rotationAdjustment = Angle.degrees(90) 26 | let modifiedStart = Angle(degrees: startAngle) - rotationAdjustment 27 | let modifiedEnd = Angle(degrees: endAngle) - rotationAdjustment 28 | 29 | var path = Path() 30 | 31 | path.addArc(center: CGPoint(x: rect.midX, y: rect.midY), radius: rect.width / 2 - insetAmount, startAngle: modifiedStart, endAngle: modifiedEnd, clockwise: !clockwise) 32 | 33 | return path 34 | } 35 | 36 | func inset(by amount: CGFloat) -> some InsettableShape { 37 | var arc = self 38 | arc.insetAmount += amount 39 | return arc 40 | } 41 | } 42 | 43 | struct ArcView: View { 44 | @State private var networth: Double = 0 { 45 | didSet { 46 | let x = networth * 180 / 250 47 | endAngle = Double(abs(90 - x)) 48 | } 49 | } 50 | @State private var target: Int = 250 51 | 52 | @State private var startAngle: Double = -90 53 | @State private var endAngle: Double = -89 54 | 55 | var body: some View { 56 | VStack { 57 | ZStack { 58 | InsetArc(startAngle: -90, endAngle: 90, clockwise: true) 59 | .stroke(Color.gray, style: StrokeStyle(lineWidth: 20, lineCap: .round, lineJoin: .round)) 60 | .frame(width: 300) 61 | 62 | InsetArc(startAngle: startAngle, endAngle: endAngle, clockwise: true) 63 | .stroke(Color.blue, style: StrokeStyle(lineWidth: 20, lineCap: .round, lineJoin: .round)) 64 | .frame(width: 300) 65 | 66 | VStack { 67 | HStack { 68 | Text("\(Int(networth))k") 69 | .foregroundColor(.blue) 70 | .fontWeight(.heavy) 71 | .font(.system(size:40)) 72 | Spacer() 73 | .frame(width:50) 74 | } 75 | 76 | HStack { 77 | Spacer() 78 | .frame(width:50) 79 | Text(" / \(target)k") 80 | .foregroundColor(.gray) 81 | .fontWeight(.heavy) 82 | .font(.system(size:40)) 83 | } 84 | 85 | Spacer() 86 | .frame(height: 60) 87 | } 88 | 89 | } 90 | 91 | Slider(value: $networth, in: 0...250, step: 1) 92 | 93 | Button(action: { 94 | withAnimation { 95 | self.networth = 160 96 | } 97 | }) { 98 | Text("160k") 99 | } 100 | 101 | Button(action: { 102 | self.networth = 0 103 | }) { 104 | Text("Reset") 105 | } 106 | 107 | 108 | } 109 | } 110 | } 111 | 112 | struct ArcView_Previews: PreviewProvider { 113 | static var previews: some View { 114 | ArcView() 115 | } 116 | } 117 | -------------------------------------------------------------------------------- /AnimatedBarCharts/Views/ContentView.swift: -------------------------------------------------------------------------------- 1 | // 2 | // ContentView.swift 3 | // AnimatedBarCharts 4 | // 5 | // Created by Mihai Leonte on 10/9/19. 6 | // Copyright © 2019 Mihai Leonte. All rights reserved. 7 | // 8 | 9 | import SwiftUI 10 | 11 | struct ContentView: View { 12 | 13 | @State var pickerSelectedItem = 0 14 | @State var dataPoints: [[CGFloat]] = [ 15 | [50, 100, 150, 30, 60, 10, 50], 16 | [150, 200, 50, 90, 150, 60, 120], 17 | [75, 175, 105, 60, 25, 170, 200] 18 | ] 19 | 20 | var body: some View { 21 | 22 | ZStack { 23 | 24 | Color("appBackground").edgesIgnoringSafeArea(.all) 25 | 26 | 27 | VStack { 28 | 29 | VStack { 30 | Text("Networth") 31 | .font(.system(size: 34)) 32 | .fontWeight(.heavy) 33 | 34 | ArcView() 35 | 36 | // HStack { 37 | // ZStack(alignment: .leading) { 38 | // Capsule().frame(width: 330, height: 30) 39 | // .foregroundColor(Color("emptyCapsule")) 40 | // ZStack(alignment: .trailing) { 41 | // Capsule().frame(width: 120, height: 30) 42 | // .foregroundColor(Color("filledCapsule")) 43 | // Text("32%") 44 | // .font(.system(size: 13)) 45 | // .fontWeight(.bold) 46 | // .padding(.trailing, 10) 47 | // } 48 | // 49 | // } 50 | // } 51 | // Text("362k / 1 mil.") 52 | // .font(.system(size: 17)) 53 | // .fontWeight(.medium) 54 | }.padding(.bottom, 50) 55 | 56 | 57 | // Text("Portfolio") 58 | // .font(.system(size: 34)) 59 | // .fontWeight(.heavy) 60 | // 61 | // Picker(selection: $pickerSelectedItem, label: Text("")) { 62 | // Text("Stocks").tag(0) 63 | // Text("Bonds").tag(1) 64 | // Text("Gold").tag(2) 65 | // }.pickerStyle(SegmentedPickerStyle()) 66 | // .padding(.horizontal, 24) 67 | // 68 | // 69 | // 70 | // HStack (spacing: 16) { 71 | // BarView(value: dataPoints[pickerSelectedItem][0], day: "Mo") 72 | // BarView(value: dataPoints[pickerSelectedItem][1], day: "Tu") 73 | // BarView(value: dataPoints[pickerSelectedItem][2], day: "We") 74 | // BarView(value: dataPoints[pickerSelectedItem][3], day: "Th") 75 | // BarView(value: dataPoints[pickerSelectedItem][4], day: "Fr") 76 | // BarView(value: dataPoints[pickerSelectedItem][5], day: "Sa") 77 | // BarView(value: dataPoints[pickerSelectedItem][6], day: "Su") 78 | // }.padding(.top, 24) 79 | // .animation(.default) 80 | 81 | } 82 | 83 | } 84 | 85 | } 86 | } 87 | 88 | struct BarView: View { 89 | var value: CGFloat 90 | var day: String 91 | 92 | var body: some View { 93 | VStack { 94 | ZStack(alignment: .bottom) { 95 | Capsule().frame(width: 30, height: 200) 96 | .foregroundColor(Color("emptyCapsule")) 97 | Capsule().frame(width: 30, height: value) 98 | .foregroundColor(Color("filledCapsule")) 99 | } 100 | Text(day).padding(.top, 8) 101 | } 102 | } 103 | } 104 | 105 | 106 | struct ContentView_Previews: PreviewProvider { 107 | static var previews: some View { 108 | ContentView() 109 | } 110 | } 111 | -------------------------------------------------------------------------------- /AnimatedBarCharts/Views/QuarterArcView.swift: -------------------------------------------------------------------------------- 1 | // 2 | // QuarterArcView.swift 3 | // AnimatedBarCharts 4 | // 5 | // Created by Mihai Leonte on 06/11/2019. 6 | // Copyright © 2019 Mihai Leonte. All rights reserved. 7 | // 8 | 9 | import SwiftUI 10 | 11 | struct QuarterArcView: View { 12 | @State private var networth: Int = 0 13 | @State private var target: Int = 250 14 | 15 | var body: some View { 16 | ZStack { 17 | // InsetArc(startAngle: .degrees(-90), endAngle: .degrees(0), clockwise: true) 18 | // //.strokeBorder(Color.blue, lineWidth: 40) 19 | // .stroke(Color.gray, style: StrokeStyle(lineWidth: 20, lineCap: .round, lineJoin: .round)) 20 | // .frame(width: 300) 21 | // 22 | // InsetArc(startAngle: .degrees(-90), endAngle: .degrees(-40), clockwise: true) 23 | // //.strokeBorder(Color.blue, lineWidth: 40) 24 | // .stroke(Color.blue, style: StrokeStyle(lineWidth: 20, lineCap: .round, lineJoin: .round)) 25 | // .frame(width: 300) 26 | 27 | VStack { 28 | HStack { 29 | Text("\(networth)k") 30 | .foregroundColor(.blue) 31 | .fontWeight(.heavy) 32 | .font(.system(size:30)) 33 | Spacer() 34 | .frame(width:90) 35 | } 36 | 37 | HStack { 38 | Spacer() 39 | .frame(width:10) 40 | Text(" / \(target)k") 41 | .foregroundColor(.gray) 42 | .fontWeight(.heavy) 43 | .font(.system(size:30)) 44 | } 45 | 46 | Spacer() 47 | .frame(height: 60) 48 | } 49 | 50 | } 51 | } 52 | } 53 | 54 | struct QuarterArcView_Previews: PreviewProvider { 55 | static var previews: some View { 56 | QuarterArcView() 57 | } 58 | } 59 | -------------------------------------------------------------------------------- /README.org: -------------------------------------------------------------------------------- 1 | * Animated Progress Bar Charts 2 | 3 | A SwiftUI experiment on capsules. Starting point tutorial: [[https://www.youtube.com/watch?v=5lSJzzI2fj8][Let's Build That App]] 4 | 5 | [[gif.gif]] [[screen2.png]] 6 | 7 | - ZStack with a colored background: 8 | #+BEGIN_SRC Swift 9 | Color("appBackground").edgesIgnoringSafeArea(.all) 10 | #+END_SRC 11 | - Adding a "Color Literal" (autocompletion) to pick colors and use them directly in code. The Color() view is necessary. 12 | - Creating a "Progress Bar" using two Capsules() 13 | #+BEGIN_SRC Swift 14 | ZStack(alignment: .bottom) { 15 | Capsule().frame(width: 30, height: 200) 16 | .foregroundColor(Color("emptyCapsule")) 17 | Capsule().frame(width: 30, height: value) 18 | .foregroundColor(Color("filledCapsule")) 19 | } 20 | #+END_SRC 21 | - Adding animation on the entire HStack view which contains all the horizontal progress bars using the .animation(.default) modifier. 22 | -------------------------------------------------------------------------------- /gif.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leontedev/AnimatedBarCharts/3e0a2292ff24c2463bdd1aad6211574650ac26b4/gif.gif -------------------------------------------------------------------------------- /screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leontedev/AnimatedBarCharts/3e0a2292ff24c2463bdd1aad6211574650ac26b4/screen.png -------------------------------------------------------------------------------- /screen2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leontedev/AnimatedBarCharts/3e0a2292ff24c2463bdd1aad6211574650ac26b4/screen2.png --------------------------------------------------------------------------------