关于scrollview与导航栏之间的秘密

前言:在公司项目仿写掌厨的时候,发现了关于scrollview与导航栏之间的秘密

1.scrollview在导航控制器的里边是默认的向下偏移64px的,我们可以通过设置控制器的属性automaticallyAdjustsScrollViewInsets为no,来使我们的scrollview顶到最上部

2.导航栏在透明的时候,是不占据空间的,不透明的时候占据了空间,会影响到我们上边属性的使用,我们可以通过设置extendedLayoutIncludesOpaqueBars = yes 来使我们在导航栏透明或者不透明 的情况下都可以顶到上部

3.设置导航栏上title的颜色设置

self.navigationController.navigationBar.titleTextAttributes = @{NSForegroundColorAttributeName:[UIColorwhiteColor]};

@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);

时间: 2024-12-17 22:08:15

关于scrollview与导航栏之间的秘密的相关文章

<iOS 导航栏>第一节:导航栏透明方法实现代码

说下导航栏的透明方法: 很多应用需要导航栏随着向上滑动,逐渐从透明变成不透明,很炫酷,大部分应用都在使用导航栏渐变效果,现附上代码然后直接将实现,一会讲下如何来实现,这一部分直接上代码. 先附上代码: 方法声明: #import <UIKit/UIKit.h> @interface IDSNavBarView : UIView - (instancetype)initWithFrame:(CGRect)frame titleImg:(UIImage *)aTitleImg; - (UILabe

ios7导航栏+scrollview布局注意

ios7以后苹果新增加了半透明效果,在这里强调一点:在nav+scrollview是,scrollview控件会自动想下缩进64个像素点,以实现穿透效果:iOS7在Conttoller中新增了这个属性:automaticallyAdjustsScrollViewInsets,(默认YES)(如果将automaticallyAdjustsScrollViewInsets设为no,那么scrollview的y为0时,则不会被导航栏挡住.谢谢!

自制一个UIView代替ViewController的导航栏视图跟随scrollview滑动而改变大小并且图片移动交错效果,列表的Header View中的图片产生视差滚动效果

#import <UIKit/UIKit.h> @interface ELHeaderView : UIView@property (nonatomic, weak) UIViewController *viewController;@property (nonatomic, weak) UIScrollView *scrollView; - (id)initWithFrame:(CGRect)frame backGroudImageURL:(NSString *)backImageURL h

CSS-网站导航栏标题之间的分隔符

在一个网页上,尤其是导航栏文字与文字之间,大多数情况下都会有分隔符,也就是文字之间的一个小竖线,这个小小的分隔符,每个网站都有不同的样式,常用的写法就是用标签的边框,这个写法也比较简单,用起来也方便,但是,却满足不了越来越绚丽的网页,很多情况下用标签的边框是写不出来现有要的样式的,那就需要其他的写法,下面总结一些常见的,如有不足或者错误之处,欢迎大家批评指正. 1.标签边框. 这个写法比较简单,不需要额外增加HTML页面的结构,给标签一个左边框或者右边框,用css修饰一下即可. 2.<span>

87 全局和局部组件, 子父和父子之间的通信 混入 插槽 路飞导航栏

主要内容: 1  全局组件: a : 定义一个全局组件 Vue.component( 'global-component', { template: `<div> 注意: template一定要包一层div <h3>{{wanrong}}</h3> <h2>{{wanrong}}</h2> </div>`, data() { return { wanrong: 'hello', } } } ); 2  全局组件的使用的两种方式: a:

iOS开发笔记13:顶部标签式导航栏及下拉分类菜单

当内容及分类较多时,往往采用顶部标签式导航栏,例如网易新闻客户端的顶部分类导航,最近刚好有这样的应用场景,参考网络上一些demo,实现了这种导航效果,记录一些要点. 效果图(由于视频转GIF掉帧,滑动和下拉动画显得比较生硬,刚发现quickTime可以直接录制手机视频,推荐一下,很方便) 1.顶部标签式导航栏 (1)实现思路 其实就是在上下两个UIScrollView上做文章,实现联动选择切换的效果. ①顶部标签导航栏topCategoryListScrollView加载显示分类数据,下方con

几句话实现导航栏透明渐变 – iOS

首先我们来看下效果 一开始当我们什么只设置了一张图片作为它的头部视图的时候,它是这样的 首当其冲的,我们先得把导航栏弄透明 那么我们首先得知道,设置navigationBar的BackgroundColor为Clear是没用的,你可以试着设置它的clear,但是没用,原因一会儿我们就知道了 而对于把导航栏设置为透明,网上大多数的方法是 [self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarM

微信小程序--仿京东UI样式顶部导航栏

我们先来看看京东的效果 分析 上端导航栏可以放置多个分类,可滑动 点击导航栏最右端按钮可以查看所有分类,同时背景模糊 内容部分右拉跳转到另外的分类 点击分类时导航栏的滑动部分自动滑动到合适的位置 我的实现 代码展示: js /** * categoryView.js - 分类页面 */ var fakeData = require('../../common/fakeData.js') Page( { data: { categories: ['全部'], currentTab: 0, scro

微信小程序开发之tab导航栏

实现功能: 点击不同的tab导航,筛选数据 UI:   js: data:{ navbar: ['半月维保', '季度维保', '半年维保',"年度维保"],    //count:[0,2,3],                                  //记录不同状态记录的数量    currentTab: 4, } //响应点击导航栏  navbarTap: function (e) {    var that = this;    that.setData({