Demo radial style progress indicators

SynchronyFinancial/SynchronyFinancial WatchKit App/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -3,39 +3,45 @@
     {
       "size" : "24x24",
       "idiom" : "watch",
+      "filename" : "Icon-24@2x.png",
       "scale" : "2x",
       "role" : "notificationCenter",
       "subtype" : "38mm"
     },
     {
       "size" : "27.5x27.5",
       "idiom" : "watch",
+      "filename" : "Icon-27.5@2x.png",
       "scale" : "2x",
       "role" : "notificationCenter",
       "subtype" : "42mm"
     },
     {
       "size" : "29x29",
       "idiom" : "watch",
+      "filename" : "Icon-29@2x.png",
       "role" : "companionSettings",
       "scale" : "2x"
     },
     {
       "size" : "29x29",
       "idiom" : "watch",
+      "filename" : "Icon-29@3x.png",
       "role" : "companionSettings",
       "scale" : "3x"
     },
     {
       "size" : "40x40",
       "idiom" : "watch",
+      "filename" : "Icon-40@2x.png",
       "scale" : "2x",
       "role" : "appLauncher",
       "subtype" : "38mm"
     },
     {
       "size" : "44x44",
       "idiom" : "watch",
+      "filename" : "Icon-44@2x.png",
       "scale" : "2x",
       "role" : "appLauncher",
       "subtype" : "40mm"
@@ -50,13 +56,15 @@
     {
       "size" : "86x86",
       "idiom" : "watch",
+      "filename" : "Icon-86@2x.png",
       "scale" : "2x",
       "role" : "quickLook",
       "subtype" : "38mm"
     },
     {
       "size" : "98x98",
       "idiom" : "watch",
+      "filename" : "Icon-98@2x.png",
       "scale" : "2x",
       "role" : "quickLook",
       "subtype" : "42mm"
@@ -69,8 +77,9 @@
       "subtype" : "44mm"
     },
     {
-      "idiom" : "watch-marketing",
       "size" : "1024x1024",
+      "idiom" : "watch-marketing",
+      "filename" : "synchrony_app_storeArtboard 2.png",
       "scale" : "1x"
     }
   ],

SynchronyFinancial/SynchronyFinancial WatchKit App/Base.lproj/Interface.storyboard

@@ -45,21 +45,78 @@
             </objects>
             <point key="canvasLocation" x="105" y="102"/>
         </scene>
-        <!--Interface Controller-->
+        <!--Wellness Interface Controller-->
         <scene sceneID="7P2-y3-sP1">
             <objects>
-                <controller id="FsK-xr-8Fi">
+                <controller id="FsK-xr-8Fi" customClass="WellnessInterfaceController" customModule="SynchronyFinancial_WatchKit_Extension">
                     <items>
                         <label width="1" alignment="center" text="Credit Wellness" textAlignment="center" id="eqA-XH-rlH"/>
+                        <imageView width="1" height="86" alignment="center" verticalAlignment="center" image="progress" contentMode="scaleAspectFit" initiallyAnimated="NO" animationDuration="2" id="aTf-mo-FEr"/>
+                        <button width="1" alignment="center" verticalAlignment="bottom" title="Tap For More" id="yYk-gv-I5B">
+                            <fontDescription key="font" type="system" pointSize="13"/>
+                            <connections>
+                                <segue destination="Mki-ad-UCC" kind="modal" id="feD-D2-nPx"/>
+                            </connections>
+                        </button>
                     </items>
+                    <connections>
+                        <outlet property="image" destination="aTf-mo-FEr" id="BOR-Qb-VxH"/>
+                    </connections>
+                </controller>
+            </objects>
+            <point key="canvasLocation" x="414" y="250"/>
+        </scene>
+        <!--Balance Interface Controller-->
+        <scene sceneID="jxS-9m-lB7">
+            <objects>
+                <controller id="Mki-ad-UCC" customClass="BalanceInterfaceController" customModule="SynchronyFinancial_WatchKit_Extension">
+                    <items>
+                        <label width="1" alignment="left" text="Balance Score" textAlignment="center" id="0ed-0W-LKq"/>
+                        <imageView width="1" height="120" alignment="center" verticalAlignment="center" image="scores" contentMode="scaleAspectFit" initiallyAnimated="NO" id="RlX-Hj-mTY"/>
+                    </items>
+                    <connections>
+                        <outlet property="image2" destination="RlX-Hj-mTY" id="9Ni-gP-7T5"/>
+                        <segue destination="RNe-Ul-1jm" kind="relationship" relationship="nextPage" id="idj-33-lnN"/>
+                    </connections>
+                </controller>
+            </objects>
+            <point key="canvasLocation" x="706" y="250"/>
+        </scene>
+        <!--Utilization Interface Controller-->
+        <scene sceneID="nMW-YM-Pwh">
+            <objects>
+                <controller id="RNe-Ul-1jm" customClass="UtilizationInterfaceController" customModule="SynchronyFinancial_WatchKit_Extension">
+                    <items>
+                        <label width="1" alignment="left" text="Utilization Score" textAlignment="center" id="Rzj-RR-iat"/>
+                        <imageView width="1" height="120" alignment="center" verticalAlignment="center" image="scores" contentMode="scaleAspectFit" initiallyAnimated="NO" id="MkL-48-J8l"/>
+                    </items>
+                    <connections>
+                        <outlet property="image3" destination="MkL-48-J8l" id="QRq-aZ-tTD"/>
+                        <segue destination="k4M-kn-ZzM" kind="relationship" relationship="nextPage" id="VDf-IX-Y7J"/>
+                    </connections>
+                </controller>
+            </objects>
+            <point key="canvasLocation" x="962" y="249.5"/>
+        </scene>
+        <!--Account Number Interface Controller-->
+        <scene sceneID="do4-GS-cad">
+            <objects>
+                <controller id="k4M-kn-ZzM" customClass="AccountNumberInterfaceController" customModule="SynchronyFinancial_WatchKit_Extension">
+                    <items>
+                        <label width="1" alignment="left" text="Account Score" textAlignment="center" id="5cf-d7-ssN"/>
+                        <imageView width="1" height="120" alignment="center" verticalAlignment="center" image="scores" contentMode="scaleAspectFit" initiallyAnimated="NO" id="XsN-KK-JY4"/>
+                    </items>
+                    <connections>
+                        <outlet property="image4" destination="XsN-KK-JY4" id="fqD-Hx-YuD"/>
+                    </connections>
                 </controller>
             </objects>
-            <point key="canvasLocation" x="414" y="258"/>
+            <point key="canvasLocation" x="1247" y="250"/>
         </scene>
-        <!--Interface Controller-->
+        <!--Accounts Interface Controller-->
         <scene sceneID="5Qe-Th-pL8">
             <objects>
-                <controller id="Rpu-25-8st">
+                <controller id="Rpu-25-8st" customClass="AccountsInterfaceController" customModule="SynchronyFinancial_WatchKit_Extension">
                     <items>
                         <label width="1" alignment="center" text="Accounts" textAlignment="center" id="JYm-yy-xrH"/>
                     </items>

SynchronyFinancial/SynchronyFinancial WatchKit Extension/AccountNumberInterfaceController.swift

@@ -0,0 +1,35 @@
+//
+//  BalanceInterfaceController.swift
+//  SynchronyFinancial WatchKit Extension
+//
+//  Created by Jonathan Duarte on 2/18/19.
+//  Copyright © 2019 Alan Maynard. All rights reserved.
+//
+
+import WatchKit
+import Foundation
+
+
+class AccountNumberInterfaceController: WKInterfaceController {
+
+    @IBOutlet weak var image4: WKInterfaceImage!
+    override func awake(withContext context: Any?) {
+        super.awake(withContext: context)
+    }
+
+    override func didAppear() {
+        // Called when watch interface is visible to user
+        image4.setImageNamed("scores")
+        image4.startAnimatingWithImages(in: NSRange(location: 0, length: 101), duration: 1.5, repeatCount: 1)
+    }
+
+    override func willActivate() {
+        // This method is called when watch view controller is about to be visible to user
+        super.willActivate()
+    }
+
+    override func didDeactivate() {
+        // This method is called when watch view controller is no longer visible
+        super.didDeactivate()
+    }
+}

SynchronyFinancial/SynchronyFinancial WatchKit Extension/AccountsInterfaceController.swift

@@ -0,0 +1,32 @@
+//
+//  AccountsInterfaceController.swift
+//  SynchronyFinancial
+//
+//  Created by Alan Maynard on 1/14/19.
+//  Copyright © 2019 Alan Maynard. All rights reserved.
+//
+
+import WatchKit
+import Foundation
+import SpriteKit
+
+class AccountsInterfaceController: WKInterfaceController {
+    override func awake(withContext context: Any?) {
+        super.awake(withContext: context)
+
+        // Configure interface objects here.
+    }
+
+    override func willActivate() {
+        // This method is called when watch view controller is about to be visible to user
+        super.willActivate()
+    }
+
+    override func didDeactivate() {
+        // This method is called when watch view controller is no longer visible
+        super.didDeactivate()
+    }
+
+    override func didAppear() {
+    }
+}

SynchronyFinancial/SynchronyFinancial WatchKit Extension/Assets.xcassets/Complication.complicationset/Circular.imageset/Contents.json

@@ -5,10 +5,20 @@
       "scale" : "2x",
       "screen-width" : "<=145"
     },
+    {
+      "idiom" : "watch",
+      "scale" : "2x",
+      "screen-width" : ">161"
+    },
     {
       "idiom" : "watch",
       "scale" : "2x",
       "screen-width" : ">145"
+    },
+    {
+      "idiom" : "watch",
+      "scale" : "2x",
+      "screen-width" : ">183"
     }
   ],
   "info" : {

SynchronyFinancial/SynchronyFinancial WatchKit Extension/Assets.xcassets/Complication.complicationset/Extra Large.imageset/Contents.json

@@ -5,10 +5,20 @@
       "scale" : "2x",
       "screen-width" : "<=145"
     },
+    {
+      "idiom" : "watch",
+      "scale" : "2x",
+      "screen-width" : ">161"
+    },
     {
       "idiom" : "watch",
       "scale" : "2x",
       "screen-width" : ">145"
+    },
+    {
+      "idiom" : "watch",
+      "scale" : "2x",
+      "screen-width" : ">183"
     }
   ],
   "info" : {

SynchronyFinancial/SynchronyFinancial WatchKit Extension/Assets.xcassets/Complication.complicationset/Graphic Bezel.imageset/Contents.json

@@ -5,10 +5,20 @@
       "scale" : "2x",
       "screen-width" : "<=145"
     },
+    {
+      "idiom" : "watch",
+      "scale" : "2x",
+      "screen-width" : ">161"
+    },
     {
       "idiom" : "watch",
       "scale" : "2x",
       "screen-width" : ">145"
+    },
+    {
+      "idiom" : "watch",
+      "scale" : "2x",
+      "screen-width" : ">183"
     }
   ],
   "info" : {

SynchronyFinancial/SynchronyFinancial WatchKit Extension/Assets.xcassets/Complication.complicationset/Graphic Circular.imageset/Contents.json

@@ -5,10 +5,20 @@
       "scale" : "2x",
       "screen-width" : "<=145"
     },
+    {
+      "idiom" : "watch",
+      "scale" : "2x",
+      "screen-width" : ">161"
+    },
     {
       "idiom" : "watch",
       "scale" : "2x",
       "screen-width" : ">145"
+    },
+    {
+      "idiom" : "watch",
+      "scale" : "2x",
+      "screen-width" : ">183"
     }
   ],
   "info" : {

SynchronyFinancial/SynchronyFinancial WatchKit Extension/Assets.xcassets/Complication.complicationset/Graphic Corner.imageset/Contents.json

@@ -5,10 +5,20 @@
       "scale" : "2x",
       "screen-width" : "<=145"
     },
+    {
+      "idiom" : "watch",
+      "scale" : "2x",
+      "screen-width" : ">161"
+    },
     {
       "idiom" : "watch",
       "scale" : "2x",
       "screen-width" : ">145"
+    },
+    {
+      "idiom" : "watch",
+      "scale" : "2x",
+      "screen-width" : ">183"
     }
   ],
   "info" : {

SynchronyFinancial/SynchronyFinancial WatchKit Extension/Assets.xcassets/Complication.complicationset/Graphic Large Rectangular.imageset/Contents.json

@@ -5,10 +5,20 @@
       "scale" : "2x",
       "screen-width" : "<=145"
     },
+    {
+      "idiom" : "watch",
+      "scale" : "2x",
+      "screen-width" : ">161"
+    },
     {
       "idiom" : "watch",
       "scale" : "2x",
       "screen-width" : ">145"
+    },
+    {
+      "idiom" : "watch",
+      "scale" : "2x",
+      "screen-width" : ">183"
     }
   ],
   "info" : {

SynchronyFinancial/SynchronyFinancial WatchKit Extension/Assets.xcassets/Complication.complicationset/Modular.imageset/Contents.json

@@ -5,10 +5,20 @@
       "scale" : "2x",
       "screen-width" : "<=145"
     },
+    {
+      "idiom" : "watch",
+      "scale" : "2x",
+      "screen-width" : ">161"
+    },
     {
       "idiom" : "watch",
       "scale" : "2x",
       "screen-width" : ">145"
+    },
+    {
+      "idiom" : "watch",
+      "scale" : "2x",
+      "screen-width" : ">183"
     }
   ],
   "info" : {