navigationBar导致collectionViewCell/tableViewCell偏移

最新推荐文章于 2022-07-27 10:38:43 发布
最新推荐文章于 2022-07-27 10:38:43 发布
阅读量3k 收藏 1
点赞数
分类专栏： ObjectiveC 文章标签： navigation
在导航视图内Push进来的以“TableView/collectionView”（没有ScrollView截图，就将就一下）为主View的视图，本来我们的cell是放在（0,0）的位置上的，但是考虑到导航栏、状态栏会挡住后面的主视图，系统自动把我们的内容（cell、滚动视图里的元素）向下偏移离Top64px（下方位置如果是tarbar向上偏移离Buttom49px、toolbar是44）。
也就是当我们把navigationBar给隐藏掉时，滚动视图会给我们的内容预留部分的空白Top（所有内容向下偏移20px，因为状态栏的存在）。出来的效果可以脑补一下。
那么，当我们不想自动为我们下移可以设置：
代码
self.automaticallyAdjustsScrollViewInsets = NO;//    自动滚动调整，默认为YES
这样我们的内容就不会自动偏移了，例如上面的cell就是从（0,0）的位置开始。

文章出处: http://www.cocoachina.com/bbs/read.php?tid-280826-page-1.html

maggiezzzzZ
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IOS项目之UICollectionView中Item布局偏移问题
Francis-ChinaFeng
09-10 1万+
在使用UICollectionView做九宫格布局的时候，或多或少都会出现一些不尽人意的问题。 图片是从网络上找来的，我自己懒得截图了，文章内容确是我自己写的。请不要有争议。 看两个图，大家就很容易看出问题所在，这个是水平滑动后的问题，其实垂直滑动也是有这个问题的。大家看了水平滑动问题解决方案之后，就可以很好地解决垂直滑动的同样问题。 首先我们可以确定UICollection
iOS开发之tableview位置错乱,偏移,回到原来位置
Simona_1973的博客
01-09 4251
上拉刷新后发现数据位置错乱?tableview的偏移不对?比如数据一共有40条,一次加载20条,正常应该显示在第21条,上拉时加载后发现tableview停在了第11条或者30几条,如果你发生了和我一样的情况,那看这里 - (void)addRefresh { __weak typeof (self) weakSelf = self; weakSelf.nomalTable.mj_header
NavigationBar设置对UICollectionView的content显示偏移影响
maggiezzzzZ的博客
08-23 3770
文章转自：http://blog.sina.com.cn/s/blog_13e5320140102wbpq.html 最近在学习UICollectionView遇到了一个坑。总归还是对原理不熟悉所导致的。先上问题所在： 很明显，隐藏和不隐藏navbar 会发现collectionviewcell的位置。这让我有点摸不着头。 另外，n
iOS 11 自定义UINavigationBar适配问题，导航条向上偏移20点问题
Volitation小星
10-26 5278
iOS 11 自定义UINavigationBar适配问题，导航条向上偏移20点问题UINavigationBar结构改变了 自定义导航栏适配问题
ios collectionView中cell不居中往上偏移问题
IOSSHAN的博客
03-30 2876
做项目，遇到collectionview里面的cell不居中， 找了半天，重写也没用，最后的最后，发现原来少写了这个属性， automaticallyAdjustsScrollViewInsets = false 妈蛋啊，一下午时间白浪费了
UICollectionView 自动上移问题
lrbtony的博客
07-14 1486
今天被这个问题困扰了很久，那就是当 UICollectionView 呈现许多 cell 的垂直滚动呈现时候如果点击了 cell， 这个UICollectionView 总会莫名其妙的伴随着上移，刚开始以为是 xCode 的 bug，随后查看了UICollectionView 的 Frame 发现数值一直不变，随即意识到当UICollectionView 的 cell 不满一页的时候点击 cell 发现没有此问题，于是意识到问题仍然出现在 UICollectionView 里面。仔细查看了一遍发现了其...
SystemUI NavigationBar流程梳理
01-19
SystemUI NavigationBar流程梳理 SystemUI 的 NavigationBar 是 Android 系统中一个非常重要的组件，它负责管理屏幕底部的导航栏。下面我们将详细介绍 NavigationBar 的流程梳理。 一、布局结构 NavigationBar 的...
Android NavigationBar问题处理的方法
08-29
首先，我们面临的主要问题是当应用实现全屏沉浸式效果时，内容可能会下沉到NavigationBar下方，导致内容与NavigationBar重叠。为了解决这个问题，我们可以调整布局的padding值，确保内容不会被NavigationBar遮挡。...
navigationbar.zip
04-17
Android 8.1实现底部虚拟按钮NavigationBar的点击隐藏与滑动显示整个过程需要修改的完整代码，包含下面几个完整文件。 frameworks/base/packages/SystemUI/res/values-sw372dp/config.xml frameworks/base/packages/...
React Native学习教程之自定义NavigationBar详解
08-29
在React Native中，自定义`NavigationBar`是一种常见的需求，特别是在早期版本中，`React Navigation`库并未内置导航栏，开发者需要自己实现。本教程将详细讲解如何创建一个自定义的`NavigationBar`组件。 首先，...
Swift NavigationBar隐藏后的右滑手势效果
08-29
在iOS应用开发中，特别是在使用Swift语言构建用户界面时，`NavigationBar`是一个重要的组件，它通常位于屏幕顶部，展示着当前视图的标题和其他操作按钮。然而，在某些场景下，开发者可能需要隐藏`NavigationBar`以...
tableView显示第一个cell有偏移问题
weixin_34029949的博客
10-13 266
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section { return 0.01; } 不明觉厉 tableView的代理返回分区头视图高度为0.01可以解决 转载于:https://www.cnblogs.com/xs514521/p/5956564...
iOS中 自定义cell分割线/分割线偏移 韩俊强的博客
weixin_33941350的博客
05-22 160
在项目开发中我们会常常遇到tableView 的cell分割线显示不全，左边会空出一截像素，更有甚者想改变系统的分割线，并且只要上下分割线的一个等等需求，今天重点解决以上需求，仅供参考： 1.cell 分割线不全： 解决方案1: 补全分割线 -(void)viewDidLayoutSubviews { if ([_listTableView r...
设置CollectionView的初始偏移
10-29 644
场景描述 　　从A页面切入B页面，B页面主体一个UICollectionView构成的，例如：图片浏览器。 　　需要在进入的时候直接让B页面的CollectionView在某一个页数，不出现滚动效果，闪屏等等。 功能实现 　　利用ViewWillAppear执行顺序晚于ViewDidLoad来进行实现。 　　在ViewDidLoad里面创建UICollectionView，在V...
OC tableView中的cell非正常下移，获得点击后发生上移问题。
Dream_Dynasty的博客
07-27 396
OC tableView中的cell非正常下移，获得点击后发生上移问题。
iOS11适配-隐藏导航栏 UIScrollView下移问题
程序员日常记录
10-18 1949
**iOS11适配-隐藏导航栏 UIScrollView下移问题** 之前应用中，个人中心界面，是隐藏导航栏，直接放置一个UIScrollView进行布局的。但是用户升级系统到iOS11后，反馈个人中心界面有问题，上图如下：@property (nonatomic,strong) UIScrollView *mainScrollView;之前代码设置如下：-(void)viewWillAppear
android底部导航栏毛玻璃,取消导航栏navigationBar的半透明/毛玻璃效果
最新发布
05-19
要取消 Android 底部导航栏的半透明/毛玻璃效果，可以在 styles.xml 文件中的 AppTheme 样式中添加以下属性： ```xml <item name="android:navigationBarColor">@android:color/transparent</item> <item name="android:windowTranslucentNavigation">false</item> ``` 其中，`android:navigationBarColor` 属性设置为 `@android:color/transparent` 表示将导航栏的颜色设置为透明，`android:windowTranslucentNavigation` 属性设置为 `false` 表示取消导航栏的半透明效果。 完整的 AppTheme 样式如下： ```xml <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <!-- 取消导航栏的半透明效果 --> <item name="android:navigationBarColor">@android:color/transparent</item> <item name="android:windowTranslucentNavigation">false</item> <!-- 其他属性 --> <!-- ... --> </style> ``` 如果想要实现 Android 底部导航栏毛玻璃效果，可以使用 Android 系统提供的 `BlurDrawable` 类来实现。具体实现步骤可以参考以下代码： ```java // 创建一个 BlurDrawable 对象 BlurDrawable blurDrawable = new BlurDrawable(); // 设置模糊半径和颜色 blurDrawable.setBlurRadius(10); blurDrawable.setColor(Color.parseColor("#66000000")); // 将 BlurDrawable 对象设置为导航栏的背景 getWindow().setNavigationBarColor(Color.TRANSPARENT); getWindow().setNavigationBarDividerColor(Color.TRANSPARENT); getWindow().setNavigationBarColor(blurDrawable.getColor()); getWindow().setNavigationBarDividerColor(blurDrawable.getColor()); ``` 其中，`BlurDrawable` 对象的 `setBlurRadius` 方法用于设置模糊半径，`setColor` 方法用于设置毛玻璃颜色。最后将 `BlurDrawable` 对象设置为导航栏的背景即可。 需要注意的是，`BlurDrawable` 类是 Android 11 引入的新类，如果你的应用最低支持 Android 版本不是 11，需要在 build.gradle 文件中添加以下依赖： ```groovy implementation 'androidx.appcompat:appcompat:1.4.0' implementation 'androidx.core:core-ktx:1.6.0' implementation 'androidx.window:window:1.0.0' ``` 并且在代码中导入以下类： ```java import androidx.appcompat.graphics.drawable.BlurDrawable; import androidx.window.WindowManager; ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值