iOS Flottant de la Fenêtre Vidéo comme Youtube App

Personne ne sait de toute bibliothèque existante, ou toutes les techniques sur la façon d'obtenir le même effet, comme on le trouve sur l'Application Youtube.

La vidéo peut être "minimisé" et plane au bas de l'écran - qui peut ensuite être utilisé pour fermer ou s'il est touché à la ré-optimisé.

Voir:

De La Vidéo À Jouer Normalement: https://www.dropbox.com/s/o8c1ntfkkp4pc4q/2014-06-07%2001.19.20.png

Vidéo Réduite: https://www.dropbox.com/s/w0syp3infu21g08/2014-06-07%2001.19.27.png

(Notez que la vidéo est maintenant dans une petite fenêtre flottante en bas à droite de l'écran).

Quelqu'un a une idée de comment cela a été réalisé, et s'il existe des tutoriels ou des bibliothèques qui peuvent être utilisés pour obtenir ce même effet?

J'aime cet effet aussi, mais pas besoin d'une bibliothèque. Le DÉPUTÉ champ de vision du joueur se comporte comme une vision ordinaire. Joindre une balayez vers le bas à la reconnaissance et à l'animer position de l'image et de votre application sera aussi cool que google
toute possibilité que vous pouvez mettre un peu de simples extraits de code pour rendre les choses plus claires. Merci beaucoup.

InformationsquelleAutor shabbirh | 2014-06-07

Il semblait amusant, alors j'ai regardé sur youtube. La vidéo dirait qu'il joue en 16:9 boîte au dessus, avec un "voir aussi" de la liste ci-dessous. Lorsque l'utilisateur réduit la vidéo, le joueur tombe sur le coin en bas à droite le long avec le "voir aussi" affichage. Dans le même temps, que "voir aussi" affichage s'estompe et transparent.

1) Configuration de la vue et de créer des points de vente. Voici à quoi ça ressemble de l'IB. (Notez que les deux conteneurs sont des frères et sœurs)

iOS Flottant de la Fenêtre Vidéo comme Youtube App

2) Donner à l'affichage de la vidéo un balayez vers le haut et vers le bas geste de reconnaissance:

@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), Et ensuite une méthode pour connaître l'état actuel, et de changer l'état actuel.

- (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;
    }];
}

Je n'ai pas d'ajouter une vidéo à ce projet, mais il faut juste laisser tomber. Faire de la mpContainer la vue parent de la MPMoviePlayerController de vue et il devrait sembler assez cool.

Merci beaucoup 🙂
pourquoi ce n'est pas la réponse choisie?
Merci pour la fraîcheur de la solution et de l'inspiration pour essayer quelque chose de différent. Je suis ajoutant swift version comme une solution distincte
bonjour. U peut fournir le code source complet:)
désolé, il a été supprimé il y a longtemps. la partie est de vous donner des ennuis?
salut. Je veux vous demander ce qui est tallMpContainer. La vue ci-dessous MpContainer ou tous la vue derrière MpContainer que fixer avec des limites de l'écran?
Testé dans swift 4, [auto mpIsMinimized] == réduite) retourne toujours vrai..
tallMpContainer est le premier enfant de la vue du contrôleur de la vue principale et un frère à mpContainer.

InformationsquelleAutor danh

8

Utilisation TFSwipeShrink et personnaliser le code de votre projet.

espérons vous aider.
- Au lieu de répondre à cette question, deux réponses, vous devez combiner les deux en un seul. Depuis qu'ils sont à la fois le lien-seulement des réponses. Et vous devez copier le bits de la page cible, ici, lorsque que le site tombe en panne.
InformationsquelleAutor Love Thailand
6

Mise à jour de nouvelles framwork FWDraggableSwipePlayer pour glisser uiview comme YouTube app.

espérons vous aider.
- Cette méthode peut-elle être utilisée que si la vidéo est un UIWebView?
InformationsquelleAutor Love Thailand

C'est une swift 3 version pour la réponse @danh avait indiqué plus tôt.

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
})
}
}

n'a pas de travail dans la mise en page automatique

InformationsquelleAutor muhammed basil

Vous devez vous connecter pour publier un commentaire.