Skip to content

陈高翔 / DreamSleep-iOS

转到一个项目
切换导航栏
切换导航栏固定状态
Commit 72631472 由 cgx
选项

优化绑定手机UI

1 个父辈 a463d971
内嵌 并排
正在显示 2 个修改的文件 包含 85 行增加 和 22 行删除
DreamSleep/DreamSleep/Class/CommunityModule/DynamicPublish/BindMobileController.m
......@@ -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 {
......
DreamSleep/DreamSleep/Class/CommunityModule/DynamicPublish/BindMobileController.storyboard
<?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"/>
......
支持 Markdown 格式
你添加了 0 人 到此讨论。请谨慎行事。
Finish editing this message first!