关于如何使navigationbar 从透明到完全实现展现的动画效果实现

最新推荐文章于 2024-01-10 23:13:03 发布
最新推荐文章于 2024-01-10 23:13:03 发布
阅读量721 收藏
点赞数
分类专栏： ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a1530117042/article/details/54292969
版权
本文介绍了在iOS应用中，如何实现在个人中心页面下拉时，navigationBar从透明渐变到完全展现的动画效果。通过在`viewDidLoad`中设置navigationBar的透明度为0，并在`viewWillAppear`中使其完全透明，在滑动过程中控制其显示。同时，确保在`viewWillDisappear`中恢复navigationBar的alpha值以避免颜色异常。
摘要由CSDN通过智能技术生成

在最近的项目中涉及到了个人中心中 ,下拉的时候navigationbar从透明到完全展现动画效果,自己做了个整理,喜欢的亲们赶紧点赞哦:


首先在viewDidLoad中将导航条的view获取,把透明度设置为0,并赋值给一个全局的view,来控制滑动的时候导航条的view,呈上代码:



同时在viewWillAppear中写入navigationbar为完全透明





同时在方法中


最低0.47元/天 解锁文章
文艺女青年的男人
关注
专栏目录
github上关于iOS的各种开源项目集合
livexiaopo
08-03 4508
UI 下拉刷新 EGOTableViewPullRefresh - 最早的下拉刷新控件。SVPullToRefresh - 下拉刷新控件。MJRefresh - 仅需一行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看“使用方法”。 （国人写）XHRefreshControl -
NavigationBar做动画的demo
06-04
NavigationBar做动画的demo
navigationBar title动画
DynastyTing的专栏
05-30 1008
title从左上角跑到居中的地方 self.navigationItem.titleView = titleLabel; UILabel *titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 100, height)];          titleLabel.textColor    = [UIColor w
uniapp使用Uview的Navbar自定义微信小程序顶部导航栏，滚动渐变透明效果；看完不会我下跪
最新发布
toHero的博客
01-10 2539
使用Navar自定义微信小程序顶部导航栏，实现滚动背景色渐变效果；
关于NavigationBar的效果
糖醋里脊
03-29 441
新开发的项目被UI测出了bug，原来是导航栏颜色变浅了。     只要加上这段代码就行了：self.navigationController.navigationBar.translucent = NO;    上面这段代码是去除navigationBar的毛玻璃效果，也就是半透明效果，那么问题来了，加上这段代码，viewController的view.height会增加64，此时只需要
KMNavigationBarTransition iOS15 动画异常
wokuaab_q的博客
10-20 861
iOS15 导航栏更改增加了一层，对应的KMNavigationBarTransition 也更新了个版本。但更新完后发现还有一个bug。具体如下： 当前页面导航栏透明，下一页面导航栏不透明时，来回切换。会显示一个白色的导航，页面显示后等一会才会消失。 原因：KMNavigationBarTransition 是通过添加假的navigation bar做为切换动画，当scrollEdgeAppearance 为空时（设置当前导航栏透明），standardAppearance 不为空，此时假的导航栏按照.
自设标题栏透明渐变
11-20
"自设标题栏透明渐变"是一种流行的设计趋势，它使应用程序的标题栏在用户滚动屏幕时产生透明度变化，从而营造出动态且引人入胜的视觉效果。这种效果不仅提升了应用的美观性，还能在不影响功能性的前提下增强用户的...
ios-导航栏滑动渐变MTransparentNav.zip
07-11
在导航栏透明度改变时，我们可以添加UIView动画，使这个过程更加流畅。通过`+[UIView animateWithDuration:animations:]`方法，可以设置动画的时长和动画块，实现导航栏渐变的过渡效果。 5. UIScrollViewDelegate...
iOS：iOS开发非常全的三方库、插件等等
dienangpiao2051的博客
09-23 7399
iOS开发非常全的三方库、插件等等 github排名:https://github.com/trending, github搜索：https://github.com/search. 此文章转自github:https://github.com/Tim9Liu9/TimLiu-iOS 一、UI 下拉刷新 EGOTableViewPullRefresh- 最早...
Android NavigationBar，Status Bar隐藏与浮层
05-18
Android NavigationBar隐藏与浮层,Status Bar的隐藏与浮层效果,SystemBar（Status Bar 和Navigation Bar）设置 Immersive与Sticky Immersion风格
RainbowNavigation 是由Swfit2.0编写它允许你在各种情况下动画改变UINavigationBar的backgroundColor.zip
10-11
RainbowNavigation 是由Swfit2.0编写。它允许你在各种情况下动画改变UINavigationBar的backgroundColor.zip,An easy way to change backgroundColor of UINavigationBar when Push & Pop
navigationBar随着tableview滑动透明度渐变
KocoClass的博客
07-14 904
1.在ScrollView的代理方法中监听滚动,计算出偏移量,以及Alpha, 然后通过Alpha创建一个UIColor,把UIColor传入到下面的分类方法中; 2. 拿到导航条 调用它的SetBackgroundImage 方法.它需要传入一张Image,这个image是 我们通过图形上下文画出来的; 3.自己写一个UIImage的分类,通过传入一个颜色来画出一张1*1的图片.
炫酷到爆表的 Navigation 动画
1
08-20 532
在上一篇中我们说到了使用Navigation导航Fragment，介绍了Navigation的基本使用，然后突然想到做一些Fragment的跳转动画，所以产生了一些内容哈哈哈 Navigation中使用动画 通常我们设置一个跳转action是酱紫的： <action android:id="@+id/action_scale1" app:destination="@id/fragmentTwo" app:enterAnim="@anim/scale_in_right.
阻止NavigationView推送动画
weixin_44045184的博客
01-08 191
最近开发的时候遇到一个问题，带有动画效果的图片放到NavigationView中，页面初始化的时候，会多出一个图片从屏幕左上方进入指定 位置的效果，代码如下 ： import SwiftUI struct SAnimalView: View { @State private var isAnimating = false var body: some View { NavigationView{ Image("dog")
几句话实现导航栏透明渐变（iOS）
ziyikongfu的专栏
07-22 516
首先我们来看下效果 一开始当我们什么只设置了一张图片作为它的头部视图的时候,它是这样的 1.首当其冲的,我们先得把导航栏弄透明 那么我们首先得知道，设置navigationBar的BackgroundColor为Clear是没用的,你可以试着设置它的clear，但是没用，原因一会儿我们就知道了。 而对于把导航栏设置为透明，网上大多数的方法是：
【iOS】让我们一次性解决导航栏的所有问题
lqk的博客
10-11 1万+
前言 前一段时间换了工作，公司项目赶得比较紧，没有时间更新文章，现在闲下来了，赶紧写一篇来弥补自己的羞愧。 今天我们来重点讨论导航栏返回的问题，包括各种问题的解决方案。 系统默认导航栏的返回按钮和返回方式 在默认情况下，导航栏返回按钮长这个样子 导航栏默认返回按钮 导航栏左上角的返回按钮，其文本默认为上一个ViewController的标题，如果上一个ViewContr
Android 7.0 虚拟按键（NavigationBar）源码分析 之 View的创建流程
kuaiguixs的博客
10-20 6136
分多少发送对方
Android之framework修改底部导航栏NavigationBar动态显示和隐藏
热门推荐
way
05-14 2万+
大家都知道，Android从3.0版本开始就加入了NavigationBar，主要是为那些没有实体按键的设备提供虚拟按键，但是，它始终固定在底部，占用48dp的像素高度，尽管从android 4.4开始可以全透明，使用这一部分像素，但三个按钮始终悬浮在屏幕上，这对于有强迫症的朋友来说是无法忍受的。因此，本文的目的就是修改framework部分代码，可以动态隐藏和显示NavigationBar，同时
Android实现流行吸顶导航栏效果详解与代码示例
在Android开发中，实现当下流行的吸顶效果通常涉及到对界面元素的动态管理和布局调整。本文将通过讲解ItemDecoration的使用，来展示如何在RecyclerView中创建一个可推动的悬浮导航栏，从而达到类似吸顶的效果。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值