如何编程实现Android状态栏图标随滚动显隐及变暗效果？

嘿，这个Medium的状态栏滚动效果确实很有质感！我来给你拆解下在iOS和Android平台分别怎么实现，帮你复刻这个精致的交互～

Medium的这个效果核心是监听滚动进度，动态调整状态栏元素的透明度和可见性。由于iOS系统自带的状态栏图标（如电池、信号）无法单独控制，我们可以结合自定义状态栏图标+系统状态栏样式切换来实现类似效果：

1. 监听滚动事件
   给你的滚动容器（UITableView/UICollectionView/UIScrollView）添加滚动监听，获取滚动偏移量来计算动画进度：

   func scrollViewDidScroll(_ scrollView: UIScrollView) {
       let offsetY = scrollView.contentOffset.y
       // 设定滚动阈值，超过这个值开始触发动画（可根据你的布局调整）
       let threshold: CGFloat = 60
       // 计算动画进度，范围0-1
       let progress = min(max(offsetY / threshold, 0), 1)
       
       // 处理自定义状态栏图标（比如APP自己的通知图标、快捷入口）
       updateCustomStatusIcons(progress: progress)
       // 切换系统状态栏样式（明暗变化）
       updateSystemStatusBarStyle(progress: progress)
   }
   

2. 自定义图标动态控制
   对于你自己添加到状态栏的图标，可以根据进度调整透明度或直接隐藏：

   private func updateCustomStatusIcons(progress: CGFloat) {
       // 示例：让某个图标逐渐变暗直到隐藏
       notificationIcon.alpha = 1 - progress
       downloadIcon.alpha = 1 - progress * 0.7 // 这个图标只变暗不隐藏
       
       // 当进度达到1时，完全隐藏指定图标
       if progress >= 1 {
           notificationIcon.isHidden = true
       } else {
           notificationIcon.isHidden = false
       }
   }
   

3. 系统状态栏样式切换
   利用系统状态栏的明暗样式切换，配合滚动进度实现视觉上的“变暗”效果：

   private func updateSystemStatusBarStyle(progress: CGFloat) {
       let statusBarStyle: UIStatusBarStyle = progress > 0.5 ? .darkContent : .lightContent
       UIApplication.shared.setStatusBarStyle(statusBarStyle, animated: true)
   }
   

   注意：如果使用UINavigationController，可能需要在导航栏代理中配合调整导航栏背景透明度，让整体效果更协调。

Android对状态栏的控制更灵活，不仅可以调整系统图标明暗，还能更精细地控制自定义元素：

1. 监听滚动事件
   给RecyclerView/ScrollView添加滚动监听，计算滚动进度：

   recyclerView.addOnScrollListener(object : RecyclerView.OnScrollListener() {
       override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
           super.onScrolled(recyclerView, dx, dy)
           val totalScrollY = recyclerView.computeVerticalScrollOffset()
           val threshold = 200 // 滚动阈值，按需调整
           val progress = Math.min(Math.max(totalScrollY.toFloat() / threshold, 0f), 1f)
           
           // 更新自定义状态栏图标
           updateCustomStatusIcons(progress)
           // 调整系统状态栏图标和背景
           updateSystemStatusBar(progress)
       }
   })
   

2. 自定义图标动态控制
   和iOS思路类似，根据进度调整透明度和可见性：

   private fun updateCustomStatusIcons(progress: Float) {
       // 图标1：逐渐隐藏
       customIcon1.alpha = 1 - progress
       customIcon1.visibility = if (progress >= 1) View.GONE else View.VISIBLE
       
       // 图标2：只变暗不隐藏
       customIcon2.alpha = 1 - progress * 0.6
   }
   

3. 系统状态栏精细调整
   可以切换系统图标明暗，甚至调整状态栏背景透明度：

   private fun updateSystemStatusBar(progress: Float) {
       val window = requireActivity().window
       val insetsController = window.insetsController
       
       // 切换系统状态栏图标明暗
       if (progress > 0.5) {
           insetsController?.setSystemBarsAppearance(
               View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR,
               View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR
           )
       } else {
           insetsController?.setSystemBarsAppearance(0, View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR)
       }
       
       // 调整状态栏背景透明度（可选，增强视觉效果）
       val originalColor = window.statusBarColor
       val alpha = (255 * progress).toInt()
       window.statusBarColor = originalColor.copy(alpha = alpha)
   }
   

   注意：低版本Android（API < 30）需要用decorView.systemUiVisibility来切换图标明暗，记得做版本兼容处理。

• 滚动阈值的数值需要根据你的APP布局实际调整，确保动画触发时机自然流畅；
• 如果要完全复刻Medium的效果，建议配合导航栏的滚动渐变（比如导航栏从透明变为不透明），让状态栏和导航栏的变化更连贯；
• iOS中如果需要更极致的自定义状态栏，可能需要隐藏系统状态栏，然后完全自定义一个顶部状态栏视图，但要注意符合苹果的人机交互规范。

内容的提问来源于stack exchange，提问作者Rooparsh Kalia