正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Let’s design a custom scroll indicator using the newly released scroll APIs in iOS 18!

Kavsoft

24,556 subscribers

12,058 次观看 • 1 年前 •via X (Twitter)

健康养生教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Complex UI: New web APIs in disguise 🥸 These balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨

Complex UI: New web APIs in disguise 🥸 These balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨

jhey ʕ•ᴥ•ʔ

113,025 次观看 • 2 年前

Since each detail view is a scroll view, we can easily recreate the same effect by combining scroll geometry and custom scroll target behavior. Result👇

Since each detail view is a scroll view, we can easily recreate the same effect by combining scroll geometry and custom scroll target behavior. Result👇

Kavsoft

20,540 次观看 • 4 个月前

Scroll indicator prototype in Figma inspired by the iPhone 16’s new camera button 🍏

Scroll indicator prototype in Figma inspired by the iPhone 16’s new camera button 🍏

Musab Alfawal

137,154 次观看 • 1 年前

The spell animation of the newly added Mass Ressurection Scroll on CN Titan Reforged Realm. The scroll costs 56g to make.

The spell animation of the newly added Mass Ressurection Scroll on CN Titan Reforged Realm. The scroll costs 56g to make.

NasDa

209,834 次观看 • 4 个月前

There isn’t a single line of SwiftUI here, this is a pure UIKit implementation on iOS 18. A fully custom navigation bar that hooks into the nearest UIScrollView to show the scroll-edge effect only once the user starts scrolling. Buttons are fully custom and display a nice brightness effect (CAFilter) when touched.

There isn’t a single line of SwiftUI here, this is a pure UIKit implementation on iOS 18. A fully custom navigation bar that hooks into the nearest UIScrollView to show the scroll-edge effect only once the user starts scrolling. Buttons are fully custom and display a nice brightness effect (CAFilter) when touched.

Julien Sagot

30,282 次观看 • 5 个月前

iOS 26 Beta 4 adds a dynamic tint to the Notification Center as you scroll through notifications!

iOS 26 Beta 4 adds a dynamic tint to the Notification Center as you scroll through notifications!

Brandon Butch

144,587 次观看 • 10 个月前

Lightning Scroll custom VFX was secretly added ⚡

Lightning Scroll custom VFX was secretly added ⚡

Deadlock Intel

60,400 次观看 • 1 个月前

iOS 26.4 is out and they still haven’t fixed this album scroll bug in Apple Music

iOS 26.4 is out and they still haven’t fixed this album scroll bug in Apple Music

tyler

53,054 次观看 • 2 个月前

Toolbar Header Scroll Animation Effects Using SwiftUI | Luma's Header Scroll Effect NOTE: This is native navigation toolbar ✌️

Toolbar Header Scroll Animation Effects Using SwiftUI | Luma's Header Scroll Effect NOTE: This is native navigation toolbar ✌️

Kavsoft

25,587 次观看 • 4 个月前

Experimenting with scroll effects using shaders 💫 Made using Metal + SwiftUI.

Experimenting with scroll effects using shaders 💫 Made using Metal + SwiftUI.

A. Hassan

60,675 次观看 • 4 个月前

I put together some Tailwind CSS utilities for masking/fading edges of scroll containers using scroll-driven animations. Link below ↓

I put together some Tailwind CSS utilities for masking/fading edges of scroll containers using scroll-driven animations. Link below ↓

Tim Wilson

51,213 次观看 • 27 天前

Codex can algo get better at SwiftUI animations with the right skills, like the one available in the Build iOS Apps plugin. For example, ask for a scroll reveal animation!

Codex can algo get better at SwiftUI animations with the right skills, like the one available in the Build iOS Apps plugin. For example, ask for a scroll reveal animation!

Thomas Ricouard

48,242 次观看 • 2 个月前

Good or Bad Level Design? The player is forced to exploit the auto-scroll + temporary invincibility to reach a pipe that is completely sealed in. #nesdev

Good or Bad Level Design? The player is forced to exploit the auto-scroll + temporary invincibility to reach a pipe that is completely sealed in. #nesdev

Matt Hughson (NES & Game Boy Developer)

71,940 次观看 • 1 年前

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀

David Mráz

22,233 次观看 • 1 年前

Last week's release of Flutter 3.13 introduced new APIs for creating widgets that scroll in two dimensions. Now, you can see them in action with TableView! 🤩 Check out the two_dimensional_scrollables package on

Last week's release of Flutter 3.13 introduced new APIs for creating widgets that scroll in two dimensions. Now, you can see them in action with TableView! 🤩 Check out the two_dimensional_scrollables package on

Flutter

66,467 次观看 • 2 年前

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙

jhey ʕ•ᴥ•ʔ

120,663 次观看 • 1 年前

iOS 26 Fitness App Custom Tab Bar Using SwiftUI

iOS 26 Fitness App Custom Tab Bar Using SwiftUI

Kavsoft

25,530 次观看 • 2 个月前

Reading the Scroll of Esther in southern Lebanon.

Reading the Scroll of Esther in southern Lebanon.

Amit Segal

30,792 次观看 • 3 个月前

extra detail: animate a CSS custom property from 0 to 100 on scroll and use that for a counter() label::after { content: counter(complete) '% complete'; } translate the label using container query units ✨ translate: 0 calc(var(--p) * 1cqh);

extra detail: animate a CSS custom property from 0 to 100 on scroll and use that for a counter() label::after { content: counter(complete) '% complete'; } translate the label using container query units ✨ translate: 0 calc(var(--p) * 1cqh);

jhey ʕ•ᴥ•ʔ

77,042 次观看 • 1 年前