Swift实战-小QQ(第2章):QQ侧滑菜单

本文介绍了一种基于iOS平台的QQ侧滑菜单实现方案。通过创建五个关键的ViewController,包括基础视图控制器、左侧视图控制器、右侧视图控制器、主要内容视图控制器以及滑动控制视图控制器来实现侧滑效果。文章详细展示了如何使用Swift语言进行布局设置及动画处理。

QQ侧滑实现架构:
需要建立以下几个ViewController:
1.XQBaseViewController 
2.LeftViewController
3.RightViewController
4.ContentViewController(中间显示的主要内容)

5.SliderViewController(用于控制侧滑动画,控制左右侧栏的显示和隐藏)

 1 import UIKit
 2 class SliderViewController: UIViewController {
 3     
 4     var mainContentView:UIView!
 5     var leftSideView:UIView!
 6     var rightSideView:UIView!
 7 
 8     override func viewDidLoad() {
 9         super.viewDidLoad();
10         initSubViews()
11        // showLeftViewController()
12     }
13     //在self.View上添加左中右三个视图
14     func initSubViews()
15     {
16         let viewRect=self.view.bounds        
17         rightSideView=UIView(frame:viewRect)
18         rightSideView.backgroundColor=UIColor.blueColor()
19         self.view.addSubview(rightSideView)
20         leftSideView=UIView(frame:viewRect)
21         leftSideView.backgroundColor=UIColor.yellowColor()
22         self.view.addSubview(leftSideView)
23         mainContentView=UIView(frame:viewRect)
24         mainContentView.backgroundColor=UIColor.redColor()
25         self.view.addSubview(mainContentView)
26     }
27 
28  //显示左侧Controller
29     func showLeftViewController()
30     {
31         let translateX:CGFloat=200
32         let transcale:CGFloat=0.85
33         var transT:CGAffineTransform=CGAffineTransformMakeTranslation(translateX, 0)
34         var scaleT:CGAffineTransform=CGAffineTransformMakeScale(transcale, transcale)
35         var conT:CGAffineTransform=CGAffineTransformConcat(transT, scaleT)
36         UIView.animateWithDuration(0.8, animations: { () -> Void in
37             self.mainContentView.transform=conT
38         })
39     }
40 }

 

 

本文出自:
小鸟天空博客:http://www.cnblogs.com/wuxian/p/4322831.html

转载请注明来源。

转载于:https://www.cnblogs.com/wuxian/p/4322831.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值