質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.59%

FSCalendarを利用してのカレンダーAPPで画面が分割されてしまう

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 588

score 6

現在FSCalendarを利用してのカレンダーAPPを作成中です。
(こちらを参照に作成していますhttps://qiita.com/yanashi222/items/121b549852bedf391377#comments)

ビルドした際、画面がぐちゃぐちゃ(分割?)されてしまいます。

それ以外は正常です。

セグエやoutletの接続はチェックしましたが、問題は見つからずです。。

イメージ説明

↑このようになってしまいます。

コードは参照ページと同じです。

初心者で右も左もわからない状態で申し訳ございませんが
わかるかたよろしくお願い致します。

イメージ説明

イメージ説明

イメージ説明

イメージ説明

イメージ説明

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

0

コメントに記載すべき内容かもしれませんが、スクリーンショットを載せたいのでこちらに書きます。

試しに参考にされた記事をもとに同じプロジェクトを作ってみましたが、参考にされた記事と同じようなデザインになりました。

  • メイン画面
    イメージ説明

  • スケジュール追加画面
    イメージ説明

セグエやoutletの接続はチェックしましたが、問題は見つからずです。。 

参考にされた記事は UI 部品のデザインをコードベースで行っているため、Segue や Outlet の設定は不要です。

必要なのは、StoryBoard に新しい ViewController を追加し、カスタムクラスを設定の上、Identifier を設定する程度です(あとは、元記事が Swift4 なので、私の環境に合わせて多少書き換えてあります)。

ちなみに、質問者さんのスクリーンショットを拝見すると

  • 画面に TabBar が表示されている(プロジェクトの作成間違い?)
  • カレンダー画面がモーダルになっている

など、気になる点があります。

元記事が全くの初心者向けではないので、いくつか重要な部分が端折られている感がなきにしもあらずですが、手順通り作成されていますでしょうか。

追記

TabBar Controller を使っても動かすことは可能です(予定を追加するボタンの位置は移動してあります)。

イメージ説明

イメージ説明

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/07/28 07:22

    お返事ありがとうございます。

    QiitaのページはSingle View App の手順であって、Tabbed Appの手順ではないので、そのままでは適用できないかと思います。
    >>別物ということですね・・勉強不足です。

    KCROWさんは、TabBar Controllerを使った簡単あなアプリ(ラベルを表示したり、画面を遷移させたりする)を作成されたことはありますでしょうか。
    >>参考書にのっている簡易アプリでしたら一度作った事があります。

    ※なんとか画面の分割をなくす事ができました。(添付画像参照)
    ただ予定追加ボタンがタブバーに隠れてしまいます・・

    TabBar Controller を使っても動かすことは可能です(予定を追加するボタンの位置は移動してあります)。
    >>もし、差し支えなければ方法を教えていただいてもよろしいでしょうか?
    (もちろん自力で調べられるところまでやります)

    よろしくお願い致します。

    キャンセル

  • 2020/07/28 12:31

    >>別物ということですね・・勉強不足です。

    Tab Bar Controller から複数の View Controller が呼び出されるだけなので、構造はそれほど難しくはないかと思います(データ管理については検討しなければならないこともあるようですが)。
    逆に言えば、 View Controller を使った画面遷移などが理解できていないと覚えなければならないことが多くて大変かもしれません。

    >>もし、差し支えなければ方法を教えていただいてもよろしいでしょうか?

    ボタンの位置は決め打ちになっているので、とりあえず表示できる位置に移動したいということであれば、

    let addBtn = UIButton(frame: CGRect(x: w - 70, y: h - 150, width: 60, height: 60))

    のような感じでY座標を原点方向に移動させれば表示することは可能です。

    キャンセル

  • 2020/07/28 21:10

    Tab Bar Controller から複数の View Controller が呼び出されるだけなので、構造はそれほど難しくはないかと思います(データ管理については検討しなければならないこともあるようですが)。
    逆に言えば、 View Controller を使った画面遷移などが理解できていないと覚えなければならないことが多くて大変かもしれません。
    >>詳細な説明ありがとうございます!
    今一度参考書のView Controllerから見直したいと思います。

    ボタンの位置は決め打ちになっているので、とりあえず表示できる位置に移動したいということであれば、

    let addBtn = UIButton(frame: CGRect(x: w - 70, y: h - 150, width: 60, height: 60))
    >>
    座標移動だったんですね・・・コードを利用しての移動は初なので勉強になりました・・・

    ご丁寧に教えていただき、ありがとうございます!

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.59%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る