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

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

新規登録して質問してみよう
ただいま回答率
85.48%
iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

iPhone

iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

Q&A

1回答

879閲覧

UITabbarItem アイコンとテキストを横並びにしたい

Hiram

総合スコア8

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

iPhone

iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

0グッド

0クリップ

投稿2018/10/13 12:10

編集2018/10/15 21:47

iPhoneでUITabBarControllerを使ったアプリを開発しています。
UItabbarItemのアイコンとテキストの並びをiPadのように横並びにしたいのですが、
どのように設定すればよろしいでしょうか?

iPhone (現状)

こうしたい


やったこと

Bar ItemのImage Insetを調整しましたが、アイコンが動くだけでした。


UITabBarのView構造を調べたところ、以下のようになっていました。
UITabBarのView構造

UITabBarのSub Viewを調べて、UIImageViewとUILabelのSub Classだったら
frameを変更する方針でできそうな気がしました。

ただし、UITabBarButton, UITabBarSwappableImageView, UITabBarButtonLabelは
隠しクラスなので将来のバージョンアップで変更になる可能性があります。

(追記)
layoutSubviews()の中で上記frameを変更してみました。
表示直後はうまく変わったのですが、タブにタッチすると元に戻ってしまいます。


開発環境
Xcode 10.0
Swift 4.2
対象:iOS 10.0以降

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

Tabbarの真ん中がボタンになってるアプリがありますよね(インスタグラムとか)
あれの作り方は結構議論されていて、その方法が応用できるかもしれません
ただ元のコンポーネントを使う方法ではなくなります


https://stackoverflow.com/questions/30527738/how-do-we-create-a-bigger-center-uitabbar-item

元のコンポーネントをいじるのは隠れてるパラメータが多くて難しい印象です
例え上手くいってもOSバージョンアップで崩れたりしますし

投稿2018/10/16 04:50

kosanai

総合スコア471

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Hiram

2018/10/16 20:59

アイコンとテキストを1つの画像にしてしまえばできそうですね。 ただ、デザイナーと連携しないといけないのがやや面倒そうな印象です。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問