html导航栏透明渐变效果,Swift - 导航栏滑动透明渐变效果的实现(透明度随视图滚动而改变)...

这篇博客介绍了如何在Swift中实现导航栏随着tableView滑动而产生透明渐变效果。通过监听scrollViewDidScroll方法或使用KVO观察contentOffset变化,动态调整导航栏背景的透明度,实现导航栏透明度随视图滚动而改变的视觉效果。
摘要由CSDN通过智能技术生成

导航栏透明渐变效果在许多 App中也时常会见到。比如下图,导航栏会随着 tableView的滑动而发生不同的变化:

默认情况下,导航栏背景是完全透明的。

当 tableView向上滑动时,导航栏背景逐渐显示出来。

当 tableView下载滑动时,导航栏背景又逐渐消失。

133676b1c5fb3f5774e6c7741df582ca.png   

3ba116ed92cf0fba995a3aed79935e9d.png   

5229ee91fce879f00b9981f235288764.png

该效果的原理就是根据滚动视图的偏移量来设置导航栏的背景透明度,而监听偏移量的变化有如下两种方式。

方法一:通过 scrollViewDidScroll 方法监听滚动事件

import UIKit

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

var tableView:UITableView?

//导航

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值