私はマスター画面にUITabBarController
を持つiOSアプリを持っていて、設定hidesBottomBarWhenPushed = true
でUITabBarController
を隠している詳細画面にナビゲートしています。
マスター画面に戻ると、UITabBarController
はこのGIFに示されているように奇妙な "ジャンプ"をします。
これはiOS 12.1でのみ発生し、12.0や11.xでは発生しません。
IOS 12.1のバグのように思えます。FBMessengerのような他のアプリがこの動作で気付いたのですが、不思議に思っていましたが、何らかの回避策はありますか?
UITabBarController
にisTranslucent = false
を設定します
Appleはこの問題を修正しましたiOS 12.1.1
私はそれがAppleのバグだと思いますが、あなたはこれをホットフィックスとして試すことができます:あなたのtabBarのために次のコードでクラスを作成するだけです:
import UIKit
class FixedTabBar: UITabBar {
var itemFrames = [CGRect]()
var tabBarItems = [UIView]()
override func layoutSubviews() {
super.layoutSubviews()
if itemFrames.isEmpty, let UITabBarButtonClass = NSClassFromString("UITabBarButton") as? NSObject.Type {
tabBarItems = subviews.filter({$0.isKind(of: UITabBarButtonClass)})
tabBarItems.forEach({itemFrames.append($0.frame)})
}
if !itemFrames.isEmpty, !tabBarItems.isEmpty, itemFrames.count == items?.count {
tabBarItems.enumerated().forEach({$0.element.frame = itemFrames[$0.offset]})
}
}
}
追加または削除される回転アイテムとTab Barアイテムを処理できる解決策は次のとおりです。
class FixedTabBar: UITabBar {
var buttonFrames: [CGRect] = []
var size: CGSize = .zero
override func layoutSubviews() {
super.layoutSubviews()
if UIDevice.current.systemVersion >= "12.1" {
let buttons = subviews.filter {
String(describing: type(of: $0)).hasSuffix("Button")
}
if buttonFrames.count == buttons.count, size == bounds.size {
Zip(buttons, buttonFrames).forEach { $0.0.frame = $0.1 }
} else {
buttonFrames = buttons.map { $0.frame }
size = bounds.size
}
}
}
}
import UIKit
extension UITabBar{
open override func layoutSubviews() {
super.layoutSubviews()
if let UITabBarButtonClass = NSClassFromString("UITabBarButton") as? NSObject.Type{
let subItems = self.subviews.filter({return $0.isKind(of: UITabBarButtonClass)})
if subItems.count > 0{
let tmpWidth = UIScreen.main.bounds.width / CGFloat(subItems.count)
for (index,item) in subItems.enumerated(){
item.frame = CGRect(x: CGFloat(index) * tmpWidth, y: 0, width: tmpWidth, height: item.bounds.height)
}
}
}
}
open override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
if let view:UITabBar = super.hitTest(point, with: event) as? UITabBar{
for item in view.subviews{
if point.x >= item.frame.Origin.x && point.x <= item.frame.Origin.x + item.frame.size.width{
return item
}
}
}
return super.hitTest(point, with: event)
}
}
この問題を解決するには2つの方法があります。まず、UITabBarControllerで、isTranslucent = falseを次のように設定します。
[[UITabBar appearance] setTranslucent:NO];
それでも、最初の解決方法でも問題が解決しない場合は、次の方法を試してください。
これがObjective-Cのコードです。
// .h
@interface CYLTabBar : UITabBar
@end
// .m
#import "CYLTabBar.h"
CG_INLINE BOOL
OverrideImplementation(Class targetClass, SEL targetSelector, id (^implementationBlock)(Class originClass, SEL originCMD, IMP originIMP)) {
Method originMethod = class_getInstanceMethod(targetClass, targetSelector);
if (!originMethod) {
return NO;
}
IMP originIMP = method_getImplementation(originMethod);
method_setImplementation(originMethod, imp_implementationWithBlock(implementationBlock(targetClass, targetSelector, originIMP)));
return YES;
}
@implementation CYLTabBar
+ (void)load {
static dispatch_once_t onceToken;
dispatch_once(&onceToken, ^{
if (@available(iOS 12.1, *)) {
OverrideImplementation(NSClassFromString(@"UITabBarButton"), @selector(setFrame:), ^id(__unsafe_unretained Class originClass, SEL originCMD, IMP originIMP) {
return ^(UIView *selfObject, CGRect firstArgv) {
if ([selfObject isKindOfClass:originClass]) {
if (!CGRectIsEmpty(selfObject.frame) && CGRectIsEmpty(firstArgv)) {
return;
}
}
// call super
void (*originSelectorIMP)(id, SEL, CGRect);
originSelectorIMP = (void (*)(id, SEL, CGRect))originIMP;
originSelectorIMP(selfObject, originCMD, firstArgv);
};
});
}
});
}
@end
詳細情報: https://github.com/ChenYilong/CYLTabBarController/commit/2c741c8bffd47763ad2fca198202946a2a63c4fc
あなたはこれでいくつかのiOS 12 subversionsのために- (UIEdgeInsets)safeAreaInsets
メソッドをオーバーライドすることができます:
- (UIEdgeInsets)safeAreaInsets {
UIEdgeInsets insets = [super safeAreaInsets];
CGFloat h = CGRectGetHeight(self.frame);
if (insets.bottom >= h) {
insets.bottom = [self.window safeAreaInsets].bottom;
}
return insets;
}
それでもタブバーを半透明にしたい場合は、UITabBar
からサブクラス化してプロパティsafeAreaInsets
をオーバーライドする必要があります。
class MyTabBar: UITabBar {
private var safeInsets = UIEdgeInsets.zero
@available(iOS 11.0, *)
override var safeAreaInsets: UIEdgeInsets {
set {
if newValue != UIEdgeInsets.zero {
safeInsets = newValue
}
}
get {
return safeInsets
}
}
}
システムがzero
インセットを設定することをシステムに許可しないようにするという考えで、タブバーはジャンプしません。
私はまったく同じ問題に直面していました。そこでは、アプリはタブごとに1つのナビゲーションコントローラで構築されていました。私がこれを修正するために見つけた最も簡単でハッカーのいない方法はUITabBarController
をUINavigationController
の内側に置き、個々のUINavigationController
sを削除することでした。
以前
-> UINavigationController -> UIViewController
-> UINavigationController -> UIViewController
UITabBarController -> UINavigationController -> UIViewController
-> UINavigationController -> UIViewController
-> UINavigationController -> UIViewController
後:
-> UIViewController
-> UIViewController
UINavigationController -> UITabBarController -> UIViewController
-> UIViewController
-> UIViewController
外側のUINavigationController
を使用することで、View ControllerをナビゲーションスタックにプッシュするときにUITabBar
を非表示にする必要はありません。
警告:
私がこれまでに発見した唯一の問題は、それぞれのUIViewController
にタイトルまたは左右のバーボタン項目を設定しても同じ効果がないことです。この問題を解決するために、目に見えるUITabBarControllerDelegate
が変更されたときにUIViewController
を介して変更を適用しました。
func tabBarController(_ tabBarController: UITabBarController, didSelect viewController: UIViewController) {
guard let topItem = self.navigationController?.navigationBar.topItem else { return }
precondition(self.navigationController == viewController.navigationController, "Navigation controllers do not match. The following changes might result in unexpected behaviour.")
topItem.title = viewController.title
topItem.titleView = viewController.navigationItem.titleView
topItem.leftBarButtonItem = viewController.navigationItem.leftBarButtonItem
topItem.rightBarButtonItem = viewController.navigationItem.rightBarButtonItem
}
ナビゲーションアーキテクチャが変更された場合には、preconditionFailure
を追加しています。
@ ElonChan という考えのおかげで、このoverrideImplementation
をあまり使用しないので、cインライン関数をOC静的メソッドに変更しました。また、このスニペットは現在iPhoneXに調整されています。
static CGFloat const kIPhoneXTabbarButtonErrorHeight = 33;
static CGFloat const kIPhoneXTabbarButtonHeight = 48;
@implementation FixedTabBar
typedef void(^NewTabBarButtonFrameSetter)(UIView *, CGRect);
typedef NewTabBarButtonFrameSetter (^ImpBlock)(Class originClass, SEL originCMD, IMP originIMP);
+ (BOOL)overrideImplementationWithTargetClass:(Class)targetClass targetSelector:(SEL)targetSelector implementBlock:(ImpBlock)implementationBlock {
Method originMethod = class_getInstanceMethod(targetClass, targetSelector);
if (!originMethod) {
return NO;
}
IMP originIMP = method_getImplementation(originMethod);
method_setImplementation(originMethod, imp_implementationWithBlock(implementationBlock(targetClass, targetSelector, originIMP)));
return YES;
}
+ (void)load {
static dispatch_once_t onceToken;
dispatch_once(&onceToken, ^{
if (@available(iOS 12.1, *)) {
[self overrideImplementationWithTargetClass:NSClassFromString(@"UITabBarButton")
targetSelector:@selector(setFrame:)
implementBlock:^NewTabBarButtonFrameSetter(__unsafe_unretained Class originClass, SEL originCMD, IMP originIMP) {
return ^(UIView *selfObject, CGRect firstArgv) {
if ([selfObject isKindOfClass:originClass]) {
if (!CGRectIsEmpty(selfObject.frame) && CGRectIsEmpty(firstArgv)) {
return;
}
if (firstArgv.size.height == kIPhoneXTabbarButtonErrorHeight) {
firstArgv.size.height = kIPhoneXTabbarButtonHeight;
}
}
void (*originSelectorIMP)(id, SEL, CGRect);
originSelectorIMP = (void (*)(id, SEL, CGRect))originIMP;
originSelectorIMP(selfObject, originCMD, firstArgv);
};
}];
}
});
}
@end
これがSwiftのコードです。
extension UIApplication {
open override var next: UIResponder? {
// Called before applicationDidFinishLaunching
SwizzlingHelper.enableInjection()
return super.next
}
}
クラスSwizzlingHelper {
static func enableInjection() {
DispatchQueue.once(token: "com.SwizzlingInjection") {
//what to need inject
UITabbarButtonInjection.inject()
}
}詳細情報 https://github.com/tonySwiftDev/UITabbar-fixIOS12.1Bug
私の場合(iOS 12.1.4)、私はこの奇妙なグリッチのような振る舞いが.modalPresentationStyle = .fullScreen
で提示されているモーダルによって引き起こされていることを知りました。
PresentationStyleを.overFullScreen
に更新すると、問題は解消されました。