ios swift模仿qq登陆界面，xml布局
给大家推荐两个学习的地址：
极客学院的视频：http://www.jikexueyuan.com/path/ios/
一个博客：http://blog.csdn.net/lizhongfu2013/article/details/29210015
主要想要实现一个模仿的登陆界面
代码：
//
// LoginViewController.swift
// IBM_LOGIN
//
// Created by dcintern on 6/26/15.
// Copyright (c) 2015 dcintern. All rights reserved.
// //import Foundation import UIKit class LoginViewController: UIViewController
{ /// 定义属性
var QQNumber = UITextField()
var PassNumber = UITextField() override func viewDidLoad() { self.view.backgroundColor = UIColor.whiteColor()
super.viewDidLoad() // 添加头图片
[self .addAllSubViews()];
} // 添加所有子控件
func addAllSubViews(){ /// 平铺背景
var headImage = UIImageView(frame: CGRectMake(0,0, 400, 800))
headImage.image = UIImage(named:"123.jpeg")
self.view.addSubview(headImage) /// QQ号输入提示，暂时没有用到
var phoneText = UILabel(frame: CGRectMake(30, 240, UIScreen.mainScreen().bounds.size.width-60, 30))
phoneText.text = ""
self.view.addSubview(phoneText) /// QQ号输入框
var QQNumber = UITextField(frame: CGRectMake(30, 150, UIScreen.mainScreen().bounds.size.width-60, 30))
QQNumber.placeholder = " username"
QQNumber.layer.borderWidth = 2
QQNumber.layer.borderColor = UIColor.lightGrayColor().CGColor
QQNumber.layer.cornerRadius = 5
QQNumber.keyboardType = UIKeyboardType.NumberPad
self.view.addSubview(QQNumber)
self.QQNumber = QQNumber /// 密码输入提示，暂时没用到
var passText = UILabel(frame: CGRectMake(30, 300, UIScreen.mainScreen().bounds.size.width-60, 30))
passText.text = ""
self.view.addSubview(passText) /// 密码输入框
var PassNumber = UITextField(frame: CGRectMake(30, 200, UIScreen.mainScreen().bounds.size.width-60, 30))
PassNumber.placeholder = " password"
PassNumber.layer.borderWidth = 2
PassNumber.layer.borderColor = UIColor.lightGrayColor().CGColor
PassNumber.layer.cornerRadius = 5
self.view.addSubview(PassNumber)
self.PassNumber = PassNumber /// 密码找回
var button = UIButton(frame: CGRectMake(200, 360, 120, 30))
UIButton.buttonWithType(UIButtonType.Custom)
button.setTitle("忘记密码", forState: UIControlState.Normal)
button.setTitleColor(UIColor.lightGrayColor(), forState: UIControlState.Normal)
self.view.addSubview(button)
button.addTarget(self, action: "onClick", forControlEvents: UIControlEvents.TouchUpInside) } /// 密码找回方法实现
func onClick()
{ ///找回密码提示
UIAlertView(title: "温馨提示", message: "新密码已发送至手机上", delegate: nil, cancelButtonTitle: "确定", otherButtonTitles: "取消").show()
}
/**
点击界面键盘辞去第一响应者
*/
override func touchesBegan(touches: NSSet, withEvent event: UIEvent)
{ self.QQNumber.resignFirstResponder()
self.PassNumber.resignFirstResponder()
} }
实现根据xml进行布局：
import UIkit
class LoginViewController : UIViewController,NSXMLParserDelegate
{
///
/// 定义属性
var m_Username = UITextField()
var m_Password = UITextField()
var m_backgroundRect = CGRectMake(0,0,0,0)
var m_UsernameRect = CGRectMake(0,0,0,0)
var m_PassWordRect = CGRectMake(0,0,0,0)
var m_ConnectRect = CGRectMake(0,0,0,0)
var m_ForgetRect = CGRectMake(0,0,0,0)
var myActivityIndicator: UIActivityIndicatorView!
override func viewDidLoad()
{
self.view.backgroundColor = UIColor.whiteColor()
super.viewDidLoad()
var parser = NSXMLParser(contentsOfURL: NSURL(fileURLWithPath: NSBundle.mainBundle().pathForResource("LoginLayout", ofType: "xml")!))
parser?.delegate = self
parser?.parse()
// 添加头图片
[self .addAllSubViews()];
}
// 添加所有子控件
func addAllSubViews()
{
/// 平铺背景
// var headImage = UIImageView(frame: m_backgroundRect)
// headImage.image = UIImage(named:"background.jpg")
//self.view.addSubview(headImage)
//float lightblue[]={0.6824f, 0.7882f, 1.0f, 1.0f};
//var color = CGColorCreate(CGColorSpaceCreateDeviceRGB(), myColor)
ServerAddress.layer.borderColor = UIColor.blackColor().CGColor
ServerAddress.layer.cornerRadius = 5
self.view.addSubview(ServerAddress)
self.m_ServerAddress = ServerAddress
/// username input textbox
var Username = UITextField(frame: m_UsernameRect)
Username.placeholder = " username"
Username.layer.borderWidth = 2
Username.layer.borderColor = UIColor.blackColor().CGColor
Username.layer.cornerRadius = 5
self.view.addSubview(Username)
self.m_Username = Username
/// password input textbox
var Password = UITextField(frame: m_PassWordRect)
Password.placeholder = " password"
Password.layer.borderWidth = 2
Password.layer.borderColor = UIColor.blackColor().CGColor
Password.layer.cornerRadius = 5
self.view.addSubview(Password)
self.m_Password = Password
/// confirm the connection button
var confirmbutton = UIButton(frame: m_ConnectRect)
UIButton.buttonWithType(UIButtonType.Custom)
confirmbutton.setTitle("Connect", forState: UIControlState.Normal)
confirmbutton.setTitleColor(UIColor.blackColor(), forState: UIControlState.Normal)
self.view.addSubview(confirmbutton)
confirmbutton.addTarget(self, action: "onClickConfirm", forControlEvents: UIControlEvents.TouchUpInside)
/// findback password button
var button = UIButton(frame: m_ForgetRect)
UIButton.buttonWithType(UIButtonType.Custom)
button.setTitle("Forget password!", forState: UIControlState.Normal)
button.setTitleColor(UIColor.lightGrayColor(), forState: UIControlState.Normal)
self.view.addSubview(button)
button.addTarget(self, action: "onClickFindPasswordBack", forControlEvents: UIControlEvents.TouchUpInside)
// myActivityIndicator = UIActivityIndicatorView()
//myActivityIndicator.activityIndicatorViewStyle = UIActivityIndicatorViewStyle.Gray
//myActivityIndicator.center = self.view.center;
myActivityIndicator = UIActivityIndicatorView(activityIndicatorStyle: .White)
myActivityIndicator.frame = CGRectMake(self.view.frame.size.width/2 - 50, 250, 100, 100)
myActivityIndicator.color = UIColor.blackColor()
self.view.addSubview(myActivityIndicator);
}
///on confirm connettion
func onClickConfirm()
{
///check if ip,username,passname is correct
println(m_ServerAddress.text)
//eares the space before and after
}
/// 密码找回方法实现
func onClickFindPasswordBack()
{
///找回密码提示, otherButtonTitles: "取消"这个参数如何传进去？
UIAlertView(title: "温馨提示", message: "新密码已发送至手机上", delegate: nil, cancelButtonTitle: "确定").show()
}
/**
点击界面键盘辞去第一响应者
*/
override func touchesBegan(touches: NSSet, withEvent event: UIEvent)
{
self.m_Username.resignFirstResponder()
self.m_Password.resignFirstResponder()
}
var currentNodeName:String!
func parser(parser: NSXMLParser, didStartElement elementName: String!, namespaceURI: String!, qualifiedName qName: String!, attributes attributeDict: [NSObject : AnyObject]!)
{
currentNodeName = elementName
//review the code using swith
if elementName == "background"
{
let x = CGFloat(((attributeDict["x"]! as String )as NSString).floatValue)
let y = CGFloat(((attributeDict["y"]! as String ) as NSString).floatValue)
let Width = CGFloat(((attributeDict["Width"]! as String )as NSString).floatValue)
let Height = CGFloat(((attributeDict["Height"]! as String ) as NSString).floatValue)
m_backgroundRect = CGRectMake(x,y,Width,Height)
}
else if(elementName == "ServerAddress")
{
let x = CGFloat(((attributeDict["x"]! as String )as NSString).floatValue)
let y = CGFloat(((attributeDict["y"]! as String ) as NSString).floatValue)
let Width = CGFloat(((attributeDict["Width"]! as String )as NSString).floatValue)
let Height = CGFloat(((attributeDict["Height"]! as String ) as NSString).floatValue)
m_ServerAddressRect = CGRectMake(x,y,Width,Height)
}
else if(elementName == "Username")
{
let x = CGFloat(((attributeDict["x"]! as String )as NSString).floatValue)
let y = CGFloat(((attributeDict["y"]! as String ) as NSString).floatValue)
let Width = CGFloat(((attributeDict["Width"]! as String )as NSString).floatValue)
let Height = CGFloat(((attributeDict["Height"]! as String ) as NSString).floatValue)
m_UsernameRect = CGRectMake(x,y,Width,Height)
}
else if(elementName == "Password")
{
let x = CGFloat(((attributeDict["x"]! as String )as NSString).floatValue)
let y = CGFloat(((attributeDict["y"]! as String ) as NSString).floatValue)
let Width = CGFloat(((attributeDict["Width"]! as String )as NSString).floatValue)
let Height = CGFloat(((attributeDict["Height"]! as String ) as NSString).floatValue)
m_PassWordRect = CGRectMake(x,y,Width,Height)
}
else if(elementName == "Connect")
{
let x = CGFloat(((attributeDict["x"]! as String )as NSString).floatValue)
let y = CGFloat(((attributeDict["y"]! as String ) as NSString).floatValue)
let Width = CGFloat(((attributeDict["Width"]! as String )as NSString).floatValue)
let Height = CGFloat(((attributeDict["Height"]! as String ) as NSString).floatValue)
m_ConnectRect = CGRectMake(x,y,Width,Height)
}
else if(elementName == "Forget")
{
let x = CGFloat(((attributeDict["x"]! as String )as NSString).floatValue)
let y = CGFloat(((attributeDict["y"]! as String ) as NSString).floatValue)
let Width = CGFloat(((attributeDict["Width"]! as String )as NSString).floatValue)
let Height = CGFloat(((attributeDict["Height"]! as String ) as NSString).floatValue)
m_ForgetRect = CGRectMake(x,y,Width,Height)
}
}
func parser(parser: NSXMLParser, foundCharacters string: String!) {
// println(string)
var str = string.stringByTrimmingCharactersInSet(NSCharacterSet.whitespaceAndNewlineCharacterSet())
if str != ""{
println("current node : \(currentNodeName),value : \(str)")
}
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
lazy var m_connect: ConnectServer? = {
return ConnectServer()
}()
}
xml：
<LoginLayout>
<background x="0" y="0" Width="400" Height="800">
<Image name="background.jpg"> </Image>
</background> <Username x="30" y="150" Width="300" Height="30">
</Username>
<Password x="30" y="200" Width="300" Height="30">
</Password> <Connect x="30" y="250" Width="100" Height="30">
</Connect> <Forget x="200" y="250" Width="200" Height="30">
</Forget>
</LoginLayout>
对xml解析类的封装：
NSXMLParser(data: data)，这个有几种初始化的方法，但是string就不行，得转换成NSdata，还是比较蛋疼的
//
// VMXMLParser.swift
// XMLParserTest
//
// Created by Jimmy Jose on 22/08/14.
//https://github.com/varshylmobile/VMXMLParser
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE. import Foundation // Todo: Add documentation
class VMXMLParser: NSObject,NSXMLParserDelegate{ private let kParserError = "Parser Error"
private var activeElement = ""
private var previousElement = "-1"
private var previousElementValue = ""
private var arrayFinalXML = NSMutableArray()
private var dictFinalXML = NSMutableDictionary()
private var completionHandler:((tags:NSArray?, error:String?)->Void)? var lameMode = true var reoccuringTag:NSString = ""
var m_Projects:[String] = []
/**
Initializes a new parser with url of NSURL type. :param: url The url of xml file to be parsed
:param: completionHandler The completion handler :returns: Void.
*/ override init() { super.init() } func parseXMLFromURL(url:NSURL,takeChildOfTag:NSString,completionHandler:((tags:NSArray?, error:String?)->Void)? = nil){ self.reoccuringTag = takeChildOfTag
VMXMLParser().initWithURL(url, completionHandler: completionHandler) } func parseXMLFromURLString(urlString:NSString,takeChildOfTag:NSString,completionHandler:((tags:NSArray?, error:String?)->Void)? = nil){
self.reoccuringTag = takeChildOfTag initWithURLString(urlString, completionHandler: completionHandler)
} func parseXMLFromData(data:NSData,takeChildOfTag:NSString,completionHandler:((tags:NSArray?, error:String?)->Void)? = nil){
self.reoccuringTag = takeChildOfTag
initWithContentsOfData(data, completionHandler:completionHandler) } class func initParserWithURL(url:NSURL,completionHandler:((tags:NSArray?, error:String?)->Void)? = nil){ VMXMLParser().initWithURL(url, completionHandler: completionHandler) } class func initParserWithURLString(urlString:NSString,completionHandler:((tags:NSArray?, error:String?)->Void)? = nil){ VMXMLParser().initWithURLString(urlString, completionHandler: completionHandler)
} class func initParserWithData(data:NSData,completionHandler:((tags:NSArray?, error:String?)->Void)? = nil){ VMXMLParser().initWithContentsOfData(data, completionHandler:completionHandler) } private func initWithURL(url:NSURL,completionHandler:((tags:NSArray?, error:String?)->Void)? = nil) -> AnyObject { parseXMLForUrl(url :url, completionHandler: completionHandler) return self } private func initWithURLString(urlString :NSString,completionHandler:((tags:NSArray?, error:String?)->Void)? = nil) -> AnyObject { let url = NSURL(string: urlString as String)!
parseXMLForUrl(url :url, completionHandler: completionHandler) return self
} private func initWithContentsOfData(data:NSData,completionHandler:((tags:NSArray?, error:String?)->Void)? = nil) -> AnyObject { initParserWith(data: data) return self } private func parseXMLForUrl(#url:NSURL,completionHandler:((tags:NSArray?, error:String?)->Void)? = nil){ self.completionHandler = completionHandler beginParsingXMLForUrl(url) } private func beginParsingXMLForUrl(url:NSURL){ let request:NSURLRequest = NSURLRequest(URL:url) let queue:NSOperationQueue = NSOperationQueue() NSURLConnection.sendAsynchronousRequest(request,queue:queue,completionHandler:{response,data,error in if(error != nil){
if(self.completionHandler != nil){
self.completionHandler?(tags:nil,error:error.localizedDescription)
} }else{ self.initParserWith(data: data) }})
} private func initParserWith(#data:NSData){ var parser = NSXMLParser(data: data)
parser.delegate = self var success:Bool = parser.parse() if success { if(self.arrayFinalXML.count > 0)
{
if(self.completionHandler != nil)
{
self.completionHandler?(tags:self.arrayFinalXML,error:nil)
}
} }
else
{ if(self.completionHandler != nil)
{
self.completionHandler?(tags:nil,error:kParserError)
}
} } internal func parser(parser: NSXMLParser, didStartElement elementName: String, namespaceURI: String?, qualifiedName qName: String?, attributes attributeDict: [NSObject : AnyObject]) {
activeElement = elementName;
println(elementName)
if elementName == "Project"
{
let name = (attributeDict["Name"]! as String )
println(name)
m_Projects.append(name) } if(reoccuringTag.isEqualToString(elementName)){ dictFinalXML = NSMutableDictionary()
}
} internal func parser(parser: NSXMLParser, didEndElement elementName: String, namespaceURI: String?, qualifiedName qName: String?) { if(reoccuringTag.length == 0){
if((dictFinalXML.objectForKey(activeElement)) != nil){ arrayFinalXML.addObject(dictFinalXML)
dictFinalXML = NSMutableDictionary() }else{ dictFinalXML.setValue(previousElementValue, forKey: activeElement)
}
}else{
//println(elementName)
if(reoccuringTag.isEqualToString(elementName)){ arrayFinalXML.addObject(dictFinalXML)
dictFinalXML = NSMutableDictionary() }else{ dictFinalXML.setValue(previousElementValue, forKey: activeElement) } } previousElement = "-1"
previousElementValue = "" } internal func parser(parser: NSXMLParser, foundCharacters string: String?) { if var str = string as NSString? {
str = str.stringByTrimmingCharactersInSet(NSCharacterSet.whitespaceAndNewlineCharacterSet()) if((previousElement as NSString).isEqualToString("-1")){ previousElement = activeElement
previousElementValue = str as String }else{ if((previousElement as NSString).isEqualToString(activeElement)){ previousElementValue = previousElementValue + (str as String) }else{ previousElement = activeElement
previousElementValue = str as String
}
}
}
} internal func parser(parser: NSXMLParser, parseErrorOccurred parseError: NSError) {
if(self.completionHandler != nil){
self.completionHandler?(tags:nil,error:parseError.localizedDescription)
}
} }
ios swift模仿qq登陆界面，xml布局的更多相关文章
- Qt 之 模仿 QQ登陆界面——样式篇
一.简述 今天晚上花了半天时间从QQ登录界面抠了些图,顺便加了点样式基本上实现了QQ的登陆界面全部效果.虽不说100%相似,那也有99.99%相似了哈O(∩_∩)O. QQ好像从去年开始,登录界面有了 ...
- [转]Android：布局实例之模仿QQ登录界面
Android:布局实例之模仿QQ登录界面 预览图: 准备: 1.找到模仿对象 QQ登陆界面UI下载>>>>> 2.导入工程 3.查看布局结构和使用控件 其对应效果图分布 ...
- Android：布局实例之模仿QQ登录界面
预览图: 准备: 1.找到模仿对象 QQ登陆界面UI下载>>>>> 2.导入工程 3.查看布局结构和使用控件 其对应效果图分布为 4.分析样式选择器 下拉箭头2种样式:点 ...
- [iOS基础控件 - 3.1] QQ登陆界面
A.storyboard 控件版 1.label 2.textfield a.Keyboard Type 账号:Number Pad 密码:Num ...
- WPF和Expression Blend开发实例:模拟QQ登陆界面打开和关闭特效
不管在消费者的心中腾讯是一个怎么样的模仿者抄袭者的形象,但是腾讯在软件交互上的设计一直是一流的.正如某位已故的知名产品经理所说的:设计并非外观怎样,感觉如何.设计的是产品的工作原理.我觉得腾讯掌握了其 ...
- QQ聊天界面的布局和设计(IOS篇)-第二季
QQChat Layout - 第二季 本来第二季是快写好了, 也花了点功夫, 结果gitbook出了点问题, 给没掉了.有些细节可能会一带而过, 如有疑问, 相互交流进步~. 在第一季中我们完成了Q ...
- QQ聊天界面的布局和设计(IOS篇)-第一季
我写的源文件整个工程会再第二季中发上来~,存在百度网盘, 感兴趣的童鞋, 可以关注我的博客更新,到时自己去下载~.喵~~~ QQChat Layout - 第一季 一.准备工作 1.将假数据messa ...
- java代码完全手写模仿qq登录界面
这是我模仿QQ2015版界面,实现的基本功能有登陆验证,重置等,当然直接复制代码运行是不一样的,还要注意自己插入自己的图片. 结果截图如下所示: import java.awt.BorderLayou ...
- 浅谈HTML之模仿人人网登陆界面（新手必学）
为方便大家对web相关知识的了解,现谈谈新手如何从HTML css Javascript到以后后台的发展.首先,让大家看看HTML仿人人登陆界面: <!doctype html> < ...
随机推荐
- 关于html+ashx开发中几个问题的解决方法
在跟html+ashx打交道的园友们肯定会发现,这种模式虽然优美,但在开发中会遇到一些难处理的地方.我也不例外,下面是自己在实际开发中总结出来的几条经验,希望跟大家分享,更希望得到大家的建议和更好的解 ...
- Linux shell查询ip归属地
起因 有的时候写脚本需要能够在脚本中获取到ip的归属地,比如分析登录日志列出攻击者的相关信息等. 可以使用whois来查询ip的详细信息,但是whois并不是每台机器预装的,而且我想看中文的结果,所以 ...
- ACM Meteor Shower
贝茜听到一场非同寻常的流星雨( meteor shower)即将来临;有报道称这些流星将撞击地球并摧毁它们所击中的任何东西.为了安全起见(Anxious for her safety), ,她发誓(v ...
- PHP Zip File 函数
通过 PHP 中的相关函数,你可以实现 zip 文件的解压缩操作! PHP Zip File 简介 Zip File 函数允许您读取压缩文件. 安装 如需在服务器上运行 Zip File 函数,必须安 ...
- 没有JavaScript的基础，我可以学习Angular2吗？
Can I learn and understand Angular2 without understanding JavaScript? 没有JavaScript基础我能学习和理解Angular2吗 ...
- 用Netty开发中间件：网络编程基础
用Netty开发中间件:网络编程基础 <Netty权威指南>在网上的评价不是很高,尤其是第一版,第二版能稍好些?入手后快速翻看了大半本,不免还是想对<Netty权威指南(第二版)&g ...
- CentOS7.2安装Weblogic12c出现的问题
Weblogic12c安装到步骤:Prerequisite Checks 时,会进行操作系统版本的校验,即checking operating system certification. 此处 ...
- IntelliJ IDEA在Local模式下Spark程序消除日志中INFO输出
在使用Intellij IDEA,local模式下运行Spark程序时,会在Run窗口打印出很多INFO信息,辅助信息太多可能会将有用的信息掩盖掉.如下所示 要解决这个问题,主要是要正确设置好log4 ...
- Android Studio突然不显示logcat日志
参考文章:http://blog.csdn.net/victor_e_n_01185/article/details/52818809 有时候,AS出现没有log的情况.一般您换了模拟器,或者使用真机 ...
- 剑指Offer——知识点储备-常用算法
剑指Offer--知识点储备-常用算法 快速排序 注:若排序是有序的,采用快排,则退化为冒泡排序. 解决这个问题,采用两个选取基准的方法 (1)随机选取基数(在这个区间内随机取一个数) 出现的恶劣情况 ...