美文网首页
8.19 自定义控件实现功能

8.19 自定义控件实现功能

作者: jayck | 来源:发表于2016-09-05 20:42 被阅读6次
(Target-Action,协议,闭包)

简单控件用闭包

复杂控件用协议

新建一个类ProtocolSlider
//协议的优点:明确
//协议的缺点:复杂,步骤太多
//如果有optional方法,必须使用@objc

@objc protocol ProtocolSliderDelegate {

    optional func didChange(slider: ProtocolSlider类名)

}

class ProtocolSlider: UIView {

    let trackView = UIView()      

    

//    用于关联两个对象(控件与需要获取事件的对象)

    var delegate: ProtocolSliderDelegate!

//    如果使用闭包,定义一个闭包

//    var didChange: ((ProtocolSlider) -> Void)!

    var minValue: CGFloat = 0

    var maxValue: CGFloat = 1

    

    var currentValue: CGFloat = 0.5 {

        didSet {

            //            self.sendActionsForControlEvents(.ValueChanged)

            

            self.setNeedsLayout()

        }

    }

    

    override init(frame: CGRect) {

        super.init(frame: frame)

        

        self.addSubview(trackView)

        

        self.backgroundColor = UIColor.cyanColor()

        trackView.backgroundColor = UIColor.redColor()

    }

    

    required init?(coder aDecoder: NSCoder) {

        super.init(coder: aDecoder)

        

        self.addSubview(trackView)

        

        self.backgroundColor = UIColor.cyanColor()

        trackView.backgroundColor = UIColor.redColor()

    }

    

    func moveTrack(touches: NSSet) {

        let touch = touches.anyObject() as! UITouch

        

        let location = touch.locationInView(self)

        currentValue = (location.x / self.frame.size.width) * (maxValue - minValue) +minValue

    }

    

    //开始触摸

    override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {

        //        print("begin")

        

        moveTrack(touches)

    }

    

    //移动

    override func touchesMoved(touches: Set<UITouch>, withEvent event: UIEvent?) {

        //        print("continue")

        

        moveTrack(touches)

    }

    

    override func touchesEnded(touches: Set<UITouch>, withEvent event: UIEvent?) {

        //        print("end")

        

        //触发事件

//        self.sendActionsForControlEvents(.ValueChanged)

//        实现闭包

//        1. 如果使用协议,需要确保delegate是否为空

//        2. 如果方法为optional,需要确保方法是否实现

//        if delegate != nil {

//            if delegate.didChange != nil {

//                delegate.didChange!(self)

//            }

//        }

        

        if didChange != nil {

            didChange(self)

        }

    }

    

    override func layoutSubviews() {

        super.layoutSubviews()

        

        let width = (currentValue - minValue) * self.frame.size.width / (maxValue -minValue)

        let rect = CGRect(x: 0, y: 0, width: width, height: self.frame.size.height)

        trackView.frame = rect

    }

}

在ViewControl中实现协议

import UIKit

class ViewController: UIViewController, ProtocolSliderDelegate, UITableViewDelegate {

    override func viewDidLoad() {

        super.viewDidLoad()

        

        //UIControl

        //Target-Action

        

        let slider = ProtocolSlider(frame: CGRect(x: 100, y: 100, width: 200, height:50))

//    UIControl    addTarget  实现方法   

//        slider.addTarget(self, action: #selector(didChange(_:)), forControlEvents: .ValueChanged)

//        slider.delegate = self

        

//        调用闭包

//        slider.didChange = {

//            sender in

//            print(sender.currentValue)

//        }

        

        //函数:特殊闭包

        //闭包:匿名函数

        slider.didChange = didChange          协议实现方法   

        self.view.addSubview(slider)          协议实现方法   

    }

    func didChange(sender: ProtocolSlider) {
        print(sender.currentValue)
    }
}

相关文章

  • 8.19 自定义控件实现功能

    (Target-Action,协议,闭包) 简单控件用闭包 复杂控件用协议 新建一个类ProtocolSlider...

  • iOS自定义键盘

    对于有输入功能的控件,例如UITextField,可以给控件的inputView属性赋值,实现自定义键盘的功能 点...

  • iOS自定义控件开发梳理

    在日常iOS开发中,系统提供的控件常常无法满足业务功能,这个时候需要我们实现一些自定义控件。自定义控件能让我们完全...

  • iOS 自定义控件 自定义进度条

    在日常iOS开发中,系统提供的控件常常无法满足业务功能,这个时候需要我们实现一些自定义控件。自定义控件能让我们完全...

  • 自定义View

    自己理解 通常自定义view分为 1.继承现有控件,对其控件的功能进行拓展。2.将现有控件进行组合,实现功能更加强...

  • Android ViewPager2实现无限轮播

    Android轮播控件 全新升级,基于ViewPager2实现无限轮播功能。可以自定义indicator,需自定义...

  • ReactNative短信验证码倒计时控件

    ReactNative短信验证码倒计时控件 功能 根据项目的需要,需要写一个自定义的控件,实现如下功能: 默认文字...

  • Android 自定义View 三板斧之二——组合现有控件

    通常情况下,Android实现自定义控件无非三种方式。 Ⅰ、继承现有控件,对其控件的功能进行拓展。 Ⅱ、将现有控件...

  • scrollview小总结

    自定义控件:封装成和原生控件一样的功能,但是实现逻辑可以不一样 功能点击事件 content size:可滑动区域...

  • Android SearchView的自定义

    SearchView是Android原生的控件,功能较全,简单修改代码可实现自定义的效果。 首先初始化一下控件 1...

网友评论

      本文标题:8.19 自定义控件实现功能

      本文链接:https://www.haomeiwen.com/subject/fborettx.html