IOS 滑动tableview，导航栏渐渐显示，搜索框显示在导航栏上

最新推荐文章于 2024-07-23 09:23:34 发布
最新推荐文章于 2024-07-23 09:23:34 发布
阅读量3.4k 收藏 2
点赞数 1
分类专栏： IOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ycf03211230/article/details/77196441
版权

先看下效果图
这里写图片描述

这样的效果图我们在很多app上也看到过，正好我们的项目中有需要，就来实现下。
该效果有两种解决方案：
一、自定义导航栏，在scrollViewDidScroll方法中，改变导航栏的颜色和搜索框的颜色
二、使用系统自带的导航栏，让他的背景若隐若现的
今天我们是使用方法二的实现～～

1、导航栏若影若现可以使用第三方的库

2、具体实现方法就是在自定义导航栏上的搜索框，和ui上的搜索框，在scrollViewDidScroll滑动过程中，改变他们的背景颜色值，具体看下demo

Yuna_
关注
专栏目录
4_3_可跟随滚动导航栏:AMScrollingNavbar
m0_52635912的博客
04-29 107
在滚动页面的同时滚动顶部的导航栏。
常用iOS的第三方框架
风雪寒晨的博客
08-29 2991
图像： 1.图片浏览控件MWPhotoBrowser        实现了一个照片浏览器类似 iOS 自带的相册应用，可显示来自手机的图片或者是网络图片，可自动从网络下载图片并进行缓存。可对图片进行缩放等操作。       下载：https://github.com/mwaterfall/MWPhotoBrowser 目前比较活跃的社区仍旧是Github，除此以外也有一些不错的库散落在
ios 上滑隐藏导航下拉显示导航栏实现
01-22
ios 上滑隐藏导航下拉显示导航栏, 常用于个人主页等，头部的图片会随下拉不断放大，松开后图片大小还原。
在iOS应用中如何更优雅的使用的导航栏(UINavigationBar)
最新发布
weixin_39339407的博客
07-23 939
那么上面系统导航栏存在的问题，该怎么解决呢？其实系统提供的导航栏本身也可以解决这些问题，它的返回按钮可以重新设置，它的背景颜色也可以根据不同的视图控制器进行修改，TabBar也可以根据页面的层级进行手动隐藏和显式，但是这需要写很多的代码，很多的重复代码。而且在实际开发中，我们往往不会采用这种方式，毕竟费力不讨好。那么该如何设置导航导航了，才能更优雅的解决这些问题呢？这时候自定义导航栏就该登场了。/// 标题didSet {/// 是否显示返回按钮didSet {/// 返回点击回调。
iOS 滑动隐藏导航栏
kaka
11-26 911
-(void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset {               if (velocity.y > 0.0)    
iOS开发上下滑动UIScrollview隐藏或者显示导航栏的实例
流星雨的博客
12-06 1644
一、好多App都有上下滑动UIScrollview隐藏或者显示导航栏,在这里我说说我觉得有用的几种方法: 1.iOS8之后系统有一个属性hidesBarsOnSwipe Objective-C代码如下 ? 1 self.navigationController.hidesBarsOnSwipe = YES; swift代码如下 ? 1 ...
ios 顶部tab滑动实现_iOS导航栏下滑动菜单
weixin_39951930的博客
12-20 468
在我们项目中经常会遇到这样的需求，下面是实现过程:UIParameter.h中：#ifndef UIParameter_h#define UIParameter_h//全屏宽和高大小#define FUll_VIEW_WIDTH ([[UIScreen mainScreen] bounds].size.width)#define FUll_VIEW_HEIGHT ([[UIScreen mainS...
涉及导航栏随着tableView
04-05
作者LYM-mg，源码MGDemo，涉及导航栏随着tableView滑动是否隐藏,随着tableView的滑动让TabBar隐藏，停止滑动显示TabBar。还有NavigationController的titleView动态缩放效果，还还还加了UITableView分区展开与收起。...
包含tableview的导航app demo
05-16
该demo还展示了常见的UI控件的使用，例如：导航栏、标签栏、搜索框等。同时，也使用了一些第三方框架，例如：Alamofire、SwiftyJSON等，以便更好的处理网络请求和数据解析。 总之，该demo是一个简单而有用的导航app...
ios-仿支付宝首页效果实现.zip
07-11
此部分共三层, 从底层往上依次是: 底色View(蓝色背景色), 扫一扫View(刚开始隐藏, 向上滚动后逐渐显示), 搜索框View. 2. tableView, 紧接着就是一个带有tableHeaderView的tableView, 其tableHeaderView高度与添加...
ios-滑动改变导航栏状态.zip
07-11
滑动改变导航栏状态，下拉放大图片 github地址 https://github.com/CDchendong/CDNavigation
iOS之单独使用UISearchBar创建搜索框的示例
08-28
本篇文章主要介绍了iOS之单独使用UISearchBar创建搜索框的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
iOS 自定义导航栏使用滑动手势返回上一页 以及会遇到的BUG
哈鲁的博客
12-27 2495
当使用自定义导航栏的时候，好像用不了系统自带的滑动手势返回。。。所以只要在viewDidLoad添加以下代码即可   self.navigationController.delegate = self;          __weak typeof (self)weakSelf = self;          if ([self.navigationCo
IOS之系统15.0版本后移动端APP状态栏+导航栏需要滑动才会显示
Aftery的博客
10-13 796
IOS最新系统15.0移动端APP状态栏+导航栏颜色不显示的问题
uniapp实现滚动监听搜索栏动画
m0_61339009的博客
03-24 429
实现大多app的上下滚动让搜索栏放大缩小。
iOS实现tableView下拉搜索功能
wangxiaoit的专栏
06-14 3153
iOS实现tableView下拉搜索功能地址:github地址效果展示JRSearchBar/// 搜索 -> array - (NSMutableArray *)searchTest:(NSString *)searchText InArray:(NSArray *)array;
uni-app吸顶+带动画滑动的tabs导航栏
热门推荐
huanhuan03的博客
03-20 1万+
uni-app滑动tabs 动画吸顶导航
android滑动是搜索框动画,android搜索框上下滑动变色效果
weixin_34805229的博客
05-25 138
搜索框上下滑动变透明度是现在APP中很常见的效果，先看看效果：首先来看下布局骨架：xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="www.sf.com.searchframe.Main...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值