Skip to content
This repository has been archived by the owner on Nov 14, 2024. It is now read-only.

Commit

Permalink
Optimize anime information scene for small screen devices
Browse files Browse the repository at this point in the history
  • Loading branch information
@SuperMarcus
SuperMarcus committed Jun 14, 2020
1 parent b1de14f commit 1af7bd1
Showing 1 changed file with 40 additions and 22 deletions.
62 changes: 40 additions & 22 deletions NineAnimator/Base.lproj/AnimeInformation.storyboard
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="16096" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="f9r-ko-ADk">
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="16097" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="f9r-ko-ADk">
<device id="retina5_9" orientation="portrait" appearance="light"/>
<dependencies>
<deployment identifier="iOS"/>
Expand All @@ -19,7 +19,7 @@
<color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
<viewLayoutGuide key="safeArea" id="sC5-8R-KVp"/>
<view key="tableHeaderView" contentMode="scaleToFill" id="Ske-2g-v1i" userLabel="Heading View" customClass="InformationSceneHeadingView" customModule="NineAnimator" customModuleProvider="target">
<rect key="frame" x="0.0" y="0.0" width="375" height="298"/>
<rect key="frame" x="0.0" y="0.0" width="0.0" height="298"/>
<autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMaxY="YES"/>
<subviews>
<imageView opaque="NO" userInteractionEnabled="NO" alpha="0.80000000000000004" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" translatesAutoresizingMaskIntoConstraints="NO" id="BFX-qw-k0c" userLabel="Anime Wallpaper Image">
Expand All @@ -32,17 +32,34 @@
<rect key="frame" x="8" y="113.33333333333333" width="367" height="184.66666666666669"/>
<subviews>
<imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalCompressionResistancePriority="251" verticalCompressionResistancePriority="251" translatesAutoresizingMaskIntoConstraints="NO" id="lGh-Aj-f92">
<rect key="frame" x="8" y="8" width="122" height="157.66666666666666"/>
<rect key="frame" x="8" y="8" width="110" height="142"/>
<constraints>
<constraint firstAttribute="width" priority="800" constant="122" id="5KG-RQ-7td"/>
<constraint firstAttribute="width" priority="800" constant="110" id="FsQ-Cq-768"/>
<constraint firstAttribute="width" secondItem="lGh-Aj-f92" secondAttribute="height" multiplier="155:200" id="SUo-Xi-9yK"/>
</constraints>
<userDefinedRuntimeAttributes>
<userDefinedRuntimeAttribute type="boolean" keyPath="ignoresInvertColors" value="YES"/>
</userDefinedRuntimeAttributes>
<variation key="default">
<mask key="constraints">
<exclude reference="5KG-RQ-7td"/>
<exclude reference="FsQ-Cq-768"/>
</mask>
</variation>
<variation key="widthClass=compact">
<mask key="constraints">
<include reference="FsQ-Cq-768"/>
</mask>
</variation>
<variation key="widthClass=regular">
<mask key="constraints">
<include reference="5KG-RQ-7td"/>
</mask>
</variation>
</imageView>
<label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" verticalCompressionResistancePriority="752" text="Anime Title" lineBreakMode="tailTruncation" numberOfLines="2" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="dKd-8l-exf">
<rect key="frame" x="146" y="57.000000000000014" width="205" height="30"/>
<rect key="frame" x="134" y="49.000000000000014" width="217" height="30"/>
<fontDescription key="fontDescription" type="boldSystem" pointSize="25"/>
<nil key="textColor"/>
<nil key="highlightedColor"/>
Expand All @@ -52,7 +69,7 @@
</userDefinedRuntimeAttributes>
</label>
<label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Alternative anime title" textAlignment="natural" lineBreakMode="tailTruncation" numberOfLines="3" baselineAdjustment="alignBaselines" minimumFontSize="11" translatesAutoresizingMaskIntoConstraints="NO" id="CGQ-fc-eQZ">
<rect key="frame" x="146" y="87.000000000000014" width="205" height="17"/>
<rect key="frame" x="134" y="79.000000000000014" width="217" height="17"/>
<fontDescription key="fontDescription" type="system" pointSize="14"/>
<color key="textColor" white="0.66666666666666663" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
<nil key="highlightedColor"/>
Expand All @@ -61,13 +78,18 @@
<userDefinedRuntimeAttribute type="boolean" keyPath="isThemable" value="YES"/>
</userDefinedRuntimeAttributes>
</label>
<button opaque="NO" contentMode="scaleToFill" horizontalCompressionResistancePriority="500" verticalCompressionResistancePriority="749" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="nNy-wE-HN7" customClass="ThemedSolidButton" customModule="NineAnimator" customModuleProvider="target">
<rect key="frame" x="146" y="135.66666666666669" width="150" height="30"/>
<activityIndicatorView hidden="YES" opaque="NO" contentMode="scaleToFill" horizontalHuggingPriority="750" verticalHuggingPriority="750" hidesWhenStopped="YES" style="white" translatesAutoresizingMaskIntoConstraints="NO" id="RhY-Fn-Vlp" userLabel="Episode Fetching Activity Indicator">
<rect key="frame" x="199" y="125" width="20" height="20"/>
<userDefinedRuntimeAttributes>
<userDefinedRuntimeAttribute type="boolean" keyPath="isThemable" value="YES"/>
</userDefinedRuntimeAttributes>
</activityIndicatorView>
<button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="WXK-JH-G4x" customClass="ThemedSolidButton" customModule="NineAnimator" customModuleProvider="target">
<rect key="frame" x="321" y="120" width="30" height="30"/>
<constraints>
<constraint firstAttribute="width" relation="greaterThanOrEqual" priority="750" constant="150" id="Xrm-xC-VMD"/>
<constraint firstAttribute="width" secondItem="WXK-JH-G4x" secondAttribute="height" multiplier="1:1" id="LnF-ok-XRi"/>
</constraints>
<fontDescription key="fontDescription" type="system" weight="semibold" pointSize="15"/>
<state key="normal" title="VIEW EPISODES"/>
<state key="normal" image="Details"/>
<userDefinedRuntimeAttributes>
<userDefinedRuntimeAttribute type="boolean" keyPath="inverted" value="YES"/>
<userDefinedRuntimeAttribute type="boolean" keyPath="isThemable" value="YES"/>
Expand All @@ -76,21 +98,17 @@
</userDefinedRuntimeAttribute>
</userDefinedRuntimeAttributes>
<connections>
<action selector="onViewEpisodesButtonTapped:" destination="f9r-ko-ADk" eventType="touchUpInside" id="GUv-0b-QFK"/>
<action selector="onOptionsButtonTappedWithSender:" destination="f9r-ko-ADk" eventType="touchUpInside" id="h0j-Y5-f6i"/>
</connections>
</button>
<activityIndicatorView hidden="YES" opaque="NO" contentMode="scaleToFill" horizontalHuggingPriority="750" verticalHuggingPriority="750" hidesWhenStopped="YES" style="white" translatesAutoresizingMaskIntoConstraints="NO" id="RhY-Fn-Vlp" userLabel="Episode Fetching Activity Indicator">
<rect key="frame" x="211" y="140.66666666666669" width="20" height="20"/>
<userDefinedRuntimeAttributes>
<userDefinedRuntimeAttribute type="boolean" keyPath="isThemable" value="YES"/>
</userDefinedRuntimeAttributes>
</activityIndicatorView>
<button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="WXK-JH-G4x" customClass="ThemedSolidButton" customModule="NineAnimator" customModuleProvider="target">
<rect key="frame" x="321" y="135.66666666666669" width="30" height="30"/>
<button opaque="NO" contentMode="scaleToFill" horizontalCompressionResistancePriority="500" verticalCompressionResistancePriority="749" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="nNy-wE-HN7" customClass="ThemedSolidButton" customModule="NineAnimator" customModuleProvider="target">
<rect key="frame" x="134" y="120" width="150" height="30"/>
<constraints>
<constraint firstAttribute="width" secondItem="WXK-JH-G4x" secondAttribute="height" multiplier="1:1" id="LnF-ok-XRi"/>
<constraint firstAttribute="width" relation="greaterThanOrEqual" priority="750" constant="150" id="Xrm-xC-VMD"/>
<constraint firstAttribute="height" priority="900" constant="30" id="cHZ-f4-euI"/>
</constraints>
<state key="normal" image="Details"/>
<fontDescription key="fontDescription" type="system" weight="semibold" pointSize="14"/>
<state key="normal" title="VIEW EPISODES"/>
<userDefinedRuntimeAttributes>
<userDefinedRuntimeAttribute type="boolean" keyPath="inverted" value="YES"/>
<userDefinedRuntimeAttribute type="boolean" keyPath="isThemable" value="YES"/>
Expand All @@ -99,7 +117,7 @@
</userDefinedRuntimeAttribute>
</userDefinedRuntimeAttributes>
<connections>
<action selector="onOptionsButtonTappedWithSender:" destination="f9r-ko-ADk" eventType="touchUpInside" id="h0j-Y5-f6i"/>
<action selector="onViewEpisodesButtonTapped:" destination="f9r-ko-ADk" eventType="touchUpInside" id="GUv-0b-QFK"/>
</connections>
</button>
</subviews>
Expand Down

0 comments on commit 1af7bd1

Please sign in to comment.