navcontroller - 将导航项设置为图像

Posted

技术标签:

【中文标题】navcontroller - 将导航项设置为图像【英文标题】:navcontroller - Setting up Navigation Item as image 【发布时间】:2012-10-09 21:54:10 【问题描述】:

我想将导航控制器栏按钮项设置为图像。

我已阅读以下内容 - Add image to a navigationItem's title

我了解如何将其设置为图像。我实际上希望将其设置为设置 cog,在条形按钮项目中(如 cog 图标)。我以前在其他应用程序中看到过这种情况,我想知道是否有默认样式来为此初始化,或者通常是否通过上述图像路由实现。

如果上面是这样,有谁知道这种(某种)默认图像样式图标在哪里可用,或者我需要制作一个吗?

【问题讨论】:

【参考方案1】:

您是否尝试过使用UIBarButtonIteminitWithCustomView 选项?示例代码如下所示。

UIBarButtonItem *aButton = [[UIBarButtonItem alloc] initWithCustomView:[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"settings.png"]]];

另一种方法是,

UIBarButtonItem *aButton = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"settings.png"] style:UIBarButtonItemStyleBordered target:self action:@selector(buttonTapped)];

【讨论】:

【参考方案2】:

如果你使用storyboard,可以直接:

    在导航栏中拖动Button 而不是Bar Button Item。它会自动为您创建一个Button Bar Item,其中包含一个Button。 输入Button Bar Item 的标题 为Button 设置一个Custom 类型的图像。

它应该可以工作。

【讨论】:

以上是关于navcontroller - 将导航项设置为图像的主要内容,如果未能解决你的问题,请参考以下文章

IllegalStateException:链接没有设置 NavController

根据导航目标更新ActionBar菜单

Activity 没有设置 NavController

我不能在故事板中同时将标题和图像设置为导航栏上的右侧栏项吗?

Bootstrap-vue 将 svg 图像显示为导航项?

如何更改导航项(按钮)的背景图像?