Swift学习笔记7-UIScrollView、UITableView使用

UIScrollView——基本使用

//创建滚动视图
        let scrollView = UIScrollView()
        
        //设置尺寸
        scrollView.frame = CGRect(x: 0, y: 0, width: 375, height: 60);
        
        //设置背景色
        scrollView.backgroundColor = UIColor.redColor()
        
        //添加视图
        self.view.addSubview(scrollView)
        
        //设置滚动条
        //是否显示水平滚动条
        scrollView.showsHorizontalScrollIndicator = true
        //是否显示竖直滚动条
        scrollView.showsVerticalScrollIndicator = false
        
        //设置分页滚动
        scrollView.pagingEnabled = true
        
        //设置是否可以拉出空白区域
        scrollView.bounces = true
        
        //默认是false。如果是true并且bounces也是true,即使内容尺寸比scrollView的尺寸小,也能垂直推动
        scrollView.alwaysBounceVertical = false
        
        //默认是false。如果是true并且bounces也是true,即使内容尺寸比scrollView的尺寸小,也能水平推动
        scrollView.alwaysBounceHorizontal = false
        
        
        //允许滑动视图本身,如果设为false就不能触发拖动代理事件
        scrollView.scrollEnabled = false
        
        //在scrollView的内容周围添加一个附件的区域
        scrollView.contentInset =  UIEdgeInsetsMake(100, 50, 50, 50)
        
        //调整指示器(滚动条)的位置
        scrollView.scrollIndicatorInsets = UIEdgeInsetsMake(30, 30, 30, 30)
        
        //设置指示器(滚动条)的样式
        scrollView.indicatorStyle = UIScrollViewIndicatorStyle.Black//黑色
        
        //最小的缩放倍数,默认值为1.0
        scrollView.minimumZoomScale = 0.2
        
        //放大的缩放倍数,默认值为1.0
        scrollView.maximumZoomScale = 100
        
        //创建一个数组,存储三张图片
        let imagesArray = ["DOVE 2","DOVE 5","DOVE 10"]
        
        //循环创建ImageView
        for i in 0..<imagesArray.count {
            
            //创建imageView
            let imageView = UIImageView(frame: CGRectMake(CGFloat (i)*scrollView.frame.size.width, 0, scrollView.frame.size.width, scrollView.frame.size.height))
            //添加图片
            imageView.image=UIImage(named: imagesArray[i])
            //打开用户交互
            imageView.userInteractionEnabled = true
            //把imageView添加到滚动视图上
            scrollView.addSubview(imageView)
        }
        
        //设置内容区域
        scrollView.contentSize = CGSizeMake(scrollView.frame.size.width*CGFloat(imagesArray.count),scrollView.frame.size.height)
        
        //设置代理
        scrollView.delegate = self
        
        //设置directionalLockEnabled
        /*
         
         如果这个性能被设置成false,scrollView会被允许在水平和垂直两个方向滚动。如果设置性能是true并且用户开始在一个方向拖动时(水平方向或垂直方向),滚动视图就不能在另一个方向滚动。如果拖动的方向时斜对角线方向,拖动事件将会被锁住并且用户可以在任何方向拖动,直到拖动事件结束。这个属性的默认值是false。
         */
        scrollView.directionalLockEnabled = true
        
        //设置偏移量,以固定的速度设置成新的偏移量
        scrollView.setContentOffset(CGPointMake(10, 20), animated: false)
        
        //滚动矩形区域到可见的区域,如果完全可见就不做任何操作
        scrollView.scrollRectToVisible(CGRectMake(0, 0, 100, 300), animated: false)
        
        //短时间显示滚动条,当你
        scrollView.flashScrollIndicators()
        
        //当用户触摸到scrollView时(即使还没有开始拖动ScrollView)就会返回一个true值
        scrollView.tracking
        
        //当用户已经开始拖动时会返回一个true值,这可能会需要一点时间或者与拖动一段距离
        scrollView.dragging
        
        //当用户不再拖动或者不再触摸scrollView(但是scrollView仍在滑动)
         scrollView.decelerating
        
        //默认值为true
        scrollView.delaysContentTouches = true
        
        //默认值为true。如果为false,一旦我们开始追踪并且触摸移动,我们无法拖动
        scrollView.canCancelContentTouches = true
        
        //如果手势已经被传递到了scollView的父View上,在视图开始滚动之前毁掉用这个方法。如果这个方法返回的是false,scrollView不会滚动并且这个手势会继续向父View传递
//        scrollView.touchesShouldCancelInContentView(<#T##view: UIView##UIView#>)
        
        //设置缩放
//        scrollView.setZoomScale(<#T##scale: CGFloat##CGFloat#>, animated: <#T##Bool#>)
//        scrollView.zoomToRect(<#T##rect: CGRect##CGRect#>, animated: <#T##Bool#>)
        
        //默认为true。如果设置,当手势起作用时用户会经过最小/最大的区域,并且,在手势结束时这个区域会自动设置为最小/最大值。
        scrollView.bouncesZoom = true
        
        // 当用户向上的手势时,会返回true
        scrollView.zooming
        
        NSLog("scrollView.zooming>>>>>%zd",scrollView.zooming)
        
        //当我们在最小和最大值中间的一个区域中,会返回true。
        scrollView.zoomBouncing
        
        //滚动到顶部,默认值为true
        scrollView.scrollsToTop = true
        
        //使用这些容器配置scrollView内置的手势识别
        scrollView.panGestureRecognizer
        scrollView.pinchGestureRecognizer
        
        //创建UIPageControl
        let pageControl = UIPageControl(frame: CGRectMake(0, scrollView.frame.size.height-30,200, 30))
        
        //总的图片页数
        pageControl.numberOfPages = 6
        
        //当前页
        pageControl.currentPage = 0
        
        //用户点击UIPageControl的响应函数
        pageControl.addTarget(self, action: #selector(pageTurn(_:)), forControlEvents: UIControlEvents.ValueChanged)
        
        //设置pageControl 的尺寸
        let size = pageControl.sizeForNumberOfPages(6)

//点点的点击事件
    func pageTurn(pageControl:UIPageControl) {
        
        
    }

    //UIscrollView的协议代理方法
    //滑动过程中
    func scrollViewDidScroll(scrollView: UIScrollView) {
        
    }
    //开始拖动
    func scrollViewWillBeginDragging(scrollView: UIScrollView) {
        
        
    }
    //开始拖动(以某种速率和偏移量)
    func scrollViewDidEndDecelerating(scrollView: UIScrollView) {
        
    }
    
    //停止拖动
    func scrollViewDidEndDragging(scrollView: UIScrollView, willDecelerate decelerate: Bool) {
        
    }
    //开始滑动
    func scrollViewWillBeginDecelerating(scrollView: UIScrollView) {
        
    }
    
    //允许缩放的视图(一个scrollview中只能有一个可以缩放且必须设置可以缩放的范围)
//    func viewForZoomingInScrollView(scrollView: UIScrollView) -> UIView? {
//        
//        //返回被缩放的试图
//        //return imageView;
//    }
    
    //开始缩放的时候调用
    func scrollViewWillBeginZooming(scrollView: UIScrollView, withView view: UIView?) {
        
    }
    
    //正在缩放的时候调用
    func scrollViewDidZoom(scrollView: UIScrollView) {
        
    }
    
    //缩放完毕的时候调用
    func scrollViewDidEndZooming(scrollView: UIScrollView, withView view: UIView?, atScale scale: CGFloat) {
        
    }
    
    //将要滚动到顶部的时候调用
    func scrollViewShouldScrollToTop(scrollView: UIScrollView) -> Bool {
        
        return true
    }
    
    //滚动到顶部的时候调用
    func scrollViewDidScrollToTop(scrollView: UIScrollView) {
        
    }

UITableView——基本使用

import UIKit

class TableViewController: UIViewController {

    //MARK: -懒加载
    lazy var tableView: UITableView = {
        
        let tableView = UITableView(frame:CGRect(x:0,y:0,width:UIScreen.main.bounds.size.width,height:UIScreen.main.bounds.size.height),style:UITableViewStyle.plain);
        tableView.dataSource = self;
        tableView.delegate = self;
        self.view.addSubview(tableView);
        return tableView;
    }()
    
    lazy var titleArray:[String] = {
        return ["数据0","数据1","数据2","数据3","数据4","数据5","数据6","数据7","数据8","数据9","数据10","数据11"]
    }()
    
    //MARK: -页面加载
    override func viewDidLoad() {
        super.viewDidLoad()
        
        //实例化导航条
        self.navigationItem.title = "TableViewController";
        self.view.backgroundColor = UIColor.red;
        self.tableView.backgroundColor = UIColor.yellow;
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

//相当于OC里面分类的使用、使代码结构清晰
extension TableViewController:UITableViewDelegate,UITableViewDataSource{
    // MARK: - UITableViewDelegate
    func numberOfSections(in tableView: UITableView) -> Int {
        return 1;
    }
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return titleArray.count;
    }
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        
        //第一种创建cell的方式
        let initIdentifer = "Cell";
        var cell = tableView.dequeueReusableCell(withIdentifier: initIdentifer);
        
        if(cell == nil){
            cell = UITableViewCell.init(style: UITableViewCellStyle.subtitle, reuseIdentifier: initIdentifer );
        }
        cell?.textLabel?.text = titleArray[indexPath.row];
        cell?.detailTextLabel?.text = "titleArray\(indexPath.row)";
        cell?.accessoryType = UITableViewCellAccessoryType.disclosureIndicator;
        return cell!;
    }
    
    
    // MARK: - UITableViewDataSource
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 50;
    }
    func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
        return 20;
    }
    func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
        return 30;
    }
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {  
      //进行cell点击事件的处理
    }
}

自定义cell

第一种方法:

 let initIdentifer = "Cell";
 var cell = tableView.dequeueReusableCell(withIdentifier: initIdentifer);
 if(cell == nil){
       cell = UITableViewCell.init(style: UITableViewCellStyle.subtitle, reuseIdentifier: initIdentifer );
  }
 cell?.textLabel?.text = titleArray[indexPath.row];
 cell?.detailTextLabel?.text = "titleArray\(indexPath.row)";
 cell?.accessoryType = UITableViewCellAccessoryType.disclosureIndicator;
 return cell!;       

第二种方法:(通过注册方式)

 self.tableView.register(TableViewCell.self, forCellReuseIdentifier: "TableViewCell");
//类注册创建cell的方式
 let cell = tableView.dequeueReusableCell(withIdentifier: "TableViewCell", for: indexPath)
 cell.accessoryType = UITableViewCellAccessoryType.disclosureIndicator;
 return cell;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,937评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,503评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,712评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,668评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,677评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,601评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,975评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,637评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,881评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,621评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,710评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,387评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,971评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,947评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,189评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,805评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,449评论 2 342

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 概述在iOS开发中UITableView可以说是使用最广泛的控件,我们平时使用的软件中到处都可以看到它的影子,类似...
    liudhkk阅读 8,982评论 3 38
  • 昨日从昆明到大理六个小时的车上看完了这本书。 吴非是我非常敬畏的前辈。 敬的是他的那种兢兢业业的工作态度。他把教育...
    冰蓝色的太阳阅读 724评论 0 0
  • 我们都知道做事情要有始有终,就是有开始就要有结果,那么以始为终是什么意思呢?就是你心中要有一个目标,然后按着这个目...
    Fine婧婧阅读 391评论 2 1
  • 踏上列车,一路驰骋,直指心之所向。疾驰而行的列车带着回乡的人儿,冲破黑暗无边的夜幕,迎来黎明的第一缕曙光,映入眼帘...
    憨憨憨霓儿阅读 356评论 0 0