zoukankan      html  css  js  c++  java
  • Swift

    1,当图片尺寸超过屏幕时,使用UIScrollView可以实现滚动条视图,即手指触摸滚动屏幕方便浏览整个页面。

    1
    2
    3
    4
    5
    6
    var scrollView=UIScrollView()
    scrollView.frame=self.view.bounds
    var imageView=UIImageView(image:UIImage(named:"bigpic"))
    scrollView.contentSize=imageView.bounds.size;
    scrollView.addSubview(imageView);
    self.view.addSubview(scrollView)

    2,获取滚动视图移动的x,y坐标
    通过scrollView.contentOffset.x与scrollView.contentOffset.y我们可以取到移动的偏移位置

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    import UIKit
     
    class ViewController: UIViewController,UIScrollViewDelegate {
         
        var scrollView:UIScrollView!
         
        override func viewDidLoad() {
            super.viewDidLoad()
             
            scrollView=UIScrollView()
            //设置代理
            scrollView.delegate = self
            scrollView.frame=self.view.bounds
            var imageView=UIImageView(image:UIImage(named:"ii"))
            scrollView.contentSize=imageView.bounds.size;
            scrollView.addSubview(imageView);
            self.view.addSubview(scrollView)
        }
         
        //视图滚动中一直触发
        func scrollViewDidScroll(scrollView: UIScrollView) {
            println("x:(scrollView.contentOffset.x) y:(scrollView.contentOffset.y)")
        }
        
        override func didReceiveMemoryWarning() {
            super.didReceiveMemoryWarning()
        }
    }


    3,手势放大缩小
    要实现放大缩小功能,需要指定UIScrollView的允许缩放最大比例和最小比例(默认都是是1.0)。
    同时delegate属性指定一个委托类,委托类要继承UIScrollViewDelegate协议,并在委托类中实现viewForZoomingInScrollView方法。
    (注:在模拟器中测试,需要按住option键再拖动内容)

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    scrollView.minimumZoomScale=0.1 //最小比例
    scrollView.maximumZoomScale=3 //最大比例
    scrollView.delegate=self
         
    func viewForZoomingInScrollView( scrollView: UIScrollView!) -> UIView!{
         for subview : AnyObject in scrollView.subviews {
          if subview.isKindOfClass(UIImageView) {
             return subview as UIView
         }
       }
        return nil
    }
  • 相关阅读:
    vuex
    koa2+node+vue自启服务运行本地脚本
    重新认识js(一)
    JQuery图片左右无缝滚动
    javascript兼容性很好的省市区联动,易修改
    JQuery超级简单的TAB选项卡
    ViewState的原理分析
    JQuery图片切换特效
    asp.net验证控件详解【转】
    时间线 制作
  • 原文地址:https://www.cnblogs.com/Free-Thinker/p/4838176.html
Copyright © 2011-2022 走看看