首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用UINavigationBar外观的“后退”图标自定义按钮?

在使用UINavigationBar外观的“后退”图标自定义按钮时,可以通过以下步骤实现:

  1. 创建一个自定义的UIBarButtonItem对象,并设置其外观为“后退”图标。可以使用系统提供的系统图标或自定义的图标。
  2. 使用UIBarButtonItem的initWithCustomView方法,将自定义的按钮视图作为参数传入,创建一个新的UIBarButtonItem对象。
  3. 将新创建的UIBarButtonItem对象设置为UINavigationBar的左侧按钮或右侧按钮,具体取决于你想要放置的位置。

以下是一个示例代码,演示如何使用UINavigationBar外观的“后退”图标自定义按钮:

代码语言:txt
复制
// 创建一个自定义的按钮视图
let backButton = UIButton(type: .system)
backButton.setImage(UIImage(named: "backIcon"), for: .normal)
backButton.addTarget(self, action: #selector(backButtonTapped), for: .touchUpInside)

// 创建一个UIBarButtonItem对象,并将自定义按钮视图作为参数传入
let customBackButton = UIBarButtonItem(customView: backButton)

// 将自定义的UIBarButtonItem对象设置为UINavigationBar的左侧按钮
navigationItem.leftBarButtonItem = customBackButton

// 后退按钮点击事件处理
@objc func backButtonTapped() {
    // 执行后退操作
    navigationController?.popViewController(animated: true)
}

在这个示例中,我们创建了一个自定义的UIButton对象,并设置其图像为名为"backIcon"的图像。然后,我们将这个自定义按钮视图作为参数传递给UIBarButtonItem的initWithCustomView方法,创建了一个新的UIBarButtonItem对象。最后,我们将这个自定义的UIBarButtonItem对象设置为UINavigationBar的左侧按钮,并为按钮添加了一个点击事件处理方法。

这样,我们就实现了使用UINavigationBar外观的“后退”图标自定义按钮的功能。

请注意,这只是一个示例代码,你可以根据自己的需求进行修改和扩展。另外,关于UINavigationBar外观的更多信息和使用方法,你可以参考腾讯云的iOS开发文档:UINavigationBar

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

iOS小技能:自定义导航栏,设置全局导航条外观

前言 在开发需求时app中使用的导航条在一个模块的主题基本是一致的,因此可通过自定义导航条来进行统一控制。...设置导航条渐变颜色 设置全局导航条按钮主题 拦截push:通过自定义类,重写自带的方法实现 I、自定义导航栏 1.1 HWNavigationController.h #import UINavigationBar *navigationBar =[UINavigationBar appearance];//获取所有导航条外观 //方式二:获取我们自己导航控制器的导航条...-- 确保系统的其它功能(短信)的导航条与自己的冲突,尤其在短信分享这方面要注意 UINavigationBar *navigationBar; if (IOS9) {...,都是通过自定义类,重写自带的方法实现 - (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated

2.5K20
  • UI篇-UINavigationController之易忘补充

    上面设置的为YES,下面的为NO 关于导航返回:     首先ios7 之后只要使用系统自带的导航效果就有手动滑动返回的效果。但是当自定义返回按钮时,这种手动滑动返回的效果就没有了。...要自定义返回按钮,直接设置backBarButtonItem是不行的 UINavigationController view层级 ?...UINavigationItem属于MVC中的M,封装了要显示在UiNavigationBar上的数据,定义了UINavigationItem上按钮的触发事件,外观等 -initWithBarButtonSystemItem...:左按钮  rightBarButtonItem :右按钮  backBarButtonItem  :返回按钮 与UINavigationController相似,UINavigationBar...,也可以根据需求进行自定义,`每个UIBarButtonItem可以绑定一个事件`,不常使用。

    2.2K20

    iOS 11 更大的导航 (官方翻译版)

    有关开发人员的指导,请参阅UINavigationBar。 提示不需要导航时使用工具栏,或者想要多个控件来管理内容。请参阅工具栏。 导航栏标题 考虑在导航栏中显示当前视图的标题。...导航栏控件 避免拥挤导管栏的控制太多。通常,导航栏不应包含视图的当前标题,后退按钮和管理视图内容的一个控件。如果您在导航栏中使用分段控件,则该栏不应包含标题或除分段控件之外的任何控件。...使用标准后退按钮。人们知道标准的后退按钮可以让他们通过信息层次来回溯步骤。但是,如果您实现自定义后退按钮,请确保它仍然像后退按钮,行为直观,与您的界面的其余部分相匹配,并始终贯穿您的应用程序。...如果用自定义图像替换系统提供的返回按钮人字纹,也可以提供自定义遮罩图像。iOS在使用此遮罩时,可以在转换期间为按钮标题设置动画。 不要包含多段面包屑路径。...如果您在导航栏中使用分段控件,请仅在层次结构的顶层执行此操作,并确保在较低级别选择准确的后退按钮。有关其他指导,请参阅细分控件。 ? image.png

    2.9K30

    创建自定义工具栏,可查看按钮图标及对应的ID属性

    标签:VBA,自定义功能区 有时候,我们需要找到按钮图标及其对应的FaceId属性,以便于我们在自定义菜单或其他界面时使用。...本文所介绍的代码示例,是通过使用Excel VBA自定义工具栏,可以查看图标的FaceId属性。FaceId属性用于返回或设置命令栏按钮控件面的Id号。...使用下面的代码,创建一个用可用图像填充的自定义工具栏,该工具栏中的按钮按照Id号顺序排列,当鼠标悬浮图标按钮上时会显示其FaceID属性值。注意,修改代码中的IDStop值可以查看更多图标按钮。...Application.CommandBars.Add _ (Name:="FaceIds", temporary:=True) NewToolbar.Visible = True '可以修改下面的值来查看不同的FaceIDs...NewButton.FaceId = i NewButton.Caption = "FaceID = " & i Next i NewToolbar.Width = 600 End Sub 运行上面代码后的效果如下图

    20010

    Cocoa编程中视图控制器与视图类详解

    UIViewController实例负责设置视图的外观和它显示的子视图。 UINavigationController类 1. 导航控制器使用内置动画在视图之间切换; 2....导航控制器自动构建并处理Back按钮; 3. 导航控制器提供简单的菜单栏可帮助用户进行自定义控件。4....推入时,新的视图控制器从右方滑入屏幕(假定animated:YES)。向左指的Back后退按钮出现,可返回到上一步,且Back按钮用的是上一个视图控制器的标题。 2....)和栏标题(title)、用于显示标题的视图(titleView),以及用于从当前视图向后导航的Back按钮(backBarButtonItem)和隐藏后退按钮(hidesBackButton)。...代码一是由initWithNibName:方法来加载具体的某个视图控制器并自定义该控制器中TabBarItem样式外观等。

    5.1K50

    【Flutter】Icons 组件 ( FlutterIcon 下载图标 | 自定义 svg 图标生成 ttf 字体文件 | 使用下载的 ttf 图标文件 )

    文章目录 一、FlutterIcon 下载图标 二、自定义 svg 图标生成 ttf 字体文件 三、使用下载的 ttf 图标文件 四、完整代码示例 五、相关资源 一、FlutterIcon 下载图标 -...10 个图标 , 然后点击右上角的 DOWNLOAD 按钮 , 该网站会在后台将这 10 个图标的 SVG 文件打包到 ttf 文件中 , 下载的文件是 flutter-icons-5b92b65c.zip...: 拖动完成后 , 页面中的 Custom Icons 区域会显示这 20 个 SVG 图标 ; 选中这些图标 , 点击 DOWNLOAD 按钮 , 即可下载生成的 ttf 格式的文件 ;...三、使用下载的 ttf 图标文件 ---- 将 MyFlutterApp.ttf 字体文件拷贝到 Flutter 源码根目录下的 fonts 目录下 , 在 pubspec.yaml 配置文件中配置字体文件...: 图标绘制方向 , 是否按照 svg 文件中的方向绘制 ; 代码中使用 IconData 加载自定义图标 , 3D图标对应的编码是 0xe855 ; Center( // 加载自定义图标

    2.6K20

    【iOS 开发】基本 UI 控件详解 (UIButton | UITextField | UITextView | UISwitch)

    UIControl 介绍 (1) UIControl 简介 UIControl 简介 :  -- 使用频率 : UIControl 控件一般不会被使用, 经常被使用的是 UIControl 的子类 UI...按钮属性详解 (1) Type 属性 Type 属性 : 如果需要自定义按钮, 使用 Custom 属性; -- Custom : 外观靠开发者设置, 效果如下 :  -- System : 默认按钮风格..., 默认按钮, 效果如下 :  -- Detail Disclosure : i 图标, 常用与显示列表详情, 效果如下 :  -- Info Light | Info Dark : 显示 i 图标...; (4) 自定义键盘附件关闭虚拟键盘 自定义键盘附件 :  -- 作用 : 不是所有的应用都有导航栏, 在没有导航栏的应用中, 需要有键盘附件来关闭键盘; -- 1....自定义选择菜单 (1) 自定义菜单简介 自定义菜单 :  -- 1.

    6.9K20

    iOS14开发-UIViewController

    如果前一个 UIViewController 设置了backButtonItem属性或设置了backButtonTitle,可以起到更改返回按钮文字和图片的目的,但是返回按钮的图标会一直存在,这种方式自带的返回和从屏幕边缘滑动返回的效果依然有效...颜色问题 UINavigationBar 的颜色:可以通过 UINavigationBar 的barTintColor设置。...UINavigationBar 上面内容的渲染颜色:默认情况下,按钮或系统图片按钮都会渲染成蓝色,可以通过 UINavigationBar 的tintColor设置。...案例 storyboard 使用。 纯代码使用。 自定义使用。 UITabBarController 标签栏控制器。...纯代码使用。 自定义使用。 其他 UITableViewController:表视图控制器,集成了 UITableView 的视图控制器。

    2.4K20

    iOS开发知识点

    iOS开发知识点 今天整理项目,为项目添加注释,发现有些东西需要保存一下,将来好使用。...设置navBar的背景,去掉黑线,试了好长时间,查了好多,这个对我适用 设置navBar上item的颜色,以及nav Title的颜色和字体大小 替换系统返回按钮的图片,设计说自带的太丑,一开始是自定义返回的...:[[UIImage alloc] init]]; [[UINavigationBar appearance] setTranslucent:NO]; // 设置navBar的按钮的tintColor...-60) forBarMetrics:UIBarMetricsDefault]; 自定义返回按钮后,系统的侧滑返回会失效,之前我一直每个界面都设置,打开关闭,后来发现直接可以设置所有的 self.navigationController.interactivePopGestureRecognizer.delegate...= self; // 侧滑返回,自定义返回按钮后生效,在最顶部设置可以在Push出来的界面都有效 #pragma mark - gestureRecognizer delegate - // 侧滑返回

    17650

    【iOS开发】全局设定 UINavigationBar 的 UI

    TabBar 和 NavigationBar 都是以浅海蓝色为背景,文字和按钮为白色的设计。...因为 TabBar 只有一个,直接在 UITabBarController 的代码里写下面这段就可以 (globalBarTintColor是我自定义的浅海蓝色,后面还会出现) self.tabBar.tintColor...Shot2.png 这样做的另外一个好处是,可以直接改掉上图圈出来的 NavigationBar 自带按钮的颜色,如果你直接尝试在某个 ViewController 里写 self.navigationController...navigationBar.tintColor = UIColor.whiteColor() 这个按钮的颜色貌似是改不掉的(据我刚刚尝试,是这样的)。...最后: 可以看出,上面的写法,直接是在设定 UINavigationBar 这个类的属性,所以依此类推,其他各种UI效果应该都可以这样全局设定。

    81120

    iOS 9人机界面指南(一)下篇:UI设计基础 - 腾讯ISUX

    优秀的应用应该通过创建独特的外观和感觉来为用户提供愉悦、难忘的体验。 在iOS系统之下可以很容易地使用自定义的图标、颜色和字体来创建区别于其他应用的UI。...用户通常都已经了解这些内置图标的含义了,因此可以尽可能的多使用它们。 ? 如果需要自定义动作或者内容,你也可以设计自定义图标。...多使用标准元素而非自定义元素,你与你的用户都将受益: 标准UI元素会根据iOS官方的更新而自动更新——而自定义元素不会。 标准UI元素对于你自定义外观和行为来说拥有优秀的扩展性。...提示:Interface Builder让获取标准UI元素,使用外观定制API(the appearance customization APIs),获取属性,以及在你的应用里使用自定义和系统自带图标变得很简单...如果你所需要的功能无法用系统提供的按钮和图标来表现,你也可以设计自定义按钮。自定义按钮的设计可以参考 Bar Button Icons.

    1.8K21

    iOS学习—— UINavigationController的返回按钮与侧滑返回手势的研究

    导航栏左上角的back按钮是附着在UINavigationController的UINavigationBar里自带的一个返回按钮,导航栏自带的back按钮的图层结构如下图所示。...这个属性就是我们的侧滑返回手势,如果你的项目中没有需求要自定义返回按钮(虽然我觉得这并不太可能),那么你所需要的操作就非常简单了,不多说直接上代码。...按钮   在了解导航栏的返回按钮之前,我们先了解一下导航栏管理导航栏上各类控件的UINavigationBar。...最重要的一部分我用蓝色加粗标出来了,就是说这个UINavigationBar主要是由左右按钮控件、中间标题控件组成。...此外,如果是自定义的左按钮,则系统不会修改其值。

    6.9K60

    iOS导航栏使用总结

    目录: 一、设置导航栏样式 二、解决自定义导航栏返回按钮后侧滑不可用问题 三、隐藏导航栏底部的分割线 四、导航栏引起的布局问题 相关文章:iOS状态栏的使用总结 一、设置导航栏样式 设置导航栏的样式可分为全局设置与局部设置...animated]; [self.navigationController.navigationBar setBarTintColor:[UIColor orangeColor]]; } 二、解决自定义导航栏返回按钮后侧滑不可用问题...iOS导航栏自带的返回按钮形式单一,所以大多情况下,我们都需要自定义导航栏返回按钮。...为了解决这个问题,我们需要在App中使用我们自定义的导航控制控制器,示例代码如下: #import “BaseNavigationController.h" //第一步:设置自定义导航控制器使用UIGestureRecognizerDelegate...,用于优化滑动类视图(继承于UIScrollView的视图)在视图控制里的显示: iOS系统的导航栏UINavigationBar与标签栏UITabBar默认都是半透明模糊效果,在这种情况下系统会对视图控制器的

    3.2K20

    UINavigationBar的用法

    UINavigationBar是一个我们在开发中必定会碰到的控件,用好它能帮助我们自定义导航栏的样式,所以今天讲解一下UINavigationBar的用法。...黑色颜色,用于亮色背景,一个是白色用于深色背景 设置返回按钮 有时候我们会发现,我们设置的返回按钮都是蓝色的默认颜色,那么到底该怎么更改这些按钮的颜色呢 设置返回按钮的颜色,只设置tintColor的颜色就好了...我们自己设置返回按钮,会导致系统的侧滑关闭效果失效。添加上面代码中最后一句代码即可修复。...leftButton.tintColor = [UIColor whiteColor]; self.navigationItem.leftBarButtonItem = leftButton; } 自定义返回按钮...如果你对返回按钮实在不满意,你可以自定义一个按钮,并把它设置为navigation的leftButton - (void)setCustomLeftButton { UIView* leftButtonView

    2K20

    iOS开发UINavigation系列二——UINavigationItem

    这篇博客,主要讨论UINavigationItem的使用方法。 UINavigationBar:http://my.oschina.net/u/2340880/blog/527706。...这里有一点需要注意,虽然backBarButtonItem的标题我们可以自定义,但是方法和其他属性我们都不能定制,是系统实现好的。...当然,我们也可以设置在push出来新的item的时候,隐藏前面的返回按钮,使用如下属性: @property(nonatomic,assign) BOOL hidesBackButton; - (void...当前显示的部分,返回按钮部分,和ButtonItem部分,同样对于创建和设置UIBarButoonItem,也有很多方法供我们使用。         ...我们也可以使用自定义的View来创建BarButtonItem: - (instancetype)initWithCustomView:(UIView *)customView; 除了上面一些自定义的创建方法外

    71720
    领券