done

Author: shayanbo

ObjCUI.xcodeproj/project.pbxproj

@@ -7,6 +7,7 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
+		658FE41DA548CFAB308F2D1F /* libPods-ObjCUI.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 3C31CB6E895E9D1651947CD2 /* libPods-ObjCUI.a */; };
 		D4CB304B29BA1B280055BEE0 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = D4CB304A29BA1B280055BEE0 /* AppDelegate.m */; };
 		D4CB305129BA1B280055BEE0 /* ViewController.m in Sources */ = {isa = PBXBuildFile; fileRef = D4CB305029BA1B280055BEE0 /* ViewController.m */; };
 		D4CB305629BA1B290055BEE0 /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = D4CB305529BA1B290055BEE0 /* Assets.xcassets */; };
@@ -17,6 +18,8 @@
 /* End PBXBuildFile section */
 
 /* Begin PBXFileReference section */
+		3C31CB6E895E9D1651947CD2 /* libPods-ObjCUI.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-ObjCUI.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		561332504C1BD10E732DA144 /* Pods-ObjCUI.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ObjCUI.debug.xcconfig"; path = "Target Support Files/Pods-ObjCUI/Pods-ObjCUI.debug.xcconfig"; sourceTree = "<group>"; };
 		D4CB304629BA1B280055BEE0 /* ObjCUI.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = ObjCUI.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		D4CB304929BA1B280055BEE0 /* AppDelegate.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = AppDelegate.h; sourceTree = "<group>"; };
 		D4CB304A29BA1B280055BEE0 /* AppDelegate.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = AppDelegate.m; sourceTree = "<group>"; };
@@ -30,24 +33,46 @@
 		D4CB306329BA1D1C0055BEE0 /* ObjCUI.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = ObjCUI.m; sourceTree = "<group>"; };
 		D4CB306529BA2E410055BEE0 /* ViewModel.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = ViewModel.h; sourceTree = "<group>"; };
 		D4CB306629BA2E410055BEE0 /* ViewModel.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = ViewModel.m; sourceTree = "<group>"; };
+		D67BDA0F06DB910E02DFA818 /* Pods-ObjCUI.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-ObjCUI.release.xcconfig"; path = "Target Support Files/Pods-ObjCUI/Pods-ObjCUI.release.xcconfig"; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
 		D4CB304329BA1B280055BEE0 /* Frameworks */ = {
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				658FE41DA548CFAB308F2D1F /* libPods-ObjCUI.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
 /* End PBXFrameworksBuildPhase section */
 
 /* Begin PBXGroup section */
+		2B446175668636C1364F321F /* Pods */ = {
+			isa = PBXGroup;
+			children = (
+				561332504C1BD10E732DA144 /* Pods-ObjCUI.debug.xcconfig */,
+				D67BDA0F06DB910E02DFA818 /* Pods-ObjCUI.release.xcconfig */,
+			);
+			name = Pods;
+			path = Pods;
+			sourceTree = "<group>";
+		};
+		BBEC6E92CBE7C4273257EDB1 /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				3C31CB6E895E9D1651947CD2 /* libPods-ObjCUI.a */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
 		D4CB303D29BA1B280055BEE0 = {
 			isa = PBXGroup;
 			children = (
 				D4CB304829BA1B280055BEE0 /* ObjCUI */,
 				D4CB304729BA1B280055BEE0 /* Products */,
+				2B446175668636C1364F321F /* Pods */,
+				BBEC6E92CBE7C4273257EDB1 /* Frameworks */,
 			);
 			sourceTree = "<group>";
 		};
@@ -85,6 +110,7 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = D4CB305F29BA1B290055BEE0 /* Build configuration list for PBXNativeTarget "ObjCUI" */;
 			buildPhases = (
+				C3559268C8CE67860755E790 /* [CP] Check Pods Manifest.lock */,
 				D4CB304229BA1B280055BEE0 /* Sources */,
 				D4CB304329BA1B280055BEE0 /* Frameworks */,
 				D4CB304429BA1B280055BEE0 /* Resources */,
@@ -142,6 +168,31 @@
 		};
 /* End PBXResourcesBuildPhase section */
 
+/* Begin PBXShellScriptBuildPhase section */
+		C3559268C8CE67860755E790 /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-ObjCUI-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+/* End PBXShellScriptBuildPhase section */
+
 /* Begin PBXSourcesBuildPhase section */
 		D4CB304229BA1B280055BEE0 /* Sources */ = {
 			isa = PBXSourcesBuildPhase;
@@ -281,6 +332,7 @@
 		};
 		D4CB306029BA1B290055BEE0 /* Debug */ = {
 			isa = XCBuildConfiguration;
+			baseConfigurationReference = 561332504C1BD10E732DA144 /* Pods-ObjCUI.debug.xcconfig */;
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
@@ -307,6 +359,7 @@
 		};
 		D4CB306129BA1B290055BEE0 /* Release */ = {
 			isa = XCBuildConfiguration;
+			baseConfigurationReference = D67BDA0F06DB910E02DFA818 /* Pods-ObjCUI.release.xcconfig */;
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;

ObjCUI.xcodeproj/xcuserdata/shayanbo.xcuserdatad/xcschemes/xcschememanagement.plist

@@ -7,7 +7,7 @@
 		<key>ObjCUI.xcscheme_^#shared#^_</key>
 		<dict>
 			<key>orderHint</key>
-			<integer>0</integer>
+			<integer>4</integer>
 		</dict>
 	</dict>
 </dict>

ObjCUI.xcworkspace/contents.xcworkspacedata

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>

ObjCUI.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

@@ -17,4 +17,10 @@ UIStackView *VStack(UIStackViewDistribution distribution, NSArray<UIView *> *sub
 
 UIStackView *HStack(UIStackViewDistribution distribution, NSArray<UIView *> *subviews);
 
+UIView *HSpace(CGFloat width);
+
+UIView *VSpace(CGFloat height);
+
+UIView *AnySpace(void);
+
 NS_ASSUME_NONNULL_END

ObjCUI.xcworkspace/xcuserdata/shayanbo.xcuserdatad/UserInterfaceState.xcuserstate

@@ -22,3 +22,19 @@
      v.distribution = distribution;
      return v;
 }
+
+UIView *HSpace(CGFloat width) {
+    UIView *v = [[UIView alloc] init];
+    [v.widthAnchor constraintEqualToConstant:width].active = YES;
+    return v;
+}
+
+UIView *VSpace(CGFloat height) {
+    UIView *v = [[UIView alloc] init];
+    [v.heightAnchor constraintEqualToConstant:height].active = YES;
+    return v;
+}
+
+UIView *AnySpace() {
+    return [[UIView alloc] init];
+}

ObjCUI/ObjCUI.h

@@ -7,17 +7,14 @@
 
 #import <ReactiveCocoa/ReactiveCocoa.h>
 #import <SDWebImage/SDWebImage.h>
+#import <Masonry/Masonry.h>
 
 #import "ViewController.h"
 #import "ViewModel.h"
 #import "ObjCUI.h"
 
 #define Observe(target, keypath) [target rac_valuesForKeyPath:NSStringFromSelector(@selector(keypath)) observer:target]
 
-/**
-## Demo Project for using UIKit in a `SwiftUI` way
- */
-
 @interface ViewController ()
 
 @property (nonatomic, strong) ViewModel *viewModel;
@@ -27,7 +24,7 @@ @interface ViewController ()
 @implementation ViewController
 
 - (void)viewDidLoad {
-    [super viewDidLoad];
+    self.view.backgroundColor = [UIColor whiteColor];
 
     /// ViewModel
     ViewModel *vm = [[ViewModel alloc] init];
@@ -36,24 +33,39 @@ - (void)viewDidLoad {
     /// View
     UIView *v = HStack(fill, @[
         AvatarView(vm),
+        HSpace(8),
         VStack(fill, @[
+            VSpace(20),
             NameView(vm),
+            AnySpace(),
             TimeView(vm),
+            VSpace(20),
         ])
     ]);
 
     [self.view addSubview:v];
-    v.frame = self.view.bounds;
-    v.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
+    [v mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.center.equalTo(self.view);
+        [make install];
+    }];
 }
 
 static UIView *AvatarView(ViewModel *viewModel) {
     UIImageView *img = [UIImageView new];
+    img.layer.cornerRadius = 50;
+    img.layer.masksToBounds = YES;
+    img.layer.borderColor = [UIColor blackColor].CGColor;
+    img.layer.borderWidth = 1;
+    [img.widthAnchor constraintEqualToConstant:100].active = YES;
+    [img.heightAnchor constraintEqualToConstant:100].active = YES;
     img.userInteractionEnabled = YES;
+    
     UITapGestureRecognizer *tap = [UITapGestureRecognizer new];
+    [img addGestureRecognizer:tap];
     [[tap rac_gestureSignal] subscribeNext:^(id x) {
         [viewModel updateName: @"Yanbo Sha"];
     }];
+    
     [Observe(viewModel, avatarUrl) subscribeNext:^(id x) {
         [img sd_setImageWithURL:[NSURL URLWithString:x]];
     }];

ObjCUI/ObjCUI.m

@@ -22,8 +22,8 @@ - (instancetype)init {
     if (self) {
         /// load mock data
         self.name = @"Rock";
-        self.avatarUrl = @"";
-        self.time = @"2023-03-09 12:00:00";
+        self.avatarUrl = @"https://miro.medium.com/v2/resize:fill:100:100/1*kOyC7Snkp0xpEFJCdIO4Yg.jpeg";
+        self.time = @"Born in: 1992.11.23";
     }
     return self;
 }

ObjCUI/ViewController.m

@@ -0,0 +1,12 @@
+
+platform :ios, '11.0'
+
+ENV['SWIFT_VERSION'] = '5'
+
+target 'ObjCUI' do
+
+  pod 'ReactiveCocoa', '~>2.0.0'
+  pod 'SDWebImage'
+  pod 'Masonry'
+
+end

ObjCUI/ViewModel.m

@@ -0,0 +1,34 @@
+PODS:
+  - Masonry (1.1.0)
+  - ReactiveCocoa (2.0):
+    - ReactiveCocoa/Core (= 2.0)
+    - ReactiveCocoa/no-arc (= 2.0)
+    - ReactiveCocoa/RACExtensions (= 2.0)
+  - ReactiveCocoa/Core (2.0):
+    - ReactiveCocoa/no-arc
+  - ReactiveCocoa/no-arc (2.0)
+  - ReactiveCocoa/RACExtensions (2.0):
+    - ReactiveCocoa/Core
+  - SDWebImage (5.15.5):
+    - SDWebImage/Core (= 5.15.5)
+  - SDWebImage/Core (5.15.5)
+
+DEPENDENCIES:
+  - Masonry
+  - ReactiveCocoa (~> 2.0.0)
+  - SDWebImage
+
+SPEC REPOS:
+  trunk:
+    - Masonry
+    - ReactiveCocoa
+    - SDWebImage
+
+SPEC CHECKSUMS:
+  Masonry: 678fab65091a9290e40e2832a55e7ab731aad201
+  ReactiveCocoa: c5347d7b1c348d22a85800e14e89da84c5254cfb
+  SDWebImage: fd7e1a22f00303e058058278639bf6196ee431fe
+
+PODFILE CHECKSUM: 2ba464d620ec900e241ab851664fefbb0439d2f1
+
+COCOAPODS: 1.12.0