开发环境：xcode10.1，ios12.1 第六步优化，增加顶部导航栏，顺带解决跳转页面的时候的动画为水平左推，因为大部分iOS都是这样，用户已经习惯，反正我是看其他跳转动画极其变扭，推荐直接看下篇1.创建一个项目 2.把自动创建的ViewController.h，ViewController.m删除 学网上视频的，估摸着是不想跟后面的项目有冲突吧，其实是便于统一而已。菜鸟照
转载
2023-07-17 20:13:16
188阅读
总结:1.状态栏高度发生变化,解决方案:布局的时候这个高度不要写死,通过方法获取高度.2.导航栏的视图层级结构发生变化而导致 UI(titleView、UIBarButtonItem) 问题。3.safeAreaInset 导致 Scrollview 偏移。4.Tabbar发生变化,建议用系统的tabbar. 先看看iPhone各机型的尺寸吧.下面是iPhone X 对比其他机型的变化图
转载
2024-02-19 11:40:58
288阅读
1、iPhone X尺寸问题分辨率1125*2436 （375*812)导航栏为 44+44 原来为20+44。 （[[UIApplication sharedApplication] statusBarFrame].size.height可以获取到当前的状态栏的高度，怎么用根据你的需要来设计，这里也可以用下面的判断是不是iphonex来定，但是我个人觉得这样读
转载
2023-11-20 13:06:50
473阅读
针对项目中出现的问题，一一列出解决。1.iPhoneX基本属性启动图尺寸：1125px × 2436px(即 375pt × 812pt @3x))iphoneX 屏幕高：812.0个点导航栏高度+状态栏高度：88.0个点(导航栏高度仍是44个点，状态栏高度增高为44个点，所以刘海的高度并不是状态栏的高度。状态栏和导航栏平分了头部总的高度）tabbar高度：83.0个点（原是固定49个点，增高了3
转载
2024-01-19 17:09:31
192阅读
因为iPhoneX的产生，原本的导航栏再也不是44了，那么会出现什么问题呢？在隐藏导航栏的页面，原本的高度要向上调整一个导航栏+状态栏的高度。那么iPhoneX的导航栏高度不是44了，我们需要手动获取， 有导航栏的，代码如下： 1 2 3 4 5 6 //获取状态栏的rect CGRect stat
转载
2018-08-22 11:30:00
1085阅读
2评论
前言最近在iPhone 12 系列机型上开发项目时，发现使用项目提供的获取状态栏、导航栏高度方法获取到的高度是错误的，随后跟踪排查最终解决这个问题，所以自己想简单的总结一下问题原因和解决办法。本文主要介绍问题原因和解决办法，最终提供一个能准确获取iPhone 状态栏、导航栏、TabBar高度的方法。问题原因出现问题的原因是，我们大多开发在使用获取状态栏、导航栏高度方法都是以下方法来获取的：// 状
转载
2023-07-13 09:58:02
645阅读
最近项目里有个需求和导航栏的样式定制有关，深入之后发现之前理解的一些概念有些模糊，刚好趁着这次机会全面整理了一下。 从 iOS7 开始，苹果采用了大量的扁平化和毛玻璃风格，刚升级到 iOS7 之后会发现界面的布局多多少少有一些偏差（当然现在新建的项目没有这方面困扰，不需要经历6到7的适配），适配过程
转载
2016-11-25 08:02:00
330阅读
2评论
搞事一：导航栏1.导航栏高度变化导航栏在iOS10之前都是默认的64p，但是，到了iOS10就不单单是64p了，可以看一下系统的信息App，在iOS11添加了大标题，效果如下图1：navigationBar的结构，看图2、3、4: 在上面三幅图可以知道，在iOS11导航栏多了一个LargeTitleView，专门显示大字标题用的，整个导航栏的高度达到了96p，这不包括状态栏的高度，也就是说，整个a
转载
2023-07-13 09:55:50
354阅读
概述上一节我们算是跟UIViewController打了个招呼，同时也表示我们正式介入iOS开发。本节我们将介绍UI界面的一个常用元素：导航栏。iOS为UIViewController提供了内置导航栏，其界面符合iOS系统主题，同时有系统进行辅助维护，是一个非常方便的导航栏。但是，不管iOS提供了多么好用的导航栏，也无法赶的上开发者们的想象力，有时候我们希望自定义导航栏的样式，这时候我们就需要自己
转载
2024-08-15 01:58:47
84阅读
导航栏导航栏高度的变化 iOS11之前导航栏默认高度为64pt(这里高度指statusBar + NavigationBar)，iOS11之后如果设置了prefersLargeTitles = YES则为96pt，默认情况下还是64pt，但在iPhoneX上由于刘海的出现statusBar由以前的20pt变成了44pt，所以iPhoneX上高度变为88pt，如果项目里隐藏了导航栏加了自定义按钮之
叙述ios中导航栏是一个很头疼的东西，因为navigationbar是统一设置，无法实现每个页面有自己的导航栏样式。解决的办法有两个，1、隐藏系统自带的self.navigationViewController.navigationBar,在baseViewController中自己添加一个navigationBar，这样就可以在每个vc中设置自己的样式了优点：各管各的，不会相
转载
2023-07-26 14:33:58
581阅读
描述：如图项目路径如下图所示：代码实现：首先在store.js中添加两个状态：import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const state = {
topNavState: 'home',
leftNavState: 'home'
}
export default new Vuex.Store({
转载
2023-07-24 13:25:02
197阅读
在深入研究iPhone界面的视图和控件之前，有必要理解这些元素的操作方式和隐喻含义。本文将介绍应用于大多数程序的视图，以及它们的属性和使用方式。 状态栏 状态栏显示iPhone的重要信息，包括信号强度、网络连接和电池量。全屏式的程序是否隐藏状态栏需要慎重考虑，否则用户退出程序才能看到手机的状态，这样的用户体验并不理想。例如，拍照时用户的注意力集中在照片上， 这时隐藏状态栏几秒钟是合理的，用户可以通
转载
2023-07-13 10:03:23
26阅读
在iOS7下，默认导航栏背景，颜色是这样的，接下来我们就进行自定义，如果你仅仅是更改一下背景和颜色，代码会很简单，不需要很复杂的自定义View来替代leftBarItem
更改导航栏的背景和文字Color 方法一： 1. //set NavigationBar 背景颜色&title 颜色
2. [self.navigationController.naviga
转载
2024-08-09 09:21:31
261阅读
导航栏布局每次涉及到导航栏布局就很难受，总感觉很模糊。UINavigationController 构成UIBarItem : NSObjectUIBarItem 类是一个可以放置在 Bar 之上的所有小控件类的抽象类。UIBarButtonItem : UIBarItem类似 UIButton 。放在 UINavigationBar 或者 UIToolbar 上。重点属性: customView
转载
2024-06-24 12:18:14
106阅读
# iOS 导航栏尺寸
在开发 iOS 应用时，导航栏是一个常用的 UI 元素，用于在应用中管理视图控制器之间的导航。导航栏通常包含一个标题和一些导航按钮，如返回按钮和右侧按钮。了解 iOS 导航栏的尺寸非常重要，因为它可以帮助我们正确布局和设计应用界面。
## 导航栏高度
在 iOS 中，导航栏的高度是固定的，无论设备的屏幕尺寸如何。导航栏的高度通常是44个点，这是 Apple 官方建议的
原创
2023-12-07 06:54:22
284阅读
# iOS原生导航栏的实现指南
在iOS应用开发中，导航栏是一个重要的界面元素，它通常用于在不同的视图控制器之间进行导航。本文将为刚入行的小白详细介绍如何实现iOS原生导航栏，整个流程将通过一个表格进行梳理，然后逐步讲解每一步中的代码实现。
## 整体流程
以下是实现iOS原生导航栏的流程：
| 步骤 | 描述 |
|------|----
原创
2024-08-18 06:23:06
81阅读
# iOS 导航栏处理
在iOS应用开发中，导航栏是一个非常重要的组件，用于展示页面的标题、返回按钮等操作。在处理导航栏时，我们需要考虑不同页面之间的切换、导航栏样式的设置以及导航栏上的按钮等等。
## 导航栏的基本处理
在iOS中，我们通常使用`UINavigationController`来管理导航栏。我们可以通过以下代码来创建一个带有导航栏的视图控制器：
```swift
let v
原创
2024-05-27 05:39:51
197阅读
苹果系统升级后好多应用都发了新版本来适配，今天就来分享一下我的适配历程。首先是出现的问题： 1.push一个控制器，返回按钮和标题神奇的消失了，打开三维视图（比较坑的是有的版本老到打不开三维视图 ），发现返回按钮和标题并没有消失，而是被一层视图挡到了。 2.有文本输入的地方，在iOS10中文本框也消失了，导致无法输入内容。 3.权限问题。其次是解决思路： 1.顶层被莫名其妙的加了一层视图，
转载
2024-07-29 11:21:32
135阅读
# 实现“仿iOS导航栏”的完整步骤指南
仿iOS导航栏是开发移动应用时一个常见的需求，尤其是在使用Flutter、React Native等框架时。在这篇文章中，我们将详细介绍如何实现一个模仿iOS的导航栏。我们会分步骤讲解每一个环节，并提供相应的代码示例和注释。
## 流程概览
以下是实现“仿iOS导航栏”的流程步骤：
| 步骤 | 描述
