Embiggen gallery share/close buttons

Closes #257

Tusker/Screens/Large Image/LargeImageViewController.swift

@@ -17,17 +17,16 @@ class LargeImageViewController: UIViewController, UIScrollViewDelegate, LargeIma
     
     @IBOutlet weak var scrollView: UIScrollView!
     @IBOutlet weak var topControlsView: UIView!
-    @IBOutlet weak var topControlsHeightConstraint: NSLayoutConstraint!
-    @IBOutlet weak var shareButton: UIButton!
-    @IBOutlet weak var shareButtonTopConstraint: NSLayoutConstraint!
-    @IBOutlet weak var shareButtonLeadingConstraint: NSLayoutConstraint!
-    @IBOutlet weak var closeButton: UIButton!
-    @IBOutlet weak var closeButtonTopConstraint: NSLayoutConstraint!
-    @IBOutlet weak var closeButtonTrailingConstraint: NSLayoutConstraint!
-    
     @IBOutlet weak var bottomControlsView: UIView!
     @IBOutlet weak var descriptionLabel: UILabel!
     
+    private var shareContainer: UIView!
+    private var shareImage: UIImageView!
+    private var shareButtonTopConstraint: NSLayoutConstraint!
+    private var shareButtonLeadingConstraint: NSLayoutConstraint!
+    private var closeButtonTopConstraint: NSLayoutConstraint!
+    private var closeButtonTrailingConstraint: NSLayoutConstraint!
+
     var contentView: LargeImageContentView {
         didSet {
             oldValue.removeFromSuperview()
@@ -86,9 +85,13 @@ class LargeImageViewController: UIViewController, UIScrollViewDelegate, LargeIma
         super.viewDidLoad()
 
         setupContentView()
+        setupControls()
         
         setControlsVisible(initialControlsVisible, animated: false)
-        shareButton.isEnabled = !contentView.activityItemsForSharing.isEmpty
+        if contentView.activityItemsForSharing.isEmpty {
+            shareContainer.isUserInteractionEnabled = false
+            shareImage.tintColor = .systemGray
+        }
 
         scrollView.delegate = self
 
@@ -126,6 +129,62 @@ class LargeImageViewController: UIViewController, UIScrollViewDelegate, LargeIma
         ])
     }
     
+    private func setupControls() {
+        shareContainer = UIView()
+        shareContainer.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(sharePressed)))
+        shareContainer.translatesAutoresizingMaskIntoConstraints = false
+        topControlsView.addSubview(shareContainer)
+        shareImage = UIImageView(image: UIImage(systemName: "square.and.arrow.up"))
+        shareImage.tintColor = .white
+        shareImage.contentMode = .scaleAspectFit
+        shareImage.translatesAutoresizingMaskIntoConstraints = false
+        shareContainer.addSubview(shareImage)
+        shareButtonTopConstraint = shareImage.topAnchor.constraint(greaterThanOrEqualTo: shareContainer.topAnchor)
+        shareButtonLeadingConstraint = shareImage.leadingAnchor.constraint(greaterThanOrEqualTo: shareContainer.leadingAnchor)
+        NSLayoutConstraint.activate([
+            shareContainer.topAnchor.constraint(equalTo: topControlsView.topAnchor),
+            shareContainer.leadingAnchor.constraint(equalTo: topControlsView.leadingAnchor),
+            shareContainer.bottomAnchor.constraint(equalTo: topControlsView.bottomAnchor),
+            shareContainer.widthAnchor.constraint(greaterThanOrEqualToConstant: 50),
+            shareContainer.heightAnchor.constraint(greaterThanOrEqualToConstant: 50),
+            
+            shareImage.centerXAnchor.constraint(equalTo: shareContainer.centerXAnchor),
+            shareImage.centerYAnchor.constraint(equalTo: shareContainer.centerYAnchor),
+            shareButtonTopConstraint,
+            shareButtonLeadingConstraint,
+            
+            shareImage.widthAnchor.constraint(equalToConstant: 24),
+            shareImage.heightAnchor.constraint(equalToConstant: 24),
+        ])
+        
+        let closeContainer = UIView()
+        closeContainer.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(closeButtonPressed)))
+        closeContainer.translatesAutoresizingMaskIntoConstraints = false
+        topControlsView.addSubview(closeContainer)
+        let closeImage = UIImageView(image: UIImage(systemName: "xmark"))
+        closeImage.tintColor = .white
+        closeImage.contentMode = .scaleAspectFit
+        closeImage.translatesAutoresizingMaskIntoConstraints = false
+        closeContainer.addSubview(closeImage)
+        closeButtonTopConstraint = closeImage.topAnchor.constraint(greaterThanOrEqualTo: closeContainer.topAnchor)
+        closeButtonTrailingConstraint = closeContainer.trailingAnchor.constraint(greaterThanOrEqualTo: closeImage.trailingAnchor)
+        NSLayoutConstraint.activate([
+            closeContainer.topAnchor.constraint(equalTo: topControlsView.topAnchor),
+            closeContainer.trailingAnchor.constraint(equalTo: topControlsView.trailingAnchor),
+            closeContainer.bottomAnchor.constraint(equalTo: closeContainer.bottomAnchor),
+            closeContainer.widthAnchor.constraint(greaterThanOrEqualToConstant: 50),
+            closeContainer.heightAnchor.constraint(greaterThanOrEqualToConstant: 50),
+            
+            closeImage.centerXAnchor.constraint(equalTo: closeContainer.centerXAnchor),
+            closeImage.centerYAnchor.constraint(equalTo: closeContainer.centerYAnchor),
+            closeButtonTopConstraint,
+            closeButtonTrailingConstraint,
+            
+            closeImage.widthAnchor.constraint(equalToConstant: 24),
+            closeImage.heightAnchor.constraint(equalToConstant: 24),
+        ])
+    }
+
     override func viewDidLayoutSubviews() {
         super.viewDidLayoutSubviews()
         
@@ -156,7 +215,7 @@ class LargeImageViewController: UIViewController, UIScrollViewDelegate, LargeIma
             // since the corner radius didn't change
             let notchWidth: CGFloat = 210
             let earWidth = (view.bounds.width - notchWidth) / 2
-            let offset = (earWidth - shareButton.bounds.width) / 2
+            let offset = (earWidth - shareImage.bounds.width) / 2
             shareButtonLeadingConstraint.constant = offset
             closeButtonTrailingConstraint.constant = offset
         } else if pillDeviceTopInsets.contains(view.safeAreaInsets.top) {
@@ -275,7 +334,7 @@ class LargeImageViewController: UIViewController, UIScrollViewDelegate, LargeIma
     
     @IBAction func sharePressed(_ sender: Any) {
         let activityVC = UIActivityViewController(activityItems: contentView.activityItemsForSharing, applicationActivities: nil)
-        activityVC.popoverPresentationController?.sourceView = shareButton
+        activityVC.popoverPresentationController?.sourceView = shareImage
         present(activityVC, animated: true)
     }
     

Tusker/Screens/Large Image/LargeImageViewController.xib

@@ -11,15 +11,8 @@
         <placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner" customClass="LargeImageViewController" customModule="Tusker" customModuleProvider="target">
             <connections>
                 <outlet property="bottomControlsView" destination="rPa-Zu-T6g" id="Rgz-AQ-9nt"/>
-                <outlet property="closeButton" destination="pnA-ne-k0v" id="RPP-cB-9ap"/>
-                <outlet property="closeButtonTopConstraint" destination="ImD-2H-0XK" id="DUe-b1-a2N"/>
-                <outlet property="closeButtonTrailingConstraint" destination="JFe-ig-3Ic" id="cWO-Rr-y3F"/>
                 <outlet property="descriptionLabel" destination="eo5-fc-RV8" id="vrW-RJ-y5k"/>
                 <outlet property="scrollView" destination="Skj-xq-AgQ" id="TFb-zF-m1b"/>
-                <outlet property="shareButton" destination="vhp-0u-Q0S" id="JZS-K9-4w9"/>
-                <outlet property="shareButtonLeadingConstraint" destination="MJx-2r-p0k" id="Dn5-Eg-Pid"/>
-                <outlet property="shareButtonTopConstraint" destination="sgG-dC-xXP" id="Rjp-od-00F"/>
-                <outlet property="topControlsHeightConstraint" destination="6XT-D6-8FS" id="mTB-LF-50H"/>
                 <outlet property="topControlsView" destination="kHo-B9-R7a" id="8sJ-xQ-7ix"/>
                 <outlet property="view" destination="BJw-5C-9nT" id="1C2-VA-mNf"/>
             </connections>
@@ -33,45 +26,8 @@
                     <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
                     <gestureRecognizers/>
                 </scrollView>
-                <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="kHo-B9-R7a">
+                <view contentMode="scaleToFill" ambiguous="YES" translatesAutoresizingMaskIntoConstraints="NO" id="kHo-B9-R7a">
                     <rect key="frame" x="0.0" y="0.0" width="375" height="36"/>
-                    <subviews>
-                        <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" pointerInteraction="YES" translatesAutoresizingMaskIntoConstraints="NO" id="vhp-0u-Q0S">
-                            <rect key="frame" x="16" y="16" width="20" height="20"/>
-                            <constraints>
-                                <constraint firstAttribute="height" constant="20" id="4tF-oL-qXT"/>
-                                <constraint firstAttribute="width" constant="20" id="zWx-jJ-dBj"/>
-                            </constraints>
-                            <fontDescription key="fontDescription" style="UICTFontTextStyleBody"/>
-                            <color key="tintColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
-                            <state key="normal" image="square.and.arrow.up" catalog="system"/>
-                            <connections>
-                                <action selector="sharePressed:" destination="-1" eventType="touchUpInside" id="7Oz-zv-m2t"/>
-                            </connections>
-                        </button>
-                        <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" pointerInteraction="YES" translatesAutoresizingMaskIntoConstraints="NO" id="pnA-ne-k0v">
-                            <rect key="frame" x="339" y="16" width="20" height="20"/>
-                            <constraints>
-                                <constraint firstAttribute="width" constant="20" id="eg0-hN-rda"/>
-                                <constraint firstAttribute="height" constant="20" id="fmA-pI-8WB"/>
-                            </constraints>
-                            <fontDescription key="fontDescription" style="UICTFontTextStyleBody"/>
-                            <color key="tintColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
-                            <state key="normal" image="xmark" catalog="system"/>
-                            <connections>
-                                <action selector="closeButtonPressed:" destination="-1" eventType="touchUpInside" id="7o3-ET-EMo"/>
-                            </connections>
-                        </button>
-                    </subviews>
-                    <constraints>
-                        <constraint firstAttribute="height" secondItem="pnA-ne-k0v" secondAttribute="height" constant="16" id="6XT-D6-8FS"/>
-                        <constraint firstItem="pnA-ne-k0v" firstAttribute="top" secondItem="kHo-B9-R7a" secondAttribute="top" constant="16" id="ImD-2H-0XK"/>
-                        <constraint firstAttribute="trailing" secondItem="pnA-ne-k0v" secondAttribute="trailing" constant="16" id="JFe-ig-3Ic"/>
-                        <constraint firstItem="vhp-0u-Q0S" firstAttribute="leading" secondItem="kHo-B9-R7a" secondAttribute="leading" constant="16" id="MJx-2r-p0k"/>
-                        <constraint firstAttribute="bottom" secondItem="vhp-0u-Q0S" secondAttribute="bottom" id="fi6-JS-UmZ"/>
-                        <constraint firstAttribute="bottom" secondItem="pnA-ne-k0v" secondAttribute="bottom" id="hEU-VY-WTd"/>
-                        <constraint firstItem="vhp-0u-Q0S" firstAttribute="top" secondItem="kHo-B9-R7a" secondAttribute="top" constant="16" id="sgG-dC-xXP"/>
-                    </constraints>
                 </view>
                 <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="rPa-Zu-T6g">
                     <rect key="frame" x="0.0" y="622.5" width="375" height="44.5"/>
@@ -110,8 +66,4 @@
             <point key="canvasLocation" x="-164" y="476"/>
         </view>
     </objects>
-    <resources>
-        <image name="square.and.arrow.up" catalog="system" width="115" height="128"/>
-        <image name="xmark" catalog="system" width="128" height="113"/>
-    </resources>
 </document>