ios笑脸app实现

import UIKit

@IBDesignable
class FaceView: UIView { @IBInspectable
var lineWidth:CGFloat=3{didSet{setNeedsLayout()}}
@IBInspectable
var color:UIColor = UIColor.blueColor(){didSet{setNeedsLayout()}}
@IBInspectable
var scale:CGFloat=0.9{didSet{setNeedsLayout()}} var faceCenter:CGPoint{
return convertPoint(center, fromView: superview)
} var faceRadius:CGFloat{
return min(bounds.size.width, bounds.size.height)/2*scale
} private struct Scaling {
static let FaceRadiusToEyeRadiusRatio: CGFloat = 10
//大圆半径(face半径)与小圆半径(eye半径)的比率,次数越小,小圆越大.因为 下面bezierPathForEye的方法中定义 eyeRadius = faceRadius / Scaling.FaceRadiusToEyeRadiusRatio
static let FaceRadiusToEyeOffsetRatio: CGFloat = 3
//大圆与小圆的偏移率,此数越大,小圆的圆心距大圆越近
static let FaceRadiusToEyeSeparationRatio: CGFloat = 1.5
//两个小圆之间在大圆内的分离比率
static let FaceRadiusToEyeMounthWidthRatio: CGFloat = 1
static let FaceRadiusToEyeMounthHeightRatio: CGFloat = 3
static let FaceRadiusToEyeMounthOffsetRatio: CGFloat = 3
} private enum Eye {
case Left , Right
} private func bezierPathForEye(whichEye: Eye) -> UIBezierPath {
//此处定义的方法为设置一只眼睛的位置,上面定义了左右眼的枚举,可通过调用.Left.Right来实现两个位置的设定
let eyeRadius = faceRadius / Scaling.FaceRadiusToEyeRadiusRatio
//定义小圆半径是大圆半径的几分之几,此处因为FaceRadiusToEyeRadiusRatio: CGFloat = 10 故为十分之一
let eyeVerticalOffset = faceRadius / Scaling.FaceRadiusToEyeOffsetRatio
//小圆的垂直偏距
let eyeHorizontalSeparation = faceRadius / Scaling.FaceRadiusToEyeSeparationRatio
//小圆的水平距离 var eyeCenter = faceCenter
eyeCenter.y -= eyeVerticalOffset
//此处相当于是用大圆圆心的y坐标减去小圆圆心的y坐标,故小圆圆心在大圆圆心之上.若为加,则在下
switch whichEye {
case .Left: eyeCenter.x -= eyeHorizontalSeparation / 2
//相当于大圆圆心的x坐标减去(小圆圆心的x坐标除以2),即在大圆圆心的左侧
case .Right: eyeCenter.x += eyeHorizontalSeparation / 2
//此处加,即在右侧
} let path = UIBezierPath(arcCenter: eyeCenter, radius: eyeRadius, startAngle: 0, endAngle: CGFloat(2*M_PI), clockwise: true) //画圆
path.lineWidth = lineWidth //设定线宽
return path
} private func bezierPathForSmile(fractionOfMaxSmile: Double) -> UIBezierPath {
let mouthWidth = faceRadius / Scaling.FaceRadiusToEyeMounthWidthRatio
//大圆半径与线宽的比率,此处线宽=大圆半径
let mouthHeight = faceRadius / Scaling.FaceRadiusToEyeMounthHeightRatio
//mouthHeight即线的中点到圆心的距离
let mouthVerticalOffset = faceRadius / Scaling.FaceRadiusToEyeMounthOffsetRatio let smileHeight = CGFloat(max(min(fractionOfMaxSmile, 1), -1)) * mouthHeight
//此处max(min(fractionOfMaxSmile, 1), -1)限定了笑脸指数只能在-1到1之间,fractionOfMaxSmile这个参数可以自行设定,如果设定的大于1,则只取1,设定小于-1,则只取-1 let start = CGPoint(x: faceCenter.x - mouthWidth / 2, y: faceCenter.y + mouthVerticalOffset) //设置起点
let end = CGPoint(x: start.x + mouthWidth, y: start.y) //设置终点
let cp1 = CGPoint(x: start.x + mouthWidth / 3 , y: start.y + smileHeight) //设置曲线点1,此处mouthWidth / 3用于调节曲线的弧度
let cp2 = CGPoint(x: end.x - mouthWidth / 3, y: cp1.y) //设置曲线点2 let path = UIBezierPath()
path.moveToPoint(start)
path.addCurveToPoint(end, controlPoint1: cp1, controlPoint2: cp2)
path.lineWidth = lineWidth
return path
} override func drawRect(rect: CGRect) {
let facePath=UIBezierPath(arcCenter: faceCenter, radius: faceRadius, startAngle: 0, endAngle: CGFloat(2*M_PI), clockwise: true)
facePath.lineWidth=lineWidth
color.set()
facePath.stroke() bezierPathForEye(.Left).stroke()
bezierPathForEye(.Right).stroke() let smiliness = 0.8
let smilePath = bezierPathForSmile(smiliness)
smilePath.stroke()
}
}
  • IBDesignable可以在storyboard中看到自定义的uiview
  • IBInspectable使属性可以改变

利用协议与代理联结数据源

protocol FaceViewDataSource:class {
func smilnessForFaceView(sender:FaceView)->Double?
}

手势识别实现缩放与改变笑脸弧度

 @IBOutlet weak var faceView: FaceView!{
didSet{
faceView.dataSource=self
faceView.addGestureRecognizer(UIPinchGestureRecognizer(target: faceView, action: "scale:"))
//faceView.addGestureRecognizer(UIPanGestureRecognizer(target: self, action: "changeHappiness:")) }
}
private struct Constants{
static let HappinessGestureScale:CGFloat=4
} @IBAction func changeHappiness(sender: UIPanGestureRecognizer) {
switch sender.state {
case .Ended:
fallthrough
case .Changed:
let translation=sender.translationInView(faceView) let happinessChange = -Int(translation.y/Constants.HappinessGestureScale) if happinessChange != 0{
happiness+=happinessChange
sender.setTranslation(CGPoint.zero, inView: faceView)
}
default:
break }
} func scale(gesture:UIPinchGestureRecognizer){
if gesture.state == .Changed{ scale*=gesture.scale gesture.scale=1
}
}

源代码:Happiness

IOS之笑脸app的更多相关文章

  1. iOS高仿app源码:纯代码打造高仿优质《内涵段子》

    iOS高仿app源码:纯代码打造高仿优质<内涵段子>收藏下来 字数1950 阅读4999 评论173 喜欢133 Github 地址 https://github.com/Charlesy ...

  2. 分分钟解决iOS开发中App启动广告的功能

    前不久有朋友需要一个启动广告的功能,我说网上有挺多的,他说,看的不是很理想.想让我写一个,于是乎,抽空写了一个,代码通俗易懂,简单的封装了一下,各种事件用block回调的,有俩种样式的广告,一种是全屏 ...

  3. iOS UIKit:App

    1.App生命周期 IOS架构是由许多设计模式实现,如model-view-controller 和 delegation模式. 1.1 main函数 与其它框架类似,IOS框架的入口也是从main函 ...

  4. 【HELLO WAKA】WAKA iOS客户端 之一 APP分析篇

    由于后续篇幅比较大,所以调整了内容结构. 全系列 [HELLO WAKA]WAKA iOS客户端 之一 APP分析篇 [HELLO WAKA]WAKA iOS客户端 之二 架构设计与实现篇 [HELL ...

  5. <iOS开发>之App上架流程(2017)

    本文主要介绍了App上架流程,以及上架过程中会遇到的一些问题. 一.App上架前的准备. 上架前,需要开发人员有苹果开发者账号,具体请阅读苹果开发者账号注册申请流程.本文是在已经拥有开发者账号的前提下 ...

  6. ios 推送app badge 数字累加操作

    ios 推送app badge 数字累加操作: 一:此数字需要后台配合: 二:大致原理: 后台发推送时,第一次 传badge 为1,往后,依次累加操作即可: 当用户打开app时,app向后台发送请求, ...

  7. iOS 轻松使用 App 数据统计

    想获取用户各项行为数据吗? 想轻松查看用户行为图表吗? 想高效进行 App 运营管理吗? 想,来我带你玩转 App 数据统计.这里我使用专业.轻便的 JAnalytics. 本文内容分为两部分:代码示 ...

  8. IOS研究之App转让流程须知具体介绍

     网络上有非常多开发人员提问怎么转让App并想知道具体的流程.实际上Appstore的App转让流程还是比較简单的.以下特酷吧依据自己的实际操作总结下iOS Appstore中App的转让流程.供 ...

  9. 有谁知道什么工具测试IOS手机上APP的性能软件啊?

    有谁知道什么工具测试IOS手机上APP的性能软件啊?

随机推荐

  1. Redis学习笔记四:独立功能之发布与订阅

    客户端可以通过执行 subscribe 命令订阅一个或多个频道,每当有其他客户端向被订阅的频道发送消息时,频道所有的订阅者都会收到这条消息. 客户端还可以通过执行 psubscribe 命令订阅一个或 ...

  2. Android工程文件下assets文件夹与res文件夹的区别

    1.assets:不会在R.java文件下生成相应的标记,assets文件夹可以自己创建文件夹,必须使用AssetsManager类进行访问,存放到这里的资源在运行打包的时候都会打入程序安装包中, 2 ...

  3. Java开源安全框架之Apache Shiro

    APACHE SHIRO安全框架 1      背景 Shiro项目始于2003年初,当时它叫JSecurity项目,当时对于Java应用开发人员没有太多的安全替代方案,始终被一个叫JAAS(Java ...

  4. Android应用签名

    http://www.cnblogs.com/ghj1976/archive/2011/07/18/2109381.html 为了要签名? 开发Android的人这么多,完全有可能大家都把类名,包名起 ...

  5. vim帮助手册汉化

    vim帮助手册汉化 vim帮助手册汉化 下载vimcdoc-1.9.0.tar.gz 安装vimcodc-1.9.0 vim命令模式下输入help可以查看vim的帮助手册.美中不足的是这个帮助手册是英 ...

  6. 将kindeditor在线编辑器制作成smarty插件

    在web开发中,在线编辑器是经常要用到的功能模块,虽说配置在线编辑器没有多大难度,但是每一次编写重复的代码,总是让人感觉不爽. 本篇,就来讲解一下,如何将kindeditor制作成smarty的一个自 ...

  7. SDL播放声音

    extern "C" { #include <libavcodec/avcodec.h> #include <libavformat/avformat.h> ...

  8. MDI窗体

    1.设置父窗体 使用MDI窗体,需要先将父窗体的IsMdiContainer属性设置为True 2.生成用于MDI子窗体的窗体 1 frmTemp f1 = new frmTemp(); f1.Tex ...

  9. XML文件的读取----cElementTree

    XML文件如下: <?xml version="1.0" encoding="UTF-8"?> <tokenxml> <token ...

  10. zju3545

    AC自动机+状态压缩DP 注意:相同的串可能出现多次,如果匹配成功则将各次权值加和. #include <cstdio> #include <queue> #include & ...