Перемещение изображения UITabBarItem вниз?

98

Обычно на каждой вкладке у UITabBarвас есть небольшое изображение и название вкладки. Изображение располагается по центру вверху вкладки, чтобы разместить заголовок под ним. Мой вопрос: если вы хотите иметь tabBar только с изображением и без заголовка, есть ли способ переместить изображение вниз, чтобы оно лучше центрировалось внутри вкладки?

В настоящее время я использую (см. Ниже):

[tabBarItem setFinishedSelectedImage:tabSelected withFinishedUnselectedImage:tabUnselected];

но предпочел бы использовать более крупное изображение без заголовка, на данный момент, если я сделаю изображение больше, чем примерно 70 пикселей @ 2x, оно начнет срезаться сверху UITabBar, оставляя много неиспользуемого места внизу.

— пушистая коза
источник

180

Попробуйте изменить tabBarItem«s imageInsets(для перемещения изображения значка) и установки названия контроллеров к нулю (так не отображаются названия). Поместите что-то вроде этого в -initor -viewDidLoadmethod в контроллер представления:

Цель-C

self.tabBarItem.imageInsets = UIEdgeInsetsMake(6, 0, -6, 0);
self.title = nil;

Swift

self.tabBarItem.imageInsets = UIEdgeInsets(top: 6, left: 0, bottom: -6, right: 0)
self.title = nil

UITabBarItemявляется подклассом, у UIBarItemкоторого есть UIEdgeInsets imageInsetsсвойство. Поиграйте немного со вставками, пока они не будут хорошо выглядеть (в зависимости от изображений значков на панели вкладок)

— Лукас Кукачка
источник

3

@Lukas: но это сжимает изображения.

— Сураб Бхардвадж

1

@Sourabh Не сжимает их для меня

— TigerCoding

7

Фактическое значение вставки - 5.5f, если вам нужно, чтобы оно было идеальным по пикселям.

— пользователь

1

@ rr1g0 Перемещение значка в произвольное положение невозможно. Если вам нужно изменить положение значка или внешний вид значка, вы должны реализовать это самостоятельно,

— Лукас Кукачка

1

@Sourabh вы должны сместить нижнюю часть с отрицательным значением, чтобы не сжимать изображение.

— Rmalmoe

150

Вы также можете сделать это с помощью раскадровки. Выберите свой tabbaritem, перейдите в инспектор размеров и назначьте соответствующие вставки.

* Продемонстрировано на Xcode, версия 7.3.1 (7D1014)

— Нил Галиаскаров
источник

красиво и чисто!

— ken

Лучший из всех ответов ... Большое спасибо @Neil Galiaskarov

— Venkatesh Chejarla

49

Сделайте подкласс UITabBarController, и в нем viewDidLoad:

- (void)viewDidLoad
{
    [super viewDidLoad];
    [self.viewControllers enumerateObjectsUsingBlock:^(UIViewController *vc, NSUInteger idx, BOOL *stop) {
        vc.tabBarItem.title = nil;
        vc.tabBarItem.imageInsets = UIEdgeInsetsMake(5, 0, -5, 0);
    }];
}

Swift 3:

for vc in self.viewControllers! {
    vc.tabBarItem.title = nil
    vc.tabBarItem.imageInsets = UIEdgeInsetsMake(5, 0, -5, 0)
}

— Брайан
источник

это сработало для меня. просто для быстрого метода enumerateObjectsUsingBlock больше не доступен

— Джунчао Гу

не создавайте подклассы, вместо этого поместите это в свой AppDelegate

— Laszlo

1

вставка этого фрагмента AppDelegateтакже работает, но это, очевидно, не лучше, чем создание подкласса. Хотя у вас могут быть свои предпочтения :)

— Брайан,

10

Если вы используете Xamarin, это работает:

screen.TabBarItem.ImageInsets = new UIEdgeInsets(5, 0, -5, 0);
screen.TabBarItem.Title = "";

— Jelle
источник

10

Это сработало для меня

Swift 4

let array = tabBarController?.customizableViewControllers
for controller in array! {
    controller.tabBarItem.imageInsets = UIEdgeInsetsMake(5, 0, -5, 0)
}

— Ахмадреза
источник

2

SWIFT 3.0

Вы можете установить настройки изображения, установить верхний, левый, нижний и правый угол в соответствии с дизайном.

self.tabBarItem.imageInsets = UIEdgeInsets(top: 5, left: 0, bottom: 0, right: 0)

— криш
источник

2

Для iOS 11 вам необходимо переопределить метод TraitCollection помимо настройки ImageInsets. Пожалуйста, добавьте метод в свой подкласс UITabBarController

public override UITraitCollection TraitCollection {
 get {
  return UITraitCollection.FromHorizontalSizeClass(horizontalSizeClass: UIUserInterfaceSizeClass.Compact);
 }
}

— Прашант
источник

Хороший совет, который помог мне решить проблему, связанную с положением изображения для элемента панели вкладок на iPad и iOS 11. Но слишком сложно переопределить коллекцию признаков на уровне контроллера представления, лучше создать подкласс класса UITabBar и переопределить свойство traitCollection. там. Также при возврате коллекции признаков только с горизонтальным классом будут отброшены другие свойства коллекции признаков. return UITraitCollection(traitsFrom: [ super.traitCollection, UITraitCollection(horizontalSizeClass: .compact)])сделал трюк для меня.

— Эммануэль Пэрис,

1

В Swift 4.2 , UIEdgeInsetsMakeявляется depricated, вместо этого мы должны использовать UIEdgeInsets,

let array = tabBarController?.customizableViewControllers
    for controller in array! {
        controller.tabBarItem.imageInsets = UIEdgeInsets(top: 5, left: 0, bottom: -5, right: 0)
    }

— Баппадитья
источник