我在我的应用程序中使用标准的渐变叠加（在Photoshop中完成）来使按钮看起来更好。我添加了一个Airplay按钮，但美学效果不匹配。
我真的想在它上面放一个渐变层，使它与之匹配，但我能找到的所有内容都只展示如何使用png而不是现有的UIView实现这一点。如果没有渐变层，我只需要以任何方式改变苹果Airplay按钮的外观，同时保持其功能不变。
设置代码很简单：
MPVolumeView *volumeView = [[MPVolumeView alloc] initWithFrame:frame];
[volumeView setShowsVolumeSlider:NO];
[bottomPanel addSubview:volumeView];
如何使这个与我的控件外观匹配？
我终于找到了一个蓝牙耳机，这样我就可以测试按钮了。更改它的外观非常简单。以下是代码：
for (UIButton *button in volumeView.subviews) {
if ([button isKindOfClass:[UIButton class]]) {
[button setImage:[UIImage imageNamed:@"custom-route-button.png"] forState:UIControlStateNormal];
[button sizeToFit];
}
}
就是这样了。
接受了@Erik B的答案并向他颁发赏金后，我发现还需要进行更多调整才能使其正常工作。为了方便未来在stackoverflow搜索的用户，我在这里发帖。
我遇到的问题是，按钮的内部机制会根据当前的Airplay状态分配图像。因此，在初始化时进行的任何自定义操作都不会保留，如果Airplay接收器消失或状态以某种方式改变，则可能出现问题。为解决这个问题，我对按钮的alpha键进行了KVO观察。我注意到按钮始终被淡入/淡出，这是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];
然后我观察按钮 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)];
}
}
如果你销毁了按钮，请别忘了移除观察者。
- (void)dealloc {
[self.airplayButton removeObserver:self forKeyPath:@"alpha"];
…
}
根据代码观察，如果苹果更改MPVolumeView的内部视图层次结构以添加/删除/修改视图，可能会导致该按钮失效。这使得它有点脆弱，因此使用时需谨慎，或者在出现问题时考虑备选方案。我已经在生产中使用了一年，并没有遇到任何问题。如果您想看它的实际效果，请查看Ambiance中的主播放器屏幕。
我认为自iOS 6以来有更好的解决方案：
使用MPVolumeView中的- (void)setRouteButtonImage:(UIImage *)image forState:(UIControlState)state;
对我而言上述代码不起作用(因为AirPlay按钮是后添加的)。一个解决方法是在UI中添加一个标准的UIButton, 并通过(hidden的)MPVolumeView按钮触发AirPlay。
for (UIButton *button in volumeView.subviews)
{
if ([button isKindOfClass:[UIButton class]])
{
[button sendActionsForControlEvents:UIControlEventTouchUpInside];
}
}
-(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];
}
}
}