iOS开发UI篇—模仿ipad版QQ空间登录界面

简介:

一、实现和步骤

1.一般ipad项目在命名的时候可以加一个HD,标明为高清版

2.设置项目的文件结构,分为home和login两个部分

3.登陆界面的设置

(1)设置第一个控制器和自定义的控制器类(登陆)关联

(2)设置控制器的view的颜色,RGB三个值都为42

(3)导入相关的素材图片

关于图片:一般给竖屏用的图片,以portrait名称标识,给横屏用的图片,以Landscape名称标识

修改plist文件,调整图片

提示:在项目中(ipad的使用中)有很多的地方都会用到图标

补充:关于apple开发运用中图标的尺寸,可以查看官方文档(apple icon)。

(4)初步的界面设置

添加一个UIimageView到storyboard中,设置其对应的图片。

使用outLayOut对其进行布局。设置其距离view的顶部有50的距离并固定,设置其水平居中。

添加一个view到storyboard中,用来装载密码,登陆等控件。

添加一个imageView到storyboard中,用来设置密码和登陆。(注意:这里提供的图片需要拉伸,设置拉伸最中间的1个像素)。

设置账号,调整约束。添加一个对应的textfield控件,设置约束,设置内部的文字颜色为白色,设置取出白色的背景,设置当编辑时提供一个清除按钮,设置键盘为数字键盘。

设置其边框样式

设置账号输入框的弹出键盘为数字键盘

设置弹出的数字键盘的return键位Next.

设置密码,步骤类似于账号,设置账号内部文字为密文。

设置清除按钮

设置密码输入框的弹出键盘的return键位Done.

(5)关于键盘的处理。

默认键盘。next,和Done。

让控制器称为文本框的代理。控制器需要遵守协议。

关于自动对文本框当前是否有数值进行判断,勾选选项,当textField中没有值的时候,(return)为灰色按钮,有值的时候可点。

点击Next按键,光标移动到密码输入框上,点击Done按键,执行登录相关操作。

实现代码如下(注意已经对两个textField进行了拖线处理)

说明:这里最简单的办法是在storyboard中给两个textfield设置两个tag值,在代码处理中根据其tag值取出相对应的textField,但是不推荐这么做。

二、登陆的设置

提示:在storyboard或者xib中对一块图片进行拉伸只对imageView有效,对按钮是没有效果的。

如何设置按钮填充:

第一种方式:使用代码拉伸最中间的一个像素。

第二种方式:直接对图片进行设置。

目录
相关文章
|
1月前
|
API 数据安全/隐私保护 iOS开发
利用uni-app 开发的iOS app 发布到App Store全流程
利用uni-app 开发的iOS app 发布到App Store全流程
92 3
|
3月前
|
存储 iOS开发
iOS 开发,如何进行应用的本地化(Localization)?
iOS 开发,如何进行应用的本地化(Localization)?
122 2
|
3月前
|
存储 数据建模 数据库
IOS开发数据存储:什么是 UserDefaults?有哪些替代方案?
IOS开发数据存储:什么是 UserDefaults?有哪些替代方案?
40 0
|
10天前
|
API 定位技术 iOS开发
IOS开发基础知识:什么是 Cocoa Touch?它在 iOS 开发中的作用是什么?
【4月更文挑战第18天】**Cocoa Touch** 是iOS和Mac OS X应用的核心框架,包含面向对象库、运行时系统和触摸优化工具。它提供Mac验证的开发模式,强调触控接口和性能,涵盖3D图形、音频、网络及设备访问API,如相机和GPS。是构建高效iOS应用的基础,对开发者至关重要。
12 0
|
25天前
|
开发工具 Swift iOS开发
利用SwiftUI构建动态用户界面:iOS开发新范式
【4月更文挑战第3天】 随着苹果不断推进其软件开发工具的边界,SwiftUI作为一种新兴的编程框架,已经逐渐成为iOS开发者的新宠。不同于传统的UIKit,SwiftUI通过声明式语法和强大的功能组合,为创建动态且响应式的用户界面提供了一种更加简洁高效的方式。本文将深入探讨如何利用SwiftUI技术构建具有高度自定义能力和响应性的用户界面,并展示其在现代iOS应用开发中的优势和潜力。
|
2月前
|
监控 API Swift
用Swift开发iOS平台上的上网行为管理监控软件
在当今数字化时代,随着智能手机的普及,人们对于网络的依赖日益增加。然而,对于一些特定场景,如家庭、学校或者企业,对于iOS设备上的网络行为进行管理和监控显得尤为重要。为了满足这一需求,我们可以利用Swift语言开发一款iOS平台上的上网行为管理监控软件。
205 2
|
3月前
|
数据可视化 iOS开发
iOS 开发,什么是 Interface Builder(IB)?如何使用 IB 构建用户界面?
iOS 开发,什么是 Interface Builder(IB)?如何使用 IB 构建用户界面?
40 4
|
3月前
|
iOS开发
iOS开发解释 App 生命周期,包括各个阶段的调用顺序。
iOS开发解释 App 生命周期,包括各个阶段的调用顺序。
28 1
|
3月前
|
存储 安全 数据安全/隐私保护
IOS开发数据存储:解释一下 iOS 中的 Keychain,它的作用是什么?
IOS开发数据存储:解释一下 iOS 中的 Keychain,它的作用是什么?
92 4
|
3月前
|
存储 数据库 iOS开发
IOS开发数据存储:什么是 CoreData?如何在应用中使用它?
IOS开发数据存储:什么是 CoreData?如何在应用中使用它?
37 0