斯坦福IOS开发第五课(第二部分)

转载请注明出处

http://blog.csdn.net/pony_maggie/article/details/27845257


作者:小马


 

五 代码示例

上面讲到的知识点在这个示例都有涉及。另外我这里也只是分析部分重要的代码,更多的知识了解请自行下载代码(文章最下面有地址)并结合公开课一起看。

 

新建一个single view的工程,然后新增一个视图类,叫FaceView,如下图所示:


 

然后我们在storyboard里拖进来一个通用的视图控件,作为上面那个视图类对应的视图,如下图所示:

     

 

接着要做视图控制器类里增加这个FaceView的oulet以便我们可以操作视图,如下:


 

开始关注代码了。


我们打算在FaceView画一个笑脸,来反映幸福的程序,一个笑脸由下面几部分组成:

脸的轮廓(一个大圆)

眼睛(两个小圆)

嘴巴(贝塞尔曲线)

 

好,代码如下:

[objc]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. - (void)drawCircleAtPoint:(CGPoint)p withRadius:(CGFloat)radius inContext:(CGContextRef)context  
  2. {  
  3.     //设置成当前的context  
  4.     //使用UIKit来进行任意绘图,你会希望保存当前的UIKit上下文,包括所有已经绘制的内容,  
  5.     //接着切换到一个全新的绘图上下文中  
  6.     UIGraphicsPushContext(context);  
  7.     CGContextBeginPath(context);  
  8.     CGContextAddArc(context, p.x, p.y, radius, 02*M_PI, YES);  
  9.     CGContextStrokePath(context);  
  10.     UIGraphicsPopContext();  
  11. }  
  12.   
  13.   
  14.   
  15. //This method is called when a view is first displayed or when an event occurs that invalidates a visible part of the view  
  16. // Only override drawRect: if you perform custom drawing.  
  17. // An empty implementation adversely affects performance during animation.  
  18. - (void)drawRect:(CGRect)rect  
  19. {  
  20.     CGContextRef context = UIGraphicsGetCurrentContext();  
  21.       
  22.     //draw face (circle)  
  23.     //draw eyes (2 circles)  
  24.     //no nose  
  25.     //mouth (Bézier curve)  
  26.     CGPoint midPoint;  
  27.   
  28.     //注意这里,因为画圆本身是基于faceView自己,所以计算坐标也是相对于faceView,所以要用bounds下的坐标  
  29.     //当我们把faceView在storyboard里拉下一些,然后用frame对比看效果就很明显了  
  30.     midPoint.x = self.bounds.origin.x + self.bounds.size.width/2;  
  31.     midPoint.y = self.bounds.origin.y + self.bounds.size.height/2;  
  32.   
  33.     CGFloat size = self.bounds.size.width/2//大圆半径  
  34.     if (self.bounds.size.height < self.bounds.size.width) {  
  35.         size = self.bounds.size.height/2;  
  36.     }  
  37.     size *= self.scale;  
  38.       
  39.     //设置线条宽度和颜色等  
  40.     CGContextSetLineWidth(context,5.0);  
  41.     [[UIColor blueColor] setStroke];  
  42.     [self drawCircleAtPoint:midPoint withRadius:size inContext:context];  
  43.       
  44. #define EYE_H 0.35  
  45. #define EYE_V 0.35  
  46. #define EYE_RADIUS 0.10  
  47.   
  48.       
  49.     CGPoint eyePoint;  
  50.     eyePoint.x = midPoint.x - size * EYE_H;  
  51.     eyePoint.y = midPoint.y - size * EYE_V;  
  52.     [self drawCircleAtPoint:eyePoint withRadius:size*EYE_RADIUS inContext:context];  
  53.     eyePoint.x += size * EYE_H * 2;  
  54.     [self drawCircleAtPoint:eyePoint withRadius:size*EYE_RADIUS inContext:context];  
  55.     
  56.       
  57. #define MOUTH_H 0.45  
  58. #define MOUTH_V 0.45  
  59. #define MOUTH_SMILE 0.25 //弯曲的比例,微笑的程度  
  60.       
  61.     CGPoint mouthStart;  
  62.     mouthStart.x = midPoint.x - size * MOUTH_H;  
  63.     mouthStart.y = midPoint.y + size * MOUTH_V;  
  64.     CGPoint mouthEnd = mouthStart;  
  65.     mouthEnd.x += size * MOUTH_H * 2;  
  66.       
  67.     CGPoint mouthCP1 = mouthStart;  
  68.     mouthCP1.x += size * MOUTH_H * 2/3;  
  69.     CGPoint mouthCP2 = mouthEnd;  
  70.     mouthCP1.x -= size * MOUTH_H * 2/3;  
  71.       
  72.     float smile = [self.dataSource smileForFaceView:self];  
  73.     if (smile < -1)  
  74.     {  
  75.         smile = -1;  
  76.     }  
  77.     else if (smile > 1)  
  78.     {  
  79.         smile = 1;  
  80.     }  
  81.           
  82.       
  83.     CGFloat smileOffset = MOUTH_SMILE * size * smile;  
  84.     mouthCP1.y += smileOffset;  
  85.     mouthCP2.y += smileOffset;  
  86.       
  87.     CGContextBeginPath(context);  
  88.     CGContextMoveToPoint(context, mouthStart.x, mouthStart.y);  
  89.     CGContextAddCurveToPoint(context, mouthCP1.x, mouthCP1.y, mouthCP2.x, mouthCP2.y, mouthEnd.x, mouthEnd.y);  
  90.     CGContextStrokePath(context);  
  91.       
  92.       
  93.       
  94. }  

先上个图看一下效果:


 

 

这里有一点要注意,我们需要考虑横屏的情况,因为我是在xcode5环境下写的代码,就不用老师进的Struts and springs了,直接加约束,让storyboard帮我自动计算,如下所示:

  

 

然后再来看一下效果,


这个似乎也不是我们想要的,它自动拉伸了,我们还需要加一些代码调整,横屏时要重绘笑脸。

 

[objc]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. - (void)setup  
  2. {  
  3.     //UIViewContentModeRedraw可以使屏幕旋转时调用drawRect  
  4.     self.contentMode = UIViewContentModeRedraw;  
  5. }  
  6.   
  7. - (void)awakeFromNib  
  8. {  
  9.     [self setup];  
  10. }  


这样再来看看效果:


 

现在我们来添加手势识别,让这个笑脸支持缩放功能。

 

需要在facView和根控制器里加入相应的代码,facView里:

[objc]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. //手势识别,缩放功能  
  2. - (void)pinch:(UIPinchGestureRecognizer *)gesture  
  3. {  
  4.     if ((gesture.state == UIGestureRecognizerStateChanged) ||  
  5.         (gesture.state == UIGestureRecognizerStateEnded))  
  6.     {  
  7.         /* 
  8.          下面两行代码其实和这一行效果是一样的,所以注意理解第二行置1的作用.可以查一下gesture.scale是怎么取值的 
  9.          self.scale = gesture.scale; 
  10.          */  
  11.         self.scale *= gesture.scale;  
  12.         NSLog(@"scale:%f", gesture.scale);  
  13.         gesture.scale = 1;  
  14.     }  
  15. }  

然后在根控制器里:

[objc]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. [self.faceView addGestureRecognizer:[[UIPinchGestureRecognizer alloc] initWithTarget:self.faceView action:@selector(pinch:)]];  

看看效果:

     

 

 


接下来继续添加功能,我们用代理和上下滑动的手势识别来实现通过上下滑动来控制笑脸的微笑程度。

 

手势识别好理解,为什么要用代理呢?可以这样理解,FaceView里的这个笑脸,是通过一个幸福指数(controller里的happiness)来控制,这个幸福指数是一个数据源,那FaceView是一个视图,视图本身是不能拥有数据源的,所以要把controller作为代理管理数据源

 

 

下面是代码。

 

添加手势识别

添加一个上下滑动的手势,注意target不是faceView而是controller,所以处理函数也在controller里实现, UIPanGestureRecognizer主要用于拖动,就是捕捉手指的位移

 

[objc]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. [self.faceView addGestureRecognizer:[[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handleHappinessGesture:)]];  
  2. self.faceView.dataSource = self//把控制器设为代理  

注意下面inView后面都是指定self.faceView作为参数,这个参数的意义是你打算让这个手势转换在哪个坐标系工作,当然是我们的FaceView了

[objc]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. - (void)handleHappinessGesture:(UIPanGestureRecognizer *)gesture  
  2. {  
  3.     if ((gesture.state == UIGestureRecognizerStateChanged) ||  
  4.         (gesture.state == UIGestureRecognizerStateEnded))  
  5.     {  
  6.         CGPoint translation = [gesture translationInView:self.faceView];//转换成坐标系中的点位移变化  
  7.         self.happiness -= translation.y / 2//除2的作用时,减少变化的幅度  
  8.         [gesture setTranslation:CGPointZero inView:self.faceView];//置0可以让变化幅度不累加  
  9.     }  
  10. }  


接下来实现协议中定义的函数,

[objc]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. - (float)smileForFaceView:(FaceView *)sender  
  2. {  
  3.     return (self.happiness - 50)/50.0;//happiness是0~100, 微笑程度是-1~1,需要转换  
  4. }  

 

使用代理的位置

 

[objc]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. float smile = [self.dataSource smileForFaceView:self];  
  2.     if (smile < -1)  
  3.     {  
  4.         smile = -1;  
  5.     }  
  6.     else if (smile > 1)  
  7.     {  
  8.         smile = 1;  
  9.     }  

模拟器下运行,会发现随着鼠标的上下拖动,笑脸的微笑程度会变化。


代码下载地址:

https://github.com/pony-maggie/Happiness

以下是对提供的参考资料的总结,按照要求结构化多个要点分条输出: 4G/5G无线网络优化与网规案例分析: NSA站点下终端掉4G问题:部分用户反馈NSA终端频繁掉4G,主要因终端主动发起SCGfail导致。分析显示,在信号较好的环境下,终端可能因节能、过热保护等原因主动释放连接。解决方案建议终端侧进行分析处理,尝试关闭节电开关等。 RSSI算法识别天馈遮挡:通过计算RSSI平均值及差值识别天馈遮挡,差值大于3dB则认定有遮挡。不同设备分组规则不同,如64T和32T。此方法可有效帮助现场人员识别因环境变化引起的网络问题。 5G 160M组网小区CA不生效:某5G站点开启100M+60M CA功能后,测试发现UE无法正常使用CA功能。问题原因在于CA频点集标识配置错误,修正后测试正常。 5G网络优化与策略: CCE映射方式优化:针对诺基亚站点覆盖农村区域,通过优化CCE资源映射方式(交织、非交织),提升RRC连接建立成功率和无线接通率。非交织方式相比交织方式有显著提升。 5G AAU两扇区组网:与三扇区组网相比,AAU两扇区组网在RSRP、SINR、下载速率和上传速率上表现不同,需根据具体场景选择适合的组网方式。 5G语音解决方案:包括沿用4G语音解决方案、EPS Fallback方案和VoNR方案。不同方案适用于不同的5G组网策略,如NSA和SA,并影响语音连续性和网络覆盖。 4G网络优化与资源利用: 4G室分设备利旧:面对4G网络投资压减与资源需求矛盾,提出利旧多维度调优策略,包括资源整合、统筹调配既有资源,以满足新增需求和提质增效。 宏站RRU设备1托N射灯:针对5G深度覆盖需求,研究使用宏站AAU结合1托N射灯方案,快速便捷地开通5G站点,提升深度覆盖能力。 基站与流程管理: 爱立信LTE基站邻区添加流程:未提供具体内容,但通常涉及邻区规划、参数配置、测试验证等步骤,以确保基站间顺畅切换和覆盖连续性。 网络规划与策略: 新高铁跨海大桥覆盖方案试点:虽未提供详细内容,但可推测涉及高铁跨海大桥区域的4G/5G网络覆盖规划,需考虑信号穿透、移动性管理、网络容量等因素。 总结: 提供的参考资料涵盖了4G/5G无线网络优化、网规案例分析、网络优化策略、资源利用、基站管理等多个方面。 通过具体案例分析,展示了无线网络优化中的常见问题及解决方案,如NSA终端掉4G、RSSI识别天馈遮挡、CA不生效等。 强调了5G网络优化与策略的重要性,包括CCE映射方式优化、5G语音解决方案、AAU扇区组网选择等。 提出了4G网络优化与资源利用的策略,如室分设备利旧、宏站RRU设备1托N射灯等。 基站与流程管理方面,提到了爱立信LTE基站邻区添加流程,但未给出具体细节。 新高铁跨海大桥覆盖方案试点展示了特殊场景下的网络规划需求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值