Main.storyboard 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="6750" systemVersion="14C109" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="6">
  3. <dependencies>
  4. <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="6735"/>
  5. </dependencies>
  6. <scenes>
  7. <!--View Controller-->
  8. <scene sceneID="tne-QT-ifu">
  9. <objects>
  10. <viewController id="BYZ-38-t0r" customClass="ViewController" sceneMemberID="viewController">
  11. <layoutGuides>
  12. <viewControllerLayoutGuide type="top" id="y3c-jy-aDJ"/>
  13. <viewControllerLayoutGuide type="bottom" id="wfy-db-euE"/>
  14. </layoutGuides>
  15. <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
  16. <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
  17. <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
  18. <subviews>
  19. <textField opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" borderStyle="roundedRect" minimumFontSize="17" id="35" translatesAutoresizingMaskIntoConstraints="NO" text="Cute Monkey">
  20. <rect key="frame" x="20" y="80" width="433" height="30"/>
  21. <fontDescription key="fontDescription" type="system" pointSize="14"/>
  22. <textInputTraits key="textInputTraits"/>
  23. </textField>
  24. <activityIndicatorView opaque="NO" contentMode="scaleToFill" style="gray" translatesAutoresizingMaskIntoConstraints="NO" id="36" hidesWhenStopped="YES" hidden="YES">
  25. <rect key="frame" x="473" y="85" width="20" height="20"/>
  26. </activityIndicatorView>
  27. <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" id="37" translatesAutoresizingMaskIntoConstraints="NO">
  28. <rect key="frame" x="511" y="80" width="69" height="30"/>
  29. <state key="normal" title="Search">
  30. <color key="titleShadowColor" white="0.5" alpha="1" colorSpace="calibratedWhite"/>
  31. </state>
  32. <constraints>
  33. <constraint id="50" firstItem="37" firstAttribute="width" constant="69"/>
  34. </constraints>
  35. </button>
  36. <collectionView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" dataMode="prototypes" id="55" translatesAutoresizingMaskIntoConstraints="NO">
  37. <rect key="frame" x="0.0" y="128" width="600" height="472"/>
  38. <collectionViewFlowLayout key="collectionViewLayout" minimumLineSpacing="10" minimumInteritemSpacing="10" id="57">
  39. <size key="itemSize" width="140" height="140"/>
  40. <size key="headerReferenceSize" width="0.0" height="0.0"/>
  41. <size key="footerReferenceSize" width="0.0" height="0.0"/>
  42. <inset key="sectionInset" minX="10" minY="10" maxX="10" maxY="10"/>
  43. </collectionViewFlowLayout>
  44. <cells>
  45. <collectionViewCell opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" id="56" reuseIdentifier="imagecell" customClass="ImageCell">
  46. <rect key="frame" x="10" y="10" width="140" height="140"/>
  47. <autoresizingMask key="autoresizingMask"/>
  48. <view key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center">
  49. <rect key="frame" x="10" y="10" width="140" height="140"/>
  50. <autoresizingMask key="autoresizingMask"/>
  51. <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="calibratedWhite"/>
  52. <subviews>
  53. <imageView userInteractionEnabled="NO" contentMode="scaleAspectFill" id="94" translatesAutoresizingMaskIntoConstraints="NO" fixedFrame="YES">
  54. <rect key="frame" x="0.0" y="0.0" width="140" height="140"/>
  55. </imageView>
  56. <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" text="Caption" lineBreakMode="tailTruncation" minimumFontSize="10" id="97" translatesAutoresizingMaskIntoConstraints="NO" fixedFrame="YES" textAlignment="center" alpha="0.7">
  57. <rect key="frame" x="0.0" y="110" width="140" height="30"/>
  58. <color key="backgroundColor" colorSpace="calibratedRGB" red="0.91764705882352937" green="0.91764705882352937" blue="0.91764705882352937" alpha="1"/>
  59. <fontDescription key="fontDescription" type="system" pointSize="17"/>
  60. <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
  61. <nil key="highlightedColor"/>
  62. </label>
  63. </subviews>
  64. </view>
  65. <size key="customSize" width="140" height="140"/>
  66. <connections>
  67. <outlet property="LabelCaption" destination="97" id="name-outlet-97"/>
  68. <outlet property="MainImage" destination="94" id="name-outlet-94"/>
  69. </connections>
  70. </collectionViewCell>
  71. </cells>
  72. <color key="backgroundColor" colorSpace="calibratedWhite" white="1" alpha="1"/>
  73. </collectionView>
  74. </subviews>
  75. <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
  76. <constraints>
  77. <constraint id="47" firstItem="8bC-Xf-vdC" firstAttribute="trailing" secondItem="37" secondAttribute="trailing" constant="20"/>
  78. <constraint id="48" firstItem="37" firstAttribute="top" secondItem="y3c-jy-aDJ" secondAttribute="bottom" constant="16"/>
  79. <constraint id="49" firstItem="37" firstAttribute="leading" secondItem="36" secondAttribute="trailing" constant="18"/>
  80. <constraint id="51" firstItem="36" firstAttribute="top" secondItem="y3c-jy-aDJ" secondAttribute="bottom" constant="21"/>
  81. <constraint id="52" firstItem="35" firstAttribute="leading" secondItem="8bC-Xf-vdC" secondAttribute="leading" constant="20"/>
  82. <constraint id="53" firstItem="35" firstAttribute="top" secondItem="y3c-jy-aDJ" secondAttribute="bottom" constant="16"/>
  83. <constraint id="54" firstItem="36" firstAttribute="leading" secondItem="35" secondAttribute="trailing" constant="20"/>
  84. <constraint id="77" firstItem="55" firstAttribute="top" secondItem="35" secondAttribute="bottom" constant="18"/>
  85. <constraint id="78" firstItem="55" firstAttribute="leading" secondItem="8bC-Xf-vdC" secondAttribute="leading"/>
  86. <constraint id="79" firstItem="55" firstAttribute="leading" secondItem="8bC-Xf-vdC" secondAttribute="leading"/>
  87. <constraint id="80" firstItem="55" firstAttribute="bottom" secondItem="8bC-Xf-vdC" secondAttribute="bottom"/>
  88. <constraint id="81" firstItem="55" firstAttribute="trailing" secondItem="8bC-Xf-vdC" secondAttribute="trailing"/>
  89. </constraints>
  90. </view>
  91. <connections>
  92. <outlet property="ButtonSearch" destination="37" id="name-outlet-37"/>
  93. <outlet property="ActivityIsLoading" destination="36" id="name-outlet-36"/>
  94. <outlet property="TextFieldQuery" destination="35" id="name-outlet-35"/>
  95. <outlet property="CollectionViewImages" destination="55" id="name-outlet-55"/>
  96. </connections>
  97. <navigationItem title="Image Search" id="32" key="navigationItem"/>
  98. </viewController>
  99. <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
  100. </objects>
  101. <point key="canvasLocation" x="-42" y="47"/>
  102. </scene>
  103. <scene sceneID="5">
  104. <objects>
  105. <navigationController definesPresentationContext="YES" id="6" sceneMemberID="viewController">
  106. <navigationBar key="navigationBar" contentMode="scaleToFill" id="9">
  107. <autoresizingMask key="autoresizingMask" widthSizable="YES" flexibleMaxY="YES"/>
  108. <rect key="frame" x="0.0" y="20" width="600" height="44"/>
  109. </navigationBar>
  110. <connections>
  111. <segue id="33" destination="BYZ-38-t0r" kind="relationship" relationship="rootViewController"/>
  112. </connections>
  113. </navigationController>
  114. <placeholder placeholderIdentifier="IBFirstResponder" id="10" userLabel="First Responder" sceneMemberID="firstResponder"/>
  115. </objects>
  116. <point key="canvasLocation" x="-693" y="40"/>
  117. </scene>
  118. </scenes>
  119. </document>