如何让按钮根据按下的行显示不同的视频?

时间:2017-08-13 07:22:43

标签: ios swift uitableview video tableview

目前,我的代码设置为每个表格视图单元格中的按钮,按下后会显示一个视频。每个表格视图单元格行包含按钮(有x个单元格数量)但是无论按钮被按入哪一行,它总是会导致相同的视频。有没有办法到哪里,根据按钮所在的行,它会显示一个视频?我的代码目前只有一个视频文件,但是如何根据按钮被点击的单元格进入哪里,它会显示一个特定的视频?例如,如果在第一行中点击按钮,我希望它显示某个视频,对于两个和三个,则相同,依此类推。现在他们都显示相同的视频。

以下是表格视图单元格的代码:

import UIKit
import AVFoundation
import AVKit

class VideoPlayerView: UIView {

    let pauseButton: UIButton = {
        let button = UIButton(type: .system)
        button.setImage(#imageLiteral(resourceName: "Triangle 2"), for: .normal)
        button.translatesAutoresizingMaskIntoConstraints = false
        button.tintColor = UIColor.white
        button.isHidden = false
        button.addTarget(self, action: #selector(handlePause), for: .touchUpInside)

        return button
    }()

    var player: AVPlayer?
    var isPlaying = false

    func handlePause() {
        if isPlaying {
            player?.pause()
            pauseButton.alpha = 1.0 }

        else { player?.play()
            pauseButton.alpha = 0.01
        }

        isPlaying = !isPlaying
    }

    //container view that holds sublayers for the video control objects
    let controlsContainerView: UIView = {
        let view = UIView()
        view.backgroundColor = UIColor(white: 0, alpha: 1.0)
        return view
    }()

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override init(frame: CGRect) {
        super.init(frame: frame)

        //setupPlayerView()

        //configures container view (video's background)
        controlsContainerView.frame = frame
        addSubview(controlsContainerView)
        backgroundColor = UIColor.black


        //following adds pause/play button to video
        controlsContainerView.addSubview(pauseButton)
        pauseButton.centerXAnchor.constraint(equalTo: centerXAnchor).isActive = true
        pauseButton.centerYAnchor.constraint(equalTo: centerYAnchor).isActive = true
    }

    //function that sets up video playback
    private func setupPlayerView() {

        //variable that contains video url
        let fileUrl = URL(fileURLWithPath: "/Users/jordanlagrone/Desktop/BlackHeartBB/BlackHeartBB/dunk.mov")

        player = AVPlayer(url: fileUrl)

        //video only renders if you specify 'playerLayer'
        let playerLayer = AVPlayerLayer(player: player)
        self.layer.insertSublayer(playerLayer, at: 1)
        playerLayer.frame = frame


        player?.play()


        //attached obeserver of 'player' to tell when 'player' is ready
        player?.addObserver(self, forKeyPath: "currentItem.loadedTimeRanges", options: .new, context: nil)

    }

    //method called every time you add obserever to an object
    override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
        //strring that lets AVPlayer know its ready
        if keyPath == "currentItem.loadedTimeRanges" {

            //configures container view while video is playing
            controlsContainerView.backgroundColor = UIColor.clear
            pauseButton.alpha = 0.05
            isPlaying = true

        }
    }
}
class DrillsTableViewCell: UITableViewCell {

    var videoURL:[URL] = [URL(fileURLWithPath: "/Users/jordanlagrone/Desktop/BlackHeartBB/BlackHeartBB/dunk.mov"), URL(fileURLWithPath: "/Users/jordanlagrone/Desktop/BlackHeartBB/BlackHeartBB/mk.MOV")]
    var video = URL(fileURLWithPath: String())

    @IBOutlet weak var logoImage: UIImageView!
    @IBOutlet weak var drillTitle: UILabel!
    @IBOutlet weak var playButton: UIButton!

    @IBAction func watchButton(_ sender: Any) {
        print(123)

        //controls video background view
        if let keyWindow = UIApplication.shared.keyWindow {
            let view = UIView(frame: keyWindow.frame)
            view.backgroundColor = UIColor.white

            view.frame = CGRect(x: 0.0, y: 0.0, width: keyWindow.frame.width, height: keyWindow.frame.height)

            let videoPlayerFrame = CGRect(x: 0, y: 0, width: keyWindow.frame.width, height: keyWindow.frame.width * 9 / 16)
            let videoPlayerView = VideoPlayerView(frame: videoPlayerFrame)
            view.addSubview(videoPlayerView)

            keyWindow.addSubview(view)
            UIView.animate(
                withDuration: 0.5,
                delay: 0,
                options: .curveEaseOut,
                animations: {
                    view.frame = keyWindow.frame

                },
                completion: { completedAnimation in
                    //possible features implemented later
                    UIApplication.shared.isStatusBarHidden = true
                }
            )
        }
    }
}

表格视图代码:

class DrillsViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

    var arrayForKey2 = [[String]]()
    var keyIndex = Int()
    var headLabel = String()
    var labels = Array(trainingDict.keys)

    @IBOutlet weak var tableView: DrillsTableView!

    @IBOutlet weak var drillLabel: UILabel!

    @IBOutlet weak var labelBackground: UIView!


    @IBAction func back(_ sender: Any) {
        performSegue(withIdentifier: "back", sender: self)
    }

    public func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return arrayForKey2.count
    }

    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

    public func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell" , for: indexPath) as! DrillsTableViewCell
        cell.playButton.tag = indexPath.row


        //clear background color needed in order to display gradient cell
        cell.backgroundColor = UIColor.clear

        //gradient configuration
        gradient = CAGradientLayer()
        gradient.frame = tableView.bounds
        gradient.colors = [UIColor.black.cgColor, UIColor.darkGray.cgColor, UIColor.black.cgColor]
        tableView.layer.insertSublayer(gradient, at: 0)
        gradient.startPoint = CGPoint(x: 0.0, y: 0.0)
        gradient.endPoint = CGPoint(x: 1.0, y: 1.0)

        //Possible method for 'drillLabel' gradient
        drillLabel.font = UIFont(name: "Symbol", size: 24.0)

        //attributes for watch/play button

        cell.playButton.layer.shadowColor = UIColor.black.cgColor
        cell.playButton.layer.shadowOffset = CGSize(width: 2, height: 2)
        cell.playButton.layer.shadowOpacity = 0.7
        cell.playButton.layer.shadowRadius = 1

        //details for cell label display
        cell.borderWidth = 1.5
        cell.borderColor = UIColor.white
        cell.drillTitle.text = "\(arrayForKey2[keyIndex][indexPath.row])"
        cell.drillTitle.font = UIFont(name: "Symbol", size: 18.0)
        cell.drillTitle.textColor = UIColor.white

        return cell
    }

    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.delegate = self
        tableView.dataSource = self
        drillLabel.text = labels[keyIndex]
    }
}

3 个答案:

答案 0 :(得分:2)

我相信你应该重构你的代码以获得所需的行为。请检查以下代码:

首先在名为VideoPlayerView的{​​{1}}方法中进行更改。使用此替换您的实现:

setupPlayerView

现在在func setupPlayerView(for url: URL) { player = AVPlayer(url: url) //video only renders if you specify 'playerLayer' let playerLayer = AVPlayerLayer(player: player) self.layer.insertSublayer(playerLayer, at: 1) playerLayer.frame = frame player?.play() //attached obeserver of 'player' to tell when 'player' is ready player?.addObserver(self, forKeyPath: "currentItem.loadedTimeRanges", options: .new, context: nil) } 进行更改,在videosURL中进行更改,然后我添加了一个新变量singleVideoURL,您的新类将如下所示:

DrillsTableViewCell

答案 1 :(得分:1)

首先,您必须通过在tableView中为它们提供标记值来区分单元格中添加的按钮:cellForRowAtIndexPath:method

    cell.button.tag = indexpath.row

这将为每个单元格中的按钮设置不同的标记值。 然后在下面添加:

    cell.button.addTarget(self, action:(YourController.buttonMethodPlayVideo(:)) , forControlEvents: .TouchUpInside)

创建按钮的方法以对点击执行操作:

    func buttonMethodPlayVideo(sender: UIButton) {
     print(sender.tag)
   }

在上面的方法中,当您点击按钮时,您将获得不同的标签值。 根据该值,您可以播放不同的视频或将不同的视频名称传递给播放器以播放vudeo。

答案 2 :(得分:0)

设置数组以放置视频' path into,其indexe应匹配单元格的索引。此外,您可以将单元格的行号作为其标记传递给内部按钮。因此,当您点击该按钮时,您可以通过按钮的标签在阵列中找到特定的视频路径。