Comment pouvons-nous créer un plus grand centre UITabBar Élément

Je me demandais comment créer un plus grand centre UITabBar comme la photo ci-dessous? C'est vraiment beau!!!!!!

InformationsquelleAutor JayVDiyk | 2015-05-29

Je vous recommande de prendre un coup d'oeil à l'article suivant.
Il explique comment personnaliser une barre d'onglet en soulevant le bouton principal.

Code:

UIButton* button = [UIButton buttonWithType:UIButtonTypeCustom];
button.frame = CGRectMake(0.0, 0.0, buttonImage.size.width, buttonImage.size.height);
[button setBackgroundImage:buttonImage forState:UIControlStateNormal];
[button setBackgroundImage:highlightImage forState:UIControlStateHighlighted];

CGFloat heightDifference = buttonImage.size.height - self.tabBar.frame.size.height;
if (heightDifference < 0)
   button.center = self.tabBar.center;
else
{
 CGPoint center = self.tabBar.center;
 center.y = center.y - heightDifference/2.0;
 button.center = center;
}

[self.view addSubview:button];

Guide:
https://github.com/boctor/idev-recipes/tree/master/RaisedCenterTabBar

Le domaine pour que le lien a expiré. Dans votre code, est "soi" un UITabBarController?
serait la UIViewController. J'ai ajouté un lien avec le Github reposirtory avec un exemple

InformationsquelleAutor Manuel Escrig

36

2017 Réponse - Avec Xcode

Cliquez sur l'onglet de la barre de bouton dans la vue contrôleur de l'onglet barre d'élément que vous souhaitez faire éminent,

Supprimer le texte, il suffit de mettre l'image en médaillon en haut à -25 de l'onglet bouton de la barre d'.

Comme l'image ci-Dessous

Après que

goto actifs,
sélectionnez l'image que vous définissez dans l'onglet bouton de la barre d',
définir la propriété le Rendu de l'Image Originale (dans le cas où si vous avez une couleur de bouton ou autre chose, elle rendrait comme une couleur)

Comme ci-dessous,

Maintenant, Vous obtiendrez comme tu le voulais,
- Vous allez avoir besoin de 25 marges à partir du bas ou l'image apparaîtra avec une forme ovale.
- travail très bien, mais un problème quand je clique sur le bouton de bouton de couleur va du bleu. et l'image montre pas comment le gérer?
- et sur désélectionner, il fonctionne très bien
- Avez-vous sous-classé ce bouton?
- Cela fonctionne très bien visuellement, mais il n'accepte que les robinets sont à l'intérieur de l'onglet de la barre des limites. Est-il possible d'enregistrer les robinets du haut 1/3 du cercle?
- Hmmm.. je peux l'obtenir centré pour les appareils iPhone, mais dès qu'il ouvre dans l'IPad c'est une FAÇON off.
- Avez-vous une solution à appuyez sur l'élément de l'onglet bouds?
- Cela a fonctionné pour moi, mais l'image est en pleine expansion si l'on garde en cliquant sur l'onglet correspondant. Comment surmonter cela?
- essayez de définir la même taille pour le bouton sur le robinet.
- Oui il a essayé avec le fait sleect méthode mais pas de chance
InformationsquelleAutor ZameerMoh

Swift 3, 4:

J'ai utiliser ce code dans la viewDidLoad de mon sous-classe de UITabBarController:

let button = UIButton()
button.setImage(UIImage(named: "home"), for: .normal)
button.sizeToFit()
button.translatesAutoresizingMaskIntoConstraints = false

tabBar.addSubview(button)
tabBar.centerXAnchor.constraint(equalTo: button.centerXAnchor).isActive = true
tabBar.topAnchor.constraint(equalTo: button.centerYAnchor).isActive = true

Parfois, j'ai aussi mis button.adjustsImageWhenHighlighted = false à imiter le comportement des autres éléments, ou de modifier la contrainte constant propriété pour déplacer le bouton vers le haut ou vers le bas.

InformationsquelleAutor juanjo

Voici la porté Swift 3 version de @Kakashi réponse (et +1), que j'ai mis dans mon custom UITabBarController sous-classe:

override func viewDidLoad() {
if let newButtonImage = UIImage(named: "new__button") {
self.addCenterButton(withImage: newButtonImage, highlightImage: newButtonImage)
}
}
func handleTouchTabbarCenter(sender : UIButton)
{
if let count = self.tabBar.items?.count
{
let i = floor(Double(count / 2))
self.selectedViewController = self.viewControllers?[Int(i)]
}
}
func addCenterButton(withImage buttonImage : UIImage, highlightImage: UIImage) {
let paddingBottom : CGFloat = 10.0
let button = UIButton(type: .custom)
button.autoresizingMask = [.flexibleRightMargin, .flexibleTopMargin, .flexibleLeftMargin, .flexibleBottomMargin]
button.frame = CGRect(x: 0.0, y: 0.0, width: buttonImage.size.width / 2.0, height: buttonImage.size.height / 2.0)
button.setBackgroundImage(buttonImage, for: .normal)
button.setBackgroundImage(highlightImage, for: .highlighted)
let rectBoundTabbar = self.tabBar.bounds
let xx = rectBoundTabbar.midX
let yy = rectBoundTabbar.midY - paddingBottom
button.center = CGPoint(x: xx, y: yy)
self.tabBar.addSubview(button)
self.tabBar.bringSubview(toFront: button)
button.addTarget(self, action: #selector(handleTouchTabbarCenter), for: .touchUpInside)
if let count = self.tabBar.items?.count
{
let i = floor(Double(count / 2))
let item = self.tabBar.items![Int(i)]
item.title = ""
}
}

Sur le bouton appuyez sur fonction handleTouchTabbarCenter n'est pas appelé.
Bouton en surbrillance les états ne fonctionne pas.
yep. de même. quiconque nouvelle solution??
Problème: le Dispositif de rotation, l'emplacement de la touche n'a pas suivi. Il y a aussi de nombreux autres cas où le bouton est redessiné et l'ancien bouton est toujours présent. Comme en appel la barre de statut
Salut, merci, je vois mon bouton, mais handleTouchTabbarCenter n'est pas appelée, ce qui Pourrait nous manquer (je vois qu'il ya plus de gens avec le même message d'erreur)

InformationsquelleAutor Michael Dautermann

Pour cacher UITabbar, je fais personnalisé UITabbarController et insérez cette méthode.

- (void)viewDidLoad
{
[super viewDidLoad];
[self addCenterButtonWithImage:[UIImage imageNamed:@"logo"] highlightImage:[UIImage imageNamed:@"logo"]];
}
- (void)addCenterButtonWithImage:(UIImage*)buttonImage highlightImage:(UIImage*)highlightImage
{
float paddingBottom = 10;
UIButton* button = [UIButton buttonWithType:UIButtonTypeCustom];
button.autoresizingMask = UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleBottomMargin | UIViewAutoresizingFlexibleTopMargin;
button.frame = CGRectMake(0.0, 0.0, buttonImage.size.width, buttonImage.size.height);
[button setBackgroundImage:buttonImage forState:UIControlStateNormal];
[button setBackgroundImage:highlightImage forState:UIControlStateHighlighted];
CGRect rectBoundTabbar = [self.tabBar bounds];
float xx = CGRectGetMidX(rectBoundTabbar);
float yy = CGRectGetMidY(rectBoundTabbar) - paddingBottom;
button.center = CGPointMake(xx, yy);
[self.tabBar addSubview:button];
[self.tabBar bringSubviewToFront:button];
//add handle
[button addTarget:self action:@selector(handleTouchTabbarCenter:) forControlEvents:UIControlEventTouchUpInside];
//hide title item menu
NSInteger count = [self.tabBar.items count];
NSInteger i = floor(count / 2.0);
UITabBarItem *item = [self.tabBar.items objectAtIndex:i];
[item setTitle:nil];
}
- (void)handleTouchTabbarCenter:(id)sender
{
//go to some view
}

InformationsquelleAutor Kakashi

2

Pour Swift
```
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (Int64)(2.0)), dispatch_get_main_queue(), {
let button: UIButton = UIButton(type: .Custom)
let win:UIWindow = UIApplication.sharedApplication().delegate!.window!!
button.frame = CGRectMake(0.0, win.frame.size.height - 65, 55, 55)
button.center = CGPoint(x:win.center.x , y: button.center.y)
button.setBackgroundImage(UIImage(named: "Camera") , forState: .Normal)
button.setBackgroundImage(UIImage(named: "Camera"), forState: .Highlighted)
win.addSubview(button)
});
```
- Pourquoi êtes-vous d'ajouter le bouton à la fenêtre de l'application? Ne serait-il pas plus de sens pour l'ajouter à la vue de la vue-contrôleur, ou mieux encore, à la barre d'onglet lui-même?
- j'ai une autre exigence pour ce que j'ai à ajouter le code ci-dessus. Ceci est testé code pour mon projet de l'exigence.
- À droite, il est logique que cela pourrait fonctionner, il semble juste comme il serait plus judicieux d'associer le bouton avec le point de vue auquel elle appartient, plutôt que la fenêtre de l'application entière.
- Qui donnent downvote.. s'il vous plaît donner une raison pour le même.
InformationsquelleAutor Hardik Thakkar

J'ai pris le Manuel de l'exemple (la accepté de répondre) et ajout d'un ajustement pour le bas de la zone de sécurité encarts en raison de problèmes avec l'iPhone X.

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
button.frame = CGRectMake(0.0, 0.0, buttonImage.size.width, buttonImage.size.height);
[button setBackgroundImage:buttonImage forState:UIControlStateNormal];
[button setBackgroundImage:highlightImage forState:UIControlStateHighlighted];
CGFloat heightDifference = buttonImage.size.height - self.tabBar.frame.size.height;
CGPoint center = self.tabBar.center;
if (heightDifference >= 0) {
center.y = center.y - heightDifference/2.0;
}
if (@available(iOS 11.0, *)) {
UIWindow *window = UIApplication.sharedApplication.keyWindow;
CGFloat bottomPadding = window.safeAreaInsets.bottom;
center.y = center.y - bottomPadding;
}
[self.view addSubview:button];

InformationsquelleAutor mpatzer

J'ai suivi @Michael Dautermann réponse, mais le bouton ne jamais inscrit le robinet alors je l'ai modifié pour le faire fonctionner:

  func handleTouchTabbarCenter()
{
if let count = self.tabBar.items?.count
{
let i = floor(Double(count / 2))
self.selectedViewController = self.viewControllers?[Int(i)]
}
}
func addCenterButton(withImage buttonImage : UIImage, highlightImage: UIImage) {
self.centerButton = UIButton(type: .custom)
self.centerButton?.autoresizingMask = [.flexibleRightMargin, .flexibleTopMargin, .flexibleLeftMargin, .flexibleBottomMargin]
self.centerButton?.frame = CGRect(x: 0.0, y: 0.0, width: buttonImage.size.width, height: buttonImage.size.height)
self.centerButton?.setBackgroundImage(buttonImage, for: .normal)
self.centerButton?.setBackgroundImage(highlightImage, for: .highlighted)
self.centerButton?.isUserInteractionEnabled = true
let heightdif: CGFloat = buttonImage.size.height - (self.tabBar.frame.size.height);
if (heightdif < 0){
self.centerButton?.center = (self.tabBar.center)
}
else{
var center: CGPoint = (self.tabBar.center)
center.y = center.y - 24
self.centerButton?.center = center
}
self.view.addSubview(self.centerButton!)
self.tabBar.bringSubview(toFront: self.centerButton!)
self.centerButton?.addTarget(self, action: #selector(handleTouchTabbarCenter), for: .touchUpInside)
if let count = self.tabBar.items?.count
{
let i = floor(Double(count / 2))
let item = self.tabBar.items![Int(i)]
item.title = ""
}
}

InformationsquelleAutor Joan Cardona

Vous devez vous connecter pour publier un commentaire.

2017 Réponse - Avec Xcode

Swift 3, 4: