UIView appereance de bas en haut et vice versa(Core Animation)

Mon but est de comprendre et de mettre en œuvre la fonctionnalité via Core Animation.
Je pense que c'est pas si dur,mais malheureusement je ne sais pas swift/Obj C et il est difficile de comprendre natif exemples.

Visuelle de la mise en œuvre

Qu'est-ce exactement que je veux faire(quelques étapes comme indiqué sur les images):
1. UIView appereance de bas en haut et vice versa(Core Animation)
2. UIView appereance de bas en haut et vice versa(Core Animation)
3. UIView appereance de bas en haut et vice versa(Core Animation)
4. UIView appereance de bas en haut et vice versa(Core Animation)

Et les mêmes étapes pour cacher la vue(et vice-versa,du haut vers le bas) jusqu'à ce que :

UIView appereance de bas en haut et vice versa(Core Animation)

Aussi,je veux faire cette UIView plus générique,je veux mettre ce UIView sur mon StoryBoard et de mettre ainsi les contraintes sur la mise en page automatique(pour le support des écrans des appareils).

Des idées? Merci!

Les fonctionnalités que vous souhaitez mettre en œuvre ne nécessitent pas Core Animation. Il peut être fait par la simple UIView animateWithDuration: Api. Je vais très recommander lire quelques tutoriels sur ce sujet & essayer les implémentations de première main. Venir avec un peu de code, si sa erronée, vous pouvez toujours demander de bricolage autour d'ici. 🙂 raywenderlich.com/2454/...

OriginalL'auteur XTL | 2017-02-19

  1. 9

    En supposant que le point de vue original est quelque chose comme:

    var view = new UIView(new CGRect(View.Frame.Left, View.Frame.Height - 200, View.Frame.Right, 0));
view.BackgroundColor = UIColor.Clear;

    Spectacle:

    UIView.Animate(2.0, 0.0,
    UIViewAnimationOptions.CurveLinear,
    () =>
        {
            view.BackgroundColor = UIColor.Blue;
            var height = 100;
            view.Frame = new CGRect(View.Frame.Left, view.Frame.Y - height , view.Superview.Frame.Right, height);
        },
    () =>
        {
            //anim done
        }                                  
);

    Cacher:

    UIView.Animate(2.0, 0.0,
    UIViewAnimationOptions.CurveLinear,
    () =>
        {
            view.BackgroundColor = UIColor.Clear;
            var height = 100;
            view.Frame = new CGRect(View.Frame.Left, view.Frame.Y + height, view.Superview.Frame.Right, 0);

        },
    () =>
        {
            view.Hidden = true;
        }
);

    UIView appereance de bas en haut et vice versa(Core Animation)

    Merci!!! Exactement ce dont j'ai besoin et fonctionne très bien. Mais pourquoi quand je suis en train d'utiliser mon propre UIView qui a été créé dans la table de montage séquentiel,sa ne fonctionne pas bien,je veux dire son montrant une vue complète de la Hauteur? i.stack.imgur.com/fuVhy.gif s'il vous plaît voir cette .animation gif. Aussi,j'ai essayé de mettre le paramètre "hauteur" en tant que "point de Vue.Cadre.Hauteur" et prendre une réelle Hauteur de vue,mais ne fonctionne pas :(.
    Aussi,je n'ai aucune idée,mais les contraintes sur la mise en page automatique semble que ça ne marchera pas dans Xamarin.iOS designer(story-boards). Pensez-vous avoir le même comportement ? Je pense que mal de créer une nouvelle question à ce sujet...
    Si vous êtes en utilisant des contraintes par l'intermédiaire d'une table de montage séquentiel/xib, vous ne voulez animer les Frame hauteur, mais d'animer la contrainte de hauteur. Ajouter un débouché à la hauteur de la contrainte et de faire quelque chose comme this.HeightCon.Constant = 100; dans l'Action animer. ref: prise création: developer.xamarin.com/guides/ios/user_interface/controls/...
    je n'ai aucune idée,mais je ne peux pas écrire par "@" . J'ai donc essayé,mais il n'a pas travaillé,donc, demain, malade, essayez de nouveau. Btw,je vais marquer votre réponse comme solution le plus vite possible,mais nécessaire pour résoudre mon problème :).
    pls peut vous aider avec ceci sur Swift 4

    OriginalL'auteur SushiHangover

  2. 8

    Vous pouvez utiliser comme cette Extension

    extension UIView{
    func animShow(){
        UIView.animate(withDuration: 2, delay: 0, options: [.curveEaseIn],
                       animations: {
                        self.center.y -= self.bounds.height
                        self.layoutIfNeeded()
        }, completion: nil)
        self.isHidden = false
    }
    func animHide(){
        UIView.animate(withDuration: 2, delay: 0, options: [.curveLinear],
                       animations: {
                        self.center.y += self.bounds.height
                        self.layoutIfNeeded()

        },  completion: {(_ completed: Bool) -> Void in
        self.isHidden = true
            })
    }
}

    OriginalL'auteur gowtham

  3. 2

    Voir mon point de vue cas était à l'opposé, je suis directement faire les changements qu' , tester si cela fonctionne pour vous,

    Montrer La Logique

    //Add your view on storyBoard /programmatically bellow tab bar

[self.view bringSubviewToFront:self.miniMenuView];

CGRect rectformedicationTableViewcell;//= CGRectZero;

rectformedicationTableViewcell = CGRectMake(0.0f, self.view.frame.size.hight, self.view.frame.size.width, 150.0f);

self.miniMenuView.frame = rectformedicationTableViewcell;

if([self.miniMenuView superview]) {
    self.miniMenuView.hidden = YES;
}
self.miniMenuView.hidden = NO;

[UIView animateWithDuration:0.3f
                      delay:0.0f
                    options:UIViewAnimationOptionBeginFromCurrentState
                 animations:^{
                       [self.miniMenuView setFrame:CGRectMake(0.0f, self.view.frame.size.hight - 150.0f, self.view.frame.size.width, 150.0f)];

                 }
                 completion:nil];

    Masquer La Logique

    [self.view sendSubviewToBack:self.miniMenuView];

[UIView animateWithDuration:0.3f
                      delay:0.0f
                    options:UIViewAnimationOptionBeginFromCurrentState
                 animations:^{

                                                 [self.miniMenuView setFrame:CGRectMake(0.0f, self.view.frame.size.hight, self.view.frame.size.width, 150.0f)];


                 }
                 completion:^(BOOL completed){
                     if([self.miniMenuView superview]) {
                         self.miniMenuView.hidden = YES;
                     }

                 }];

    Considèrent comme l'idée de base de faire des modifications selon vos exigences Meilleure chance.

    Et je pense que vous pouvez le faire en faisant des changements dans ViewHeight aussi. 🙂

    OriginalL'auteur Mukesh