Puis-je définir l'image comme un titre à UINavigationBar?

Est-il possible de définir une image en tant que titre de la barre de Navigation?

Je pense que NYTimes application a utilisé une barre de Navigation et le titre est ressembler fichier image (la raison pour laquelle il semble UINavigationBar est parce qu'ils utilisent le bouton droit de la recherche).

InformationsquelleAutor Amit Vaghela | 2008-11-14

cocoa-touch ios

127

Vous pouvez utiliser un UIImageView pour la UINavigationItem.titleView bien, quelque chose comme:
```
self.navigationItem.titleView = myImageView;
```
- Pas nécessairement pertinents pour la question, mais si vous voulez alterner entre le titre par défaut et un titre de l'image, vous pouvez revenir à la valeur par défaut en définissant self.navigationItem.titleView à nil
- Cela ne fonctionne plus dans iOS6. L'image sera étirer et mal formé.
- dans IOS6, vous pouvez maintenant définir une image d'arrière-plan de la barre de navigation. Toutefois, si vous utilisez ce code et de voir l'image étirée, vous n'êtes pas correctement définition contentMode sur le UIImageView vous mettre dans le titleView.
- vous avez raison, peut vous post une solution pour iOS6.
- pour iOS6 ajouter [imageView setContentMode:UIViewContentModeScaleAspectFit];
- quelle est la taille de UIImage devrait être pour le titre ?? j'ai essayé avec 180*40 mais il devient flou.
- Prendre une capture d'écran et de mesurer la taille de l'image dans la barre de voir ce que la taille est que vous devez utiliser... en général flou est une indication que l'image n'est pas de la même taille.
InformationsquelleAutor Kendall Helmstetter Gelner
16

Je trouve qu'un transparent .png au sujet de 35px en hauteur a bien fonctionné.
```
- (void)awakeFromNib {

//put logo image in the navigationBar

UIImageView* img = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"logo.png"]];
self.navigationItem.titleView = img;
[img release];

}
```
- Pour info: je pense que la ligne a besoin d'une libération.
- quelle est la taille de UIImage devrait être pour le titre ?? j'ai essayé avec 180*40 mais il devient flou.
InformationsquelleAutor Clifton Burt
12

Vous pouvez le faire à partir d'un scénario (comme de Xcode 7):
1. Créer une vue de l'extérieur vue principale de-vue-contrôleur. Il peut être imbriquée vue ou tout simplement une image
2. Ajouter d'élément de navigation de votre vue-contrôleur
3. Ctrl+ faire glisser à partir d'élément de navigation et de les déposer sur la vue de l'extérieur
4.sélectionnez le titre de la vue

InformationsquelleAutor Cinoss

J'ai créé une catégorie personnalisée pour UINavigationBar comme suit

UINavigationBar+CustomImage.h

#import <UIKit/UIKit.h>

@interface UINavigationBar (CustomImage)
    - (void) setBackgroundImage:(UIImage*)image;
    - (void) clearBackgroundImage;
    - (void) removeIfImage:(id)sender;
@end

UINavigationBar+CustomImage.m

#import "UINavigationBar+CustomImage.h"

@implementation UINavigationBar (CustomImage)

- (void) setBackgroundImage:(UIImage*)image {
    if (image == NULL) return;
    UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
    imageView.frame = CGRectMake(110,5,100,30);
    [self addSubview:imageView];
    [imageView release];
}

- (void) clearBackgroundImage {
    NSArray *subviews = [self subviews];
    for (int i=0; i<[subviews count]; i++) {
        if ([[subviews objectAtIndex:i]  isMemberOfClass:[UIImageView class]]) {
        [[subviews objectAtIndex:i] removeFromSuperview];
    }
   }    
}

@end

Je l'appeler à partir de mon UINavigationController

[[navController navigationBar] performSelectorInBackground:@selector(setBackgroundImage:) withObject:image];

InformationsquelleAutor adam

Cette ligne va travailler pour vous, j'utilise toujours cette

[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"imageNavBar.png"]  forBarMetrics:UIBarMetricsDefault];

InformationsquelleAutor

J'ai modifié le UINavigationBar+CustomImage.m pour avoir le titre toujours visible à l'utilisateur. Utilisez simplement insertSubview: atIndex: au lieu de addSubview:

UINavigationBar+CustomImage.m

#import "UINavigationBar+CustomImage.h"

@implementation UINavigationBar (CustomImage)

- (void) setBackgroundImage:(UIImage*)image {
    if (image == NULL) return;
    UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
    imageView.frame = CGRectMake(0, 0, 320, 44);
    [self insertSubview:imageView atIndex:0];
    [imageView release];
}

- (void) clearBackgroundImage {
    NSArray *subviews = [self subviews];
    for (int i=0; i<[subviews count]; i++) {
        if ([[subviews objectAtIndex:i]  isMemberOfClass:[UIImageView class]]) {
        [[subviews objectAtIndex:i] removeFromSuperview];
    }
   }    
}

@end

Bonjour. Le titre est resté visible uniquement sur la vue immédiate, si l'utilisateur accède à l'autre point de vue ( à l'aide de navigationController pushViewController), seul l'arrière-plan s'affiche. Comment puis-je m'adresse à qui?

InformationsquelleAutor ck.

5

Cela fonctionne aussi bien trop
```
[self.navigationController.navigationBar.topItem setTitleView:[[UIImageView alloc]initWithImage:[UIImage imageNamed:@"YourLogo"]]];
```
- C'est la seule qui a fonctionné pour moi avec UINavigationViewController - Merci !
InformationsquelleAutor MrChrisBarker

Faire rapidement, à l'aide de storyboard et @IBDesignable:

@IBDesignable class AttributedNavigationBar: UINavigationBar {

    @IBInspectable var imageTitle: UIImage? = nil {

        didSet {

            guard let imageTitle = imageTitle else {

                topItem?.titleView = nil

                return
            }

            let imageView = UIImageView(image: imageTitle)
            imageView.frame = CGRect(x: 0, y: 0, width: 40, height: 30)
            imageView.contentMode = .scaleAspectFit

            topItem?.titleView = imageView
        }
    }
}

Puis dans les attributs de l'inspecteur il suffit de sélectionner une image:

Puis-je définir l'image comme un titre à UINavigationBar?

et attendez une seconde pour résultat:

Puis-je définir l'image comme un titre à UINavigationBar?

Paramètre view est là où il devrait être... dans le storyboard.

InformationsquelleAutor Bartłomiej Semańczyk

Pour ceux qui ont la même erreur, mais dans Xamarin Forms, la solution est de créer un Renderer dans iOS application et définir l'image comme ceci :

[assembly: Xamarin.Forms.ExportRenderer(typeof(Xamarin.Forms.Page), typeof(MyApp.Renderers.NavigationPageRenderer))]
namespace MyApp.Renderers
{
    #region using

    using UIKit;
    using Xamarin.Forms.Platform.iOS;

    #endregion

    public class NavigationPageRenderer : PageRenderer
    {
        public override void ViewDidLoad()
        {
            base.ViewDidLoad();
            SetTitleImage();
        }

        private void SetTitleImage()
        {
            UIImage logoImage = UIImage.FromFile(ResourceFiles.ImageResources.LogoImageName);
            UIImageView logoImageView = new UIImageView(logoImage);

            if (this.NavigationController != null)
            {
                this.NavigationController.NavigationBar.TopItem.TitleView = logoImageView;
            }
        }
    }
}

Espère que cela aide quelqu'un!

InformationsquelleAutor Dr TJ

J'ai modifié le UINavigationBar+CustomImage code fonctionne correctement sans une fuite de mémoire.

- (void)setBackgroundImage:(UIImage *)image
{
    if (! image) return;
    UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
    imageView.frame = CGRectMake(0, 0, self.frame.size.width, self.frame.size.height);
    [self addSubview:imageView];
    [imageView release];
}

- (void) clearBackgroundImage
{
    //This runs on a separate thread, so give it it's own pool
    NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init];
    NSArray *mySubviews = self.subviews;

    //Move in reverse direction as not to upset the order of elements in the array
    for (int i = [mySubviews count] - 1; i >= 0; i--)
    {
        if ([[mySubviews objectAtIndex:i] isMemberOfClass:[UIImageView class]])
        {
            [[mySubviews objectAtIndex:i] removeFromSuperview];
        }
    }

    [pool release];
}

InformationsquelleAutor Mr. Propa

0

Les suivants est la façon dont vous voulez faire cela dans (Xamarin s) avec MonoTouch C#.NET

Créer un UIViewConvrtoller qui est dans un NavigationController ensuite appeler à tout moment:
```
someNiceViewControllerYouMade.NavigationController.NavigationBar
     .InsertSubview(new UIImageView
     (MediaProvider.GetImage(ImageGeneral.navBar_667x44)),0);
```
Remarque: MediaProvider est juste une classe qui récupère les images.

Cet exemple permet la vue de remplir toute la Barre de Navigation , et permet au texte pour les éléments de la légende apparaissent trop.

InformationsquelleAutor BahaiResearch.com

Si vos boutons disparaissent lorsque vous revenez en arrière et en avant de la navigation, ce qu'il est corrigé pour moi:

NSArray *mySubviews = navigationBar.subviews;
UIImageView *iv = nil;

//Move in reverse direction as not to upset the order of elements in the array
for (int i = [mySubviews count] - 1; i >= 0; i--)
{
    if ([[mySubviews objectAtIndex:i] isMemberOfClass:[UIImageView class]])
    {
        NSLog(@"found background at index %d",i);
        iv = [mySubviews objectAtIndex:i];
        [[mySubviews objectAtIndex:i] removeFromSuperview];
        [navigationBar insertSubview:iv atIndex:0];
    }
}

InformationsquelleAutor snez

0

Suffit d'utiliser
```
[navController.navigationBar insertSubview:myImage atIndex:0] ;
```
où myImage est de type UIImageView
et navController est de type UINavigationController

InformationsquelleAutor J.Raza

ios5.0 introduit un tas de fonctionnalités pour personnaliser l'apparence des éléments standard. Si vous ne voulez pas utiliser un ImageView pour le titre, une alternative serait de personnaliser l'apparence de tous les UINavbars à l'aide d'une image d'arrière-plan et une police personnalisée/couleur.

- (void) customiseMyNav
{
    //Create resizable images
    UIImage *portraitImage = [[UIImage imageNamed:@"nav_bar_bg_portrait"] 
        resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)];
    UIImage *landscapeImage = [[UIImage imageNamed:@"nav_bar_bg_landscape"] 
        resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)];

    //Set the background image
    [[UINavigationBar appearance]  setBackgroundImage:portraitImage forBarMetrics:UIBarMetricsDefault];
    [[UINavigationBar appearance]  setBackgroundImage:landscapeImage forBarMetrics:UIBarMetricsLandscapePhone];

    //set the title appearance
    [[UINavigationBar appearance] setTitleTextAttributes:
        [NSDictionary dictionaryWithObjectsAndKeys:
            [UIColor colorWithRed:50.0/255.0 green:150.0/255.0 blue:100/255.0 alpha:1.0], 
            UITextAttributeTextColor, 
            [UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.6], 
            UITextAttributeTextShadowColor, 
            [NSValue valueWithUIOffset:UIOffsetMake(0, -1)], 
            UITextAttributeTextShadowOffset, 
            [UIFont fontWithName:@"Arial-Bold" size:0.0], 
            UITextAttributeFont, 
            nil]];
}

InformationsquelleAutor joneswah

0

Dans MonoTouch vous pouvez utiliser ceci:
```
 this.NavigationItem.TitleView = myImageView;
```
InformationsquelleAutor BahaiResearch.com

Ajouter l'image à la naviagtionBar avec SWIFT que l'échelle pour s'adapter et clips de limites. Vous pouvez appeler cette fonction à l'intérieur de la vue des contrôleurs de viewDidLoad() fonction.

func setupNavigationBarWithTitleImage(titleImage: UIImage) {

    let imageView = UIImageView(image: titleImage)
    imageView.contentMode = .ScaleAspectFit
    imageView.clipsToBounds = true
    navigationItem.titleView = imageView

}

InformationsquelleAutor user3378170

Vous devez vous connecter pour publier un commentaire.