More playful play button#4677
Merged
Merged
Conversation
On the iOS 26 Liquid Glass mini player, make the play/pause circle slightly translucent so the tab bar's glass shows through, and add a spring scale-down-and-bounce-back on tap. Honors Reduce Motion. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
kean
added
[Type] Enhancement
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
kean
changed the title
Contributor
There was a problem hiding this comment.
Pull request overview
Updates the iOS 26 “Liquid Glass” mini player play/pause button styling and interaction to feel more glassy and tactile while keeping the legacy (pre‑iOS 26) mini player unchanged.
Changes:
- Add a press-down + spring-back scale animation for the play/pause button on iOS 26.
- Make the Liquid Glass play/pause accent circle slightly translucent so the tab bar glass shows through.
- Add a user-facing entry to
CHANGELOG.md.
Reviewed changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.
| File | Description |
|---|---|
| podcasts/MiniPlayerViewController.swift | Adds iOS 26 Liquid Glass play/pause bounce interaction and applies a translucent accent circle color. |
| CHANGELOG.md | Documents the Liquid Glass mini player play button translucency + bounce change for the 8.16 notes. |
Comment on lines
+232
to
+247
| @objc private func playButtonTouchedDown() { | ||
| guard !UIAccessibility.isReduceMotionEnabled else { return } | ||
| UIView.animate(withDuration: 0.12, delay: 0, options: [.allowUserInteraction, .beginFromCurrentState]) { | ||
| self.playPauseBtn.transform = CGAffineTransform(scaleX: 0.86, y: 0.86) | ||
| } | ||
| } | ||
|
|
||
| @objc private func playButtonReleased() { | ||
| guard !UIAccessibility.isReduceMotionEnabled else { | ||
| playPauseBtn.transform = .identity | ||
| return | ||
| } | ||
| UIView.animate(withDuration: 0.55, delay: 0, usingSpringWithDamping: 0.35, initialSpringVelocity: 0.7, options: [.allowUserInteraction, .beginFromCurrentState]) { | ||
| self.playPauseBtn.transform = .identity | ||
| } | ||
| } |
Tint the skip back/forward glyphs with the same translucent accent color used for the play button's background, so all three controls share one color. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
kean
force-pushed
the
update/miniplayer-play-button-glass
branch
from
31a5846 to
cb21ac2
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Just a small suggestion to make it a bit more lively.
To test
Screen.Recording.2026-07-02.at.9.50.52.PM.mov
Checklist
CHANGELOG.mdif necessary.