优化绑定手机UI

cgx
Commit 23bb143b 由 cgx 编写于 2022-10-28 16:04:30 +0800
DreamSleep/DreamSleep/Class/CommunityModule/DynamicPublish/BindMobileController.m
DreamSleep/DreamSleep/Class/CommunityModule/DynamicPublish/BindMobileController.storyboard
--- a/DreamSleep/DreamSleep/Class/CommunityModule/DynamicPublish/BindMobileController.m
查看文件 @23bb143
+++ b/DreamSleep/DreamSleep/Class/CommunityModule/DynamicPublish/BindMobileController.m
查看文件 @23bb143
@@ -64,6 +64,69 @@
    self.bindBtn.dk_backgroundColorPicker = DKColorPickerWithKey(BrandBG);
    [self.bindBtn dk_setTitleColorPicker:DKColorPickerWithKey(Sub_Navi_TITLE) forState:UIControlStateNormal];
+    [self.bindMobileLab mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.left.equalTo(self.view).offset(30);
+        make.top.equalTo(self.view).offset(118);
+    }];
+    [self.mobileLab mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.left.equalTo(self.bindMobileLab);
+        make.top.equalTo(self.bindMobileLab.mas_bottom).offset(40);
+    }];
+    [self.mobileIcon mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.left.equalTo(self.mobileLab);
+        make.top.equalTo(self.mobileLab.mas_bottom).offset(24);
+    }];
+    [self.countryLab mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.left.equalTo(self.mobileIcon.mas_right).offset(8);
+        make.centerY.equalTo(self.mobileIcon);
+    }];
+    [self.selectIcon mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.left.equalTo(self.countryLab.mas_right).offset(4);
+        make.centerY.equalTo(self.countryLab);
+    }];
+    [self.mobileTF mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.left.equalTo(self.selectIcon.mas_right).offset(12);
+        make.centerY.equalTo(self.selectIcon);
+        make.right.equalTo(self.view).offset(-60);
+    }];
+    [self.mobileLine mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.left.equalTo(self.mobileIcon);
+        make.right.equalTo(self.view).offset(-30);
+        make.top.equalTo(self.mobileIcon.mas_bottom).offset(9);
+        make.height.equalTo(@1);
+    }];
+    [self.verifyLab mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.left.equalTo(self.mobileLine);
+        make.top.equalTo(self.mobileLine.mas_bottom).offset(24);
+    }];
+    [self.verifyTF mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.left.equalTo(self.verifyLab);
+        make.top.equalTo(self.verifyLab.mas_bottom).offset(24);
+    }];
+    [self.getCodeBtn mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.right.equalTo(self.view).offset(-30);
+        make.center.equalTo(self.verifyTF);
+    }];
+    [self.timeLab mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.right.equalTo(self.view).offset(-30);
+        make.center.equalTo(self.verifyTF);
+    }];
+    [self.codeLine mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.left.equalTo(self.verifyTF);
+        make.right.equalTo(self.view).offset(-30);
+        make.top.equalTo(self.verifyTF.mas_bottom).offset(8);
+    }];
+    [self.bindBtn mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.centerX.equalTo(self.view);
+        make.top.equalTo(self.codeLine.mas_bottom).offset(64);
+        make.size.mas_equalTo(CGSizeMake(206, 50));
+    }];
+    [self.tipsLab mas_makeConstraints:^(MASConstraintMaker *make) {
+        make.left.equalTo(self.view).offset(15);
+        make.right.equalTo(self.view).offset(-15);
+        make.top.equalTo(self.bindBtn.mas_bottom).offset(48);
+    }];
 }
 - (void)dealloc {

--- a/DreamSleep/DreamSleep/Class/CommunityModule/DynamicPublish/BindMobileController.storyboard
查看文件 @23bb143
+++ b/DreamSleep/DreamSleep/Class/CommunityModule/DynamicPublish/BindMobileController.storyboard
查看文件 @23bb143
 <?xml version="1.0" encoding="UTF-8"?>
 <document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="20037" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES">
-    <device id="retina6_7" orientation="portrait" appearance="light"/>
+    <device id="retina5_5" orientation="portrait" appearance="light"/>
    <dependencies>
        <deployment identifier="iOS"/>
        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="20020"/>
@@ -14,64 +14,57 @@
            <objects>
                <viewController storyboardIdentifier="BindMobileController" id="Y6W-OH-hqX" customClass="BindMobileController" sceneMemberID="viewController">
                    <view key="view" contentMode="scaleToFill" id="5EZ-qb-Rvc">
-                        <rect key="frame" x="0.0" y="0.0" width="428" height="926"/>
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="736"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <subviews>
-                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="绑定手机" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="8ji-h4-dGD">
-                                <rect key="frame" x="30" y="162" width="122" height="36"/>
-                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                                <fontDescription key="fontDescription" type="boldSystem" pointSize="30"/>
-                                <nil key="textColor"/>
-                                <nil key="highlightedColor"/>
-                            </label>
                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="手机号码" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="YqO-NQ-fpx">
-                                <rect key="frame" x="30" y="238" width="66" height="20"/>
+                                <rect key="frame" x="50" y="314" width="66" height="20"/>
                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                <fontDescription key="fontDescription" type="boldSystem" pointSize="16"/>
                                <nil key="textColor"/>
                                <nil key="highlightedColor"/>
                            </label>
                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" image="ic_bangding_shouji" translatesAutoresizingMaskIntoConstraints="NO" id="MhA-vv-J9F">
-                                <rect key="frame" x="30" y="282" width="20" height="20"/>
+                                <rect key="frame" x="50" y="358" width="20" height="20"/>
                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                            </imageView>
                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="+86" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="Mld-BQ-jeK">
-                                <rect key="frame" x="58" y="283" width="28" height="18"/>
+                                <rect key="frame" x="78" y="359" width="28" height="18"/>
                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                <fontDescription key="fontDescription" type="system" pointSize="15"/>
                                <nil key="textColor"/>
                                <nil key="highlightedColor"/>
                            </label>
                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" image="ic_bangding_xiala" translatesAutoresizingMaskIntoConstraints="NO" id="yu9-Mt-h1F">
-                                <rect key="frame" x="90" y="282" width="20" height="20"/>
+                                <rect key="frame" x="110" y="358" width="20" height="20"/>
                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                            </imageView>
                            <textField opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="left" contentVerticalAlignment="center" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="VA1-4e-TXw">
-                                <rect key="frame" x="122" y="282" width="232" height="20"/>
+                                <rect key="frame" x="142" y="358" width="198" height="20"/>
                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                <fontDescription key="fontDescription" type="system" pointSize="15"/>
                                <textInputTraits key="textInputTraits" keyboardType="numberPad"/>
                            </textField>
                            <view contentMode="scaleToFill" fixedFrame="YES" translatesAutoresizingMaskIntoConstraints="NO" id="xVQ-vH-hwz">
-                                <rect key="frame" x="30" y="310" width="354" height="1"/>
+                                <rect key="frame" x="50" y="387" width="314" height="1"/>
                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                <color key="backgroundColor" systemColor="systemGray4Color"/>
                            </view>
                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="验证码" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="2KP-cx-O6s">
-                                <rect key="frame" x="30" y="336" width="49" height="20"/>
+                                <rect key="frame" x="50" y="412" width="49" height="20"/>
                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                <fontDescription key="fontDescription" type="boldSystem" pointSize="16"/>
                                <nil key="textColor"/>
                                <nil key="highlightedColor"/>
                            </label>
                            <textField opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="left" contentVerticalAlignment="center" textAlignment="natural" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="Uc9-gm-PJX">
-                                <rect key="frame" x="30" y="380" width="240" height="20"/>
+                                <rect key="frame" x="50" y="456" width="100" height="20"/>
                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                <fontDescription key="fontDescription" type="system" pointSize="15"/>
                                <textInputTraits key="textInputTraits" keyboardType="numberPad"/>
                            </textField>
                            <button opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="lnm-IB-3JO">
-                                <rect key="frame" x="286" y="377.5" width="101" height="32"/>
+                                <rect key="frame" x="287" y="451" width="77" height="30"/>
                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                <fontDescription key="fontDescription" type="system" pointSize="15"/>
                                <inset key="imageEdgeInsets" minX="0.0" minY="0.0" maxX="2.2250738585072014e-308" maxY="0.0"/>
@@ -83,12 +76,12 @@
                                </connections>
                            </button>
                            <view contentMode="scaleToFill" fixedFrame="YES" translatesAutoresizingMaskIntoConstraints="NO" id="Bgw-6u-68b">
-                                <rect key="frame" x="30" y="413.5" width="354" height="1"/>
+                                <rect key="frame" x="50" y="489" width="314" height="1"/>
                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                <color key="backgroundColor" systemColor="systemGray3Color"/>
                            </view>
                            <button opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="xm7-c6-wqa">
-                                <rect key="frame" x="104" y="478.5" width="206" height="50"/>
+                                <rect key="frame" x="104" y="554" width="206" height="50"/>
                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                <fontDescription key="fontDescription" type="boldSystem" pointSize="16"/>
                                <inset key="imageEdgeInsets" minX="0.0" minY="0.0" maxX="2.2250738585072014e-308" maxY="0.0"/>
@@ -106,19 +99,26 @@
                                </connections>
                            </button>
                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="应国家相关法律要求，使用信息发布，即时通讯等互联网服务需要进行身份信息验证。为保障您对相关服务功能的正常使用，建议您尽快完成手机号验证，感谢您的理解和支持。" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="LbC-sS-eWX">
-                                <rect key="frame" x="15" y="576.5" width="384" height="43"/>
+                                <rect key="frame" x="15" y="652" width="384" height="43"/>
                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                <fontDescription key="fontDescription" type="system" pointSize="12"/>
                                <nil key="textColor"/>
                                <nil key="highlightedColor"/>
                            </label>
                            <label hidden="YES" opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="60s后重试" textAlignment="right" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="bLt-hf-6sC">
-                                <rect key="frame" x="286" y="383" width="102" height="20"/>
+                                <rect key="frame" x="291.66666666666669" y="457" width="72.333333333333314" height="18"/>
                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                <fontDescription key="fontDescription" type="system" pointSize="15"/>
                                <nil key="textColor"/>
                                <nil key="highlightedColor"/>
                            </label>
+                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" fixedFrame="YES" text="绑定手机" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="8ji-h4-dGD">
+                                <rect key="frame" x="50" y="238" width="122" height="36"/>
+                                <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                <fontDescription key="fontDescription" type="boldSystem" pointSize="30"/>
+                                <nil key="textColor"/>
+                                <nil key="highlightedColor"/>
+                            </label>
                        </subviews>
                        <viewLayoutGuide key="safeArea" id="vDu-zF-Fre"/>
                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>