iOS Unverankerten Video-Fenster, wie der Youtube App

Kennt jemand eine existierende Bibliothek oder irgendwelche Techniken, wie man den gleichen Effekt wie auf der Youtube-App.

Das video kann "minimiert" und schwebt an der Unterseite des Bildschirms, die dann geklaut werden, zu schließen, oder berühren Sie erneut maximiert.

Finden Sie unter:

Video Normal Abgespielt Wird: https://www.dropbox.com/s/o8c1ntfkkp4pc4q/2014-06-07%2001.19.20.png

Video Minimiert: https://www.dropbox.com/s/w0syp3infu21g08/2014-06-07%2001.19.27.png

(Beachten Sie, wie das video wird nun in einem kleinen schwimmenden Fenster auf der rechten unteren Ecke des Bildschirms).

Jemand eine Idee, wie dies erreicht wurde, und wenn es irgendwelche vorhandenen tutorials oder Bibliotheken, die verwendet werden können, um die gleiche Wirkung?

Ich mag diesen Effekt auch, aber keine Notwendigkeit für eine Bibliothek. Der MP-Spieler-Ansicht verhält sich wie eine gewöhnliche Ansicht. Befestigen Sie eine swipe-down-Erkennung und animieren Sie die position und den Rahmen und Ihre app so cool sein wie google
jede Möglichkeit, Sie können einige einfache code-Schnipsel, die Dinge klarer. Vielen Dank.

InformationsquelleAutor shabbirh | 2014-06-07

Klang es Spaß, so sah ich auf youtube. Das video sieht aus wie es spielt in einem 16:9-Feld an der Spitze, mit einem "siehe auch" - Liste weiter unten. Wenn der Benutzer minimiert das video, der player fällt in der unteren rechten Ecke zusammen mit den "siehe auch" anzeigen. Zur gleichen Zeit, dass "siehe auch" - Ansicht wird transparent.

1) Einrichten der Aussicht, dass wie und erstellt outlets. Hier ist, was es sieht aus wie in IB. (Beachten Sie, dass die beiden Container sind Geschwister)

iOS Unverankerten Video-Fenster, wie der Youtube App

2) Geben, das video Ansicht einer swipe-up und swipe-down Geste Erkenner:

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIView *tallMpContainer;
@property (weak, nonatomic) IBOutlet UIView *mpContainer;
@end

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];

    UISwipeGestureRecognizer *swipeDown = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipeDown:)];
    UISwipeGestureRecognizer *swipeUp = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipeUp:)];

    swipeUp.direction = UISwipeGestureRecognizerDirectionUp;
    swipeDown.direction = UISwipeGestureRecognizerDirectionDown;

    [self.mpContainer addGestureRecognizer:swipeUp];
    [self.mpContainer addGestureRecognizer:swipeDown];
}

- (void)swipeDown:(UIGestureRecognizer *)gr {
    [self minimizeMp:YES animated:YES];
}

- (void)swipeUp:(UIGestureRecognizer *)gr {
    [self minimizeMp:NO animated:YES];
}

3) Und dann eine Methode, um wissen über den aktuellen Zustand, und ändern Sie den aktuellen Zustand.

- (BOOL)mpIsMinimized {
    return self.tallMpContainer.frame.origin.y > 0;
}

- (void)minimizeMp:(BOOL)minimized animated:(BOOL)animated {

    if ([self mpIsMinimized] == minimized) return;

    CGRect tallContainerFrame, containerFrame;
    CGFloat tallContainerAlpha;

    if (minimized) {
        CGFloat mpWidth = 160;
        CGFloat mpHeight = 90; //160:90 == 16:9

        CGFloat x = 320-mpWidth;
        CGFloat y = self.view.bounds.size.height - mpHeight;

        tallContainerFrame = CGRectMake(x, y, 320, self.view.bounds.size.height);
        containerFrame = CGRectMake(x, y, mpWidth, mpHeight);
        tallContainerAlpha = 0.0;

    } else {
        tallContainerFrame = self.view.bounds;
        containerFrame = CGRectMake(0, 0, 320, 180);
        tallContainerAlpha = 1.0;
    }

    NSTimeInterval duration = (animated)? 0.5 : 0.0;

    [UIView animateWithDuration:duration animations:^{
        self.tallMpContainer.frame = tallContainerFrame;
        self.mpContainer.frame = containerFrame;
        self.tallMpContainer.alpha = tallContainerAlpha;
    }];
}

Ich nicht hinzufügen video zu diesem Projekt, aber es sollte einfach drop-in. Machen die mpContainer die übergeordnete Sicht auf die MPMoviePlayerController Ansicht und es sollte ziemlich cool Aussehen.

Ich danke Ihnen sehr 🙂
warum ist dies nicht die gewählte Antwort?
Vielen Dank für das Coole Lösung und die inspiration, etwas anderes zu versuchen. Ich bin hinzufügen swift-version als eine separate Lösung
Hallo. Kann u bieten full-Quellcode:)
sorry, es war gelöscht vor langer Zeit. das Teil gibst dir Mühe?
hi. Ich möchte Sie Fragen, was ist tallMpContainer. Die unter MpContainer oder alle den Blick hinter MpContainer, die fix mit Bildschirm bounds?
Getestet im swift 4, [self mpIsMinimized] == minimiert) immer true zurück..
tallMpContainer ist das erste Kind des view-controller-Hauptansicht und Geschwister zu mpContainer.

InformationsquelleAutor danh

8

Verwenden TFSwipeShrink und anpassen code für Ihr Projekt.

hoffe, Ihnen zu helfen.
- Statt der Beantwortung dieser Frage mit zwei verschiedenen Antworten, sollten Sie kombinieren die zwei in einem. Da Sie beide link-nur Antworten. Und sollten Sie kopieren die relevanten bits der Ziel-Seite hier, wenn die website untergeht.
InformationsquelleAutor Love Thailand
6

Update neue framwork FWDraggableSwipePlayer für drag uiview wie die YouTube-app.

hoffe, Ihnen zu helfen.
- Kann diese Methode verwendet werden, wenn der video-Ansicht ist eine UIWebView?
InformationsquelleAutor Love Thailand

Dies ist ein swift 3-version für die Antwort @danh zur Verfügung gestellt hatte, früher.

https://stackoverflow.com/a/24107949/1211470

import UIKit

class ViewController: UIViewController {
    @IBOutlet weak var tallMpContainer: UIView!
    @IBOutlet weak var mpContainer: UIView!

    var swipeDown: UISwipeGestureRecognizer?
    var swipeUp: UISwipeGestureRecognizer?

    override func viewDidLoad() {
        super.viewDidLoad()
        swipeDown = UISwipeGestureRecognizer(target: self, action: #selector(swipeDownAction))

        swipeUp = UISwipeGestureRecognizer(target: self, action: #selector(swipeUpAction))

        swipeDown?.direction = .down
        swipeUp?.direction = .up

        self.mpContainer.addGestureRecognizer(swipeDown!)
        self.mpContainer.addGestureRecognizer(swipeUp!)
    }

    @objc func swipeDownAction() {
        minimizeWindow(minimized: true, animated: true)
    }

    @objc func swipeUpAction() {
        minimizeWindow(minimized: false, animated: true)
    }

    func isMinimized() -> Bool {
        return CGFloat((self.tallMpContainer?.frame.origin.y)!) > CGFloat(20)
    }

    func minimizeWindow(minimized: Bool, animated: Bool) {
        if isMinimized() == minimized {
            return
        }

        var tallContainerFrame: CGRect
        var containerFrame: CGRect

        var tallContainerAlpha: CGFloat

        if minimized == true {

            let mpWidth: CGFloat = 160
            let mpHeight: CGFloat = 90

            let x: CGFloat = 320-mpWidth
            let y: CGFloat = self.view.bounds.size.height - mpHeight;

            tallContainerFrame = CGRect(x: x, y: y, width: 320, height: self.view.bounds.size.height)
            containerFrame = CGRect(x: x, y: y, width: mpWidth, height: mpHeight)
            tallContainerAlpha = 0.0

        } else {

            tallContainerFrame = self.view.bounds
            containerFrame = CGRect(x: 0, y: 0, width: 320, height: 180)
            tallContainerAlpha = 1.0

        }

        let duration: TimeInterval = (animated) ? 0.5 : 0.0
        UIView.animate(withDuration: duration, animations: {
            self.tallMpContainer.frame = tallContainerFrame
            self.mpContainer.frame = containerFrame
            self.tallMpContainer.alpha = tallContainerAlpha
        })
    }

}

nicht arbeiten in autolayout

InformationsquelleAutor muhammed basil

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.