Personnaliser le bouton Airplay de l'apparence

- Je utiliser un standard incrustation de dégradé (qui se fait dans photoshop) pour faire des boutons de regarder de plus agréable dans mon application. J'ai ajouté un bouton Airplay, mais l'esthétique ne correspondent pas.

J'ai vraiment envie de mettre un calque de dégradé sur elle afin qu'elle corresponde, mais tout ce que je peux trouver montre seulement comment faire cela avec un png, pas un existant UIView. Si ce n'est le calque de dégradé, j'ai juste besoin d'une certaine manière, tout façon, pour changer l'apparence de l'airplay d'Apple bouton tout en gardant sa fonctionnalité intact.

Le code d'installation est simple:

MPVolumeView *volumeView = [[MPVolumeView alloc] initWithFrame:frame];
[volumeView setShowsVolumeSlider:NO];
[bottomPanel addSubview:volumeView];

Comment puis-je obtenir l'apparence de ce match de mes commandes?

Si d'autres ont lu cette question après qu'il a été répondu: ne jamais modifier le glyphe/de forme et de position!! je vous Remercie 🙂
En d'autres termes, "comment faire un bouton actif apparaissent désactivé?" Je vous suggère de ne pas confondre l'utilisateur à la place et vos images en blanc.
L'ensemble de l'INTERFACE utilisateur est le thème de cette discrète style, et l'INTERFACE utilisateur de l'application a été très apprécié. Merci pour votre avis si.
"L'itinéraire bouton est visible par défaut quand il n'y a plus d'une sortie audio d'itinéraire." Je n'ai qu'une sortie audio, donc je ne peux même pas avoir le bouton pour afficher. Est-il de toute façon à simuler plusieurs sorties audio afin que je puisse jouer avec ce bouton?
Si seulement je pouvais obtenir le bouton apparaisse, je voudrais faire un réel effort pour changer son apparence.
B: itunes.apple.com/us/app/airview/id412370918
Je vous remercie. J'ai trouvé un casque bluetooth avant que j'ai vu votre lien. J'espère vous voir ma réponse avant le bounty expire.

InformationsquelleAutor coneybeare | 2011-03-02

7

Je pense qu'il y a une meilleure solution à ce depuis iOS 6:
Utilisation

- (void)setRouteButtonImage:(UIImage *)image forState:(UIControlState)state;

sur MPVolumeView.

Voir
https://developer.apple.com/Library/ios/documentation/MediaPlayer/Reference/MPVolumeView_Class/index.html#//apple_ref/occ/instm/MPVolumeView/setRouteButtonImage:forState:
- Tandis que ma réponse était la bonne pour assez un certain temps, c'est maintenant la meilleure façon qu'il est une partie officielle de l'API
- Ce sont taille réelle de l'image nécessaire pour la routeButtonImage ?
InformationsquelleAutor Michael Thomas
16

Après avoir accepté @Erik B la réponse de l'attribution de la prime à lui, j'ai trouvé qu'il y avait plus de peaufinage nécessaire pour le faire fonctionner. Je suis de poster ici pour le bénéfice des générations futures AFIN de chercheurs.

Le problème que je voyais était que les mécanismes internes des boutons d'attribuer, pour l'image en fonction de l'actuel airplay état. Ainsi, toutes les personnalisations que j'ai fait pendant init ne colle pas si le récepteur Airplay s'en alla, ou de l'état a été modifié d'une certaine manière. Pour résoudre ce problème, j'ai installé une KVO observation sur le bouton de alpha clé. J'ai remarqué que le bouton est toujours délavé in/out qui est une animation sur alpha.
```
MPVolumeView *volumeView = [[MPVolumeView alloc] initWithFrame:CGRectZero];
[volumeView setShowsVolumeSlider:NO];
for (UIButton *button in volumeView.subviews) {
    if ([button isKindOfClass:[UIButton class]]) {
        self.airplayButton = button; //@property retain
        [self.airplayButton setImage:[UIImage imageNamed:@"airplay.png"] forState:UIControlStateNormal];
        [self.airplayButton setBounds:CGRectMake(0, 0, kDefaultIconSize, kDefaultIconSize)];
        [self.airplayButton addObserver:self forKeyPath:@"alpha" options:NSKeyValueObservingOptionNew context:nil];
    }
}
[volumeView sizeToFit];
```
Puis-je observer la variation de la valeur des boutons alpha.
```
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
    if ([object isKindOfClass:[UIButton class]] && [[change valueForKey:NSKeyValueChangeNewKey] intValue] == 1) {
        [(UIButton *)object setImage:[UIImage imageNamed:@"airplay.png"] forState:UIControlStateNormal];
        [(UIButton *)object setBounds:CGRectMake(0, 0, kDefaultIconSize, kDefaultIconSize)];
    }
}
```
N'oubliez pas de retirer l'observateur si vous détruisez le bouton
```
- (void)dealloc {
    [self.airplayButton removeObserver:self forKeyPath:@"alpha"];
    …
}
```
Basé sur le code de l'observation, le bouton pause si Apple change la vue sur l'intérieur de la hiérarchie de l' MPVolumeView à ajouter/supprimer/modifier les points de vue tels que le bouton de démarrage. Cela en fait une sorte de fragile, donc à utiliser à vos risques et périls, ou venir avec un plan b au cas où cela se produit. Je l'utilise depuis plus d'un an en production sans problèmes. Si vous voulez le voir en action, consultez le principal acteur de l'écran dans Ambiance
- Il semble être encore dans iOS 5, mais le déclenchement de l'action lorsque aucun des appareils AirPlay sont disponibles déclenche une Alerte vide de la Vue, sans boutons, en gros plantage de votre application.
- OK, réussi à le faire fonctionner. Vous devez d'abord insérer le mannequin volumeView quelque part dans le point de vue de la hiérarchie, ou de ne pas afficher l'Alerte de la Feuille.
- Comment pouvez-vous dire si elle est sélectionnée (en bleu) ou désactivée (blanc) bouton qui est actuellement visible? Je sais que c'est possible, Spotify t-il. 🙂
- Dans mon iPhone, je suis en ajoutant MPVolumeView, mais pourquoi ne suis-je pas en mesure de voir le "airplay" bouton avec le curseur de volume?
- Vous n'avez pas besoin de KVO, testé sur iOS7. La configuration initiale est assez. Si vous avez besoin de deux états de bouton pour être changé alors fournir des images pour UIControlStateNormal et UIControlStateSelected. Bonne chance
- KVO est nécessaire pour quand airplay sources d'apparaître et de disparaître, comme le bouton revient parfois.
InformationsquelleAutor coneybeare
15

J'ai enfin trouvé un casque bluetooth pour que je puisse tester le bouton. Changer son apparence était très simple. Voici le code:
```
for (UIButton *button in volumeView.subviews) {
    if ([button isKindOfClass:[UIButton class]]) {
        [button setImage:[UIImage imageNamed:@"custom-route-button.png"] forState:UIControlStateNormal];
        [button sizeToFit];
    }
}
```
C'est tout là est à lui.
- +1 pour la réponse correcte - encore, je voudrais ajouter que cette manière de manipuler le standard de l'interface et les fonctionnalités de la pomme de composants est déconseillé et PEUT être une raison pour se faire rejeter dans le processus d'approbation. En outre, dès qu'apple décide d'ajouter des boutons supplémentaires ou modifier leur ordre, ce sera un échec. Dommage qu'il n'y a pas d'autre moyen de modifier l'apparence de MPVolumeView et de ses sous-vues/controls.
- Vrai, mais il est très peu probable que Apple voudrais juste ajouter un autre bouton, parce que ce serait briser l'INTERFACE utilisateur. De toute façon, c'est à l'OP pour évaluer les risques. Je viens de fournir la réponse.
- J'ai été en espérant une réponse qui ne serait pas une obligation, mais parfois, tu dois faire ce que tu dois faire.
- Quelqu'un sait si Apple est en train d'approuver les applications que légèrement modifier l'apparence du bouton AirPlay?
- Je n'ai pas toutes les applications sur l'app store avec une version modifiée du bouton airplay, donc je ne peux pas dire que je le sais, mais cette solution n'est pas d'utiliser les méthodes de l'API, de sorte que si Apple a une politique spécifique contre modifiant le bouton airplay je pense que vous serez amende. En outre, la création de l'personnalisé bouton prend moins de 5 minutes et la restauration de l'apparence par défaut est encore plus rapide. Il sera certainement plus de temps à lire les lignes directrices pour déterminer si Apple semble l'autoriser et même alors, vous ne savez pas avec certitude.
- Ambiance ambianceapp.com, est un app que cela a été utilisé. Il n'y a eu aucun problèmes avec ça
- Comment obtenez-vous informé si le bouton AirPlay est ajouté plus tard (avec une animation automatique?)
- avez-vous essayé cela avec iOS5? Je ne peux pas sembler obtenir le changement avec le PNG-je ajouter de la touche.
- Non, je n'ai pas. Je pense que vous feriez mieux de demander à coneybeare, qui est celui qui est à l'aide de ce code dans une application.
- avez-vous essayé cela avec iOS5? Je ne peux pas sembler obtenir le changement avec le PNG-je ajouter de la touche.
- Même si j'ai accepté cette réponse, je ne l'ai jamais utilisé, mais résolu d'une manière légèrement différente à l'aide de KVO. Je vais poster ma réponse ici
InformationsquelleAutor Erik B
3

Le code ci-dessus ne fonctionne pas pour moi (comme le bouton AirPlay est ajouté plus tard). Comme solution de contournement, vous pouvez un standard UIButton dans votre INTERFACE utilisateur et de déclencher un AirPlay dans un (caché) MPVolumeView bouton avec
```
for (UIButton *button in volumeView.subviews)
{
    if ([button isKindOfClass:[UIButton class]]) 
    {
        [button sendActionsForControlEvents:UIControlEventTouchUpInside];
    }
}
```
Un effet secondaire est que le bouton ne pas masquer automatiquement quand une seule voie est disponible, qui peut ou peut ne pas être le comportement désiré.
- Cela semble être dangereux à utiliser, comme iOS 5 affichera une alerte vide, sans aucun contrôle de la rejeter, quand il n'y a pas des appareils AirPlay disponibles.
- Désolé, mais je ne peux pas reproduire cela. Pour moi, il apporte une alerte de vue avec l'iPhone et de l'Annuler en tant qu'options. (iOS 5.1)
- Je pense que je l'ai eu: cela peut se produire lorsque le MPVolumeView n'est pas n'importe où dans la vue de la hiérarchie. Je pense que peut-être il a besoin de quelque parent image pour afficher la Feuille d'Action de. De toute façon: Par l'ajout de la MPVolumeView de la hiérarchie et de la cacher, votre solution fonctionne toujours.
InformationsquelleAutor voidStern

J'ai créé une méthode personnalisée qui fonctionne parfaitement...

-(void)airplayIcon:(CGRect)rect {
    UIView *aiplayView = [[UIView alloc] initWithFrame:self.bounds];
    aiplayView.clipsToBounds = true;
    aiplayView.backgroundColor = [UIColor clearColor];
    [self addSubview:aiplayView];

    MPVolumeView *airplayVolume = [[MPVolumeView alloc] initWithFrame:aiplayView.bounds];
    airplayVolume.showsVolumeSlider = false;
    [aiplayView addSubview:airplayVolume];

    for (UIButton *button in airplayVolume.subviews) {
        [button setFrame:self.bounds];
        if ([button isKindOfClass:[UIButton class]]) {
            [button setImage:[UIImage imageNamed:@"normal.png"] forState:UIControlStateNormal];
            [button setImage:[UIImage imageNamed:@"selected.png"] forState:UIControlStateSelected];
            [button sizeToFit];

        }

    }

}

InformationsquelleAutor Joe Barbour

Vous devez vous connecter pour publier un commentaire.