From 57191e3b9a965257b66246d7ecf01522720633d2 Mon Sep 17 00:00:00 2001
From: Diego Waxemberg <diego.waxemberg@gmail.com>
Date: Sun, 26 Aug 2018 10:53:28 -0700
Subject: [PATCH] added a highlight state for focused views (can now see what's
 selected in tvOS)

---
 Moonlight TV/Base.lproj/Main.storyboard | 8 ++++----
 Moonlight TV/ViewController.m           | 8 ++++++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/Moonlight TV/Base.lproj/Main.storyboard b/Moonlight TV/Base.lproj/Main.storyboard
index 30a2a6e..393f7fe 100644
--- a/Moonlight TV/Base.lproj/Main.storyboard	
+++ b/Moonlight TV/Base.lproj/Main.storyboard	
@@ -17,16 +17,16 @@
                     <collectionView key="view" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" dataMode="prototypes" prefetchingEnabled="YES" id="8P0-wP-bDe">
                         <rect key="frame" x="0.0" y="0.0" width="1920" height="1080"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
-                        <collectionViewFlowLayout key="collectionViewLayout" minimumLineSpacing="10" minimumInteritemSpacing="20" id="m6l-TM-5FZ">
+                        <collectionViewFlowLayout key="collectionViewLayout" minimumLineSpacing="50" minimumInteritemSpacing="50" id="m6l-TM-5FZ">
                             <size key="itemSize" width="350" height="450"/>
                             <size key="headerReferenceSize" width="0.0" height="0.0"/>
                             <size key="footerReferenceSize" width="0.0" height="0.0"/>
-                            <inset key="sectionInset" minX="0.0" minY="0.0" maxX="0.0" maxY="0.0"/>
+                            <inset key="sectionInset" minX="80" minY="80" maxX="80" maxY="80"/>
                         </collectionViewFlowLayout>
                         <cells>
                             <collectionViewCell opaque="NO" multipleTouchEnabled="YES" contentMode="center" reuseIdentifier="AppCell" id="gXq-M2-pFh">
-                                <rect key="frame" x="0.0" y="0.0" width="350" height="450"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                <rect key="frame" x="80" y="80" width="350" height="450"/>
+                                <autoresizingMask key="autoresizingMask"/>
                                 <view key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" insetsLayoutMarginsFromSafeArea="NO">
                                     <rect key="frame" x="0.0" y="0.0" width="350" height="450"/>
                                     <autoresizingMask key="autoresizingMask"/>
diff --git a/Moonlight TV/ViewController.m b/Moonlight TV/ViewController.m
index 5430d22..c3c85bb 100644
--- a/Moonlight TV/ViewController.m	
+++ b/Moonlight TV/ViewController.m	
@@ -855,4 +855,12 @@ static NSMutableSet* hostList;
     [self beginForegroundRefresh];
 }
 
+- (void)didUpdateFocusInContext:(UIFocusUpdateContext *)context withAnimationCoordinator:(UIFocusAnimationCoordinator *)coordinator {
+    
+    if (context.nextFocusedView != nil) {
+        [context.nextFocusedView setAlpha:0.8];
+    }
+    [context.previouslyFocusedView setAlpha:1.0];
+}
+
 @end