ios - iOS 7: UITableView がステータスバーの下に表示される

Question

私のアプリケーションの最初の画面にはUITableViewControllerナビゲーションバーがありません。これは、コンテンツがステータスバーの下に流れるため、多くのテキストの衝突が発生することを意味します。との両方のプロパティを調整しましたが、Under top bars実際Adjust scroll view insetsには下にスクロールするのを止めていますが、テーブルビューの上部を下に保つという犠牲を払っています。フレームを 20 ピクセルオフセットするように設定しようとしましたUITableViewが、効果がないように見えます。また、現在 iOS 6 と互換性のあるアプリが必要なため、iOS 7 ストーリーボードにジャンプして自動レイアウトを強制的に使用することはできません。上の高さガイド。両方のバージョンで機能するソリューションを見つけた人はいますか?

私が試したこと：設定edgesForExtendedLayout、ストーリーボード内の設定の変更、Under top barsおよびAdjust scroll viewフレームを新しい領域に強制します。

百聞は一見に如かず。下のステータスバーフロー

score 86 · Accepted Answer

プログラムで物事を行っていて、を使用せUITableViewControllerずにを使用している場合UINavigationController、で次のことを行うのが最善の策ですviewDidLoad。

スイフト3

self.tableView.contentInset = UIEdgeInsets(top: 20, left: 0, bottom: 0, right: 0)

以前のスイフト

self.tableView.contentInset = UIEdgeInsetsMake(20.0f, 0.0f, 0.0f, 0.0f);

はUITableViewControllerステータスバーの後ろにスクロールされますが、一番上までスクロールしても下には表示されません。

score 20 · Accepted Answer

一番上の答えに追加：

2番目の方法が最初は機能していないように見えた後、追加の調整を行い、解決策を見つけました.

TLDR; 一番上の答えの2番目の解決策はほとんど機能しますが、xCodeの一部のバージョンでは、Ctrlキーを押しながら「トップレイアウトガイド」にドラッグして垂直方向の間隔を選択しても何も起こりません。ただし、最初にテーブルビューのサイズを調整してから、[トップスペースからトップレイアウトガイド] を選択すると機能します。

空白の ViewController をストーリーボードにドラッグします。
UITableViewオブジェクトをビューにドラッグします。(UITableViewController ではありません)。青いレイアウトガイドを使用して、中心に配置します。

テーブルビューセンター画像

UITableViewCell を TableView にドラッグします。これがプロトタイプの再利用セルになるため、[属性] タブで [再利用識別子] を設定することを忘れないでください。そうしないと、クラッシュが発生します。

テーブルビューセルを追加識別子の再利用

UIViewController のカスタムサブクラスを作成し、<UITableViewDataSource, UITableViewDelegate>プロトコルを追加します。Identity Inspector でストーリーボードの ViewController をこのクラスに設定することを忘れないでください。
実装ファイルに TableView のアウトレットを作成し、「tableView」という名前を付けます。

アウトレットの作成テーブルビュー

TableView を右クリックし、dataSource とデリゲートの両方を ViewController にドラッグします。

dataSource デリゲート

ステータスバーにクリッピングしない部分について。

テーブルビューの上端をつかみ、上部近くにある破線の青い自動レイアウトガイドの 1 つまで下に移動します。

サイズ変更

これで、Table View から上部へのドラッグを制御し、Top Space to Top Layout Guide を選択できるようになりました。

トップスペースからトップへのレイアウトガイド

TableView のあいまいなレイアウトに関するエラーが表示されます。欠落している制約を追加するだけで完了です。

不足している制約を追加する

これで、通常のようにテーブルビューを設定できるようになりました。ステータスバーがクリップされることはありません。

score 8 · Accepted Answer

これは「Swift」でそれを書く方法です@lipkaの答えへの調整：

tableView.contentInset = UIEdgeInsetsMake(20.0, 0.0, 0.0, 0.0)

score 3 · Accepted Answer

これにより、UITableViewController (マジックナンバーなし) で問題が修正されます。修正できなかった唯一のことは、電話中の場合です。この場合、tableView の上部が押し下げられすぎています。誰かがそれを解決する方法を知っているなら、私たちに知らせてください。

class MyTableViewController: UITableViewController {

    override func viewDidLoad() {
        super.viewDidLoad()    
        configureTableViewTop()
    }

    override func viewWillTransitionToSize(size: CGSize, withTransitionCoordinator coordinator: UIViewControllerTransitionCoordinator) {
        super.viewWillTransitionToSize(size, withTransitionCoordinator: coordinator)
        coordinator.animateAlongsideTransition({ (context) -> Void in
            }, completion: { (context) -> Void in
                self.configureTableViewTop()
        })
    }

    func configureTableViewTop() { 
        tableView.contentInset.top = UIApplication.sharedApplication().statusBarFrame.height
    }
}

score 2 · Accepted Answer

chappjc の答えは、XIB を操作するときにうまく機能します。

プログラムで TableViewControllers を作成するときの最もクリーンな解決策は、 UITableViewController インスタンスを別の UIViewController にラップし、それに応じて制約を設定することです。

ここにあります：

UIViewController *containerLeftViewController = [[UIViewController alloc] init];
UITableViewController *tableViewController = [[UITableViewController alloc] init];

containerLeftViewController.view.backgroundColor = [UIColor redColor];

hostsAndMoreTableViewController.view.translatesAutoresizingMaskIntoConstraints = NO;
[containerLeftViewController.view addSubview:tableViewController.view];

[containerLeftViewController addChildViewController:tableViewController];
[tableViewController didMoveToParentViewController:containerLeftViewController];

NSDictionary * viewsDict = @{ @"tableView": tableViewController.view ,
                              @"topGuide": containerLeftViewController.topLayoutGuide,
                              @"bottomGuide": containerLeftViewController.bottomLayoutGuide,
                              };
[containerLeftViewController.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[tableView]|"
                                                                                         options:0
                                                                                         metrics:nil
                                                                                           views:viewsDict]];
[containerLeftViewController.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[topGuide][tableView][bottomGuide]"
                                                                                         options:0
                                                                                         metrics:nil
                                                                                           views:viewsDict]];

乾杯、ベン

score 1 · Accepted Answer

次の解決策は、魔法の定数を使用せずにコードで十分に機能し、ユーザーがサイズクラスを変更することを考慮しています。

- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection {
    [super traitCollectionDidChange:previousTraitCollection];
    // Fix up content offset to ensure the tableview isn't underlapping the status bar.
    self.tableView.contentInset = UIEdgeInsetsMake(self.topLayoutGuide.length, 0.0, 0.0, 0.0);
}

score 1 · Accepted Answer

TableView の後に追加され、ステータスバーの下に配置された、目的の背景を持つ 1 つの追加のビューを使用することになりました。

    self.CoverView = [[UIView alloc]init];

    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0) {

    self.CoverView.frame = CGRectMake(0,0,self.view.bounds.size.width,20);
    }

    self.CoverView.backgroundColor = [UIColor whiteColor];
    self.TableView = [[UITableView alloc]initWithFrame:CGRectMake(0,
    self.CoverView.bounds.size.height,XXX, YYY)];
    [self.view addSubview:self.TableView];
    [self.view addSubview:self.CoverView];

あまりきれいではありませんが、xib のないビューと IOS6 と IOS7 の両方で作業する必要がある場合は、かなり単純なソリューションです。

score 1 · Accepted Answer

UITableViewController を使用するアプローチは、以前に行ったこととは少し異なるかもしれないと思います。それは私にとってはうまくいきましたが、あなたはそれのファンではないかもしれません. 私が行ったことは、UItableViewController を指すコンテナービューを持つビューコントローラーを用意することです。このようにして、ストーリーボードに提供された TopLayoutGuide を使用できます。コンテナビューに制約を追加するだけで、iOS7 と iOS6 の両方に対応できます。

score 0 · Accepted Answer

override func viewDidLoad() {
 // your code

 if let nc = self.navigationController {
   yourView.frame.origin.y = nc.navigationBar.frame.origin.y + nc.navigationBar.frame.height
  }
}

ios - iOS 7: UITableView がステータスバーの下に表示される

27 に答える 27

Related

Reference