Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

feat(ios): add iOS 17+ symbol effects #13982

Merged
merged 4 commits into from
Jun 15, 2024

Conversation

hansemannn
Copy link
Collaborator

@hansemannn hansemannn commented Feb 3, 2024

The PR adds the new iOS 17+ symbol effect API to bounce / scale / fade images natively with peak-performance. Example video:

bounce.mp4
const win = Ti.UI.createWindow({ backgroundColor: '#fff' });

const imageView = Ti.UI.createImageView({
	image:  Ti.UI.iOS.systemImage('folder'),
	height: Ti.UI.FILL
});

imageView.addSymbolEffect({
	symbolEffect: 'bounce',
	animated: true,
	options: { repeatCount: 4 }
});

win.add(imageView);
win.open();

@designbymind
Copy link

Awesome addition! — Excited to test this out 🥽 — Question: could this work for Button views as well? — I mainly use iOS Symbols with the Button element as they make excellent icon buttons and support a 'pressed' effect (on touch) with tintColor and a disabled state (grayed-out color)...

@hansemannn
Copy link
Collaborator Author

Yes, that could be implemented exactly the same way.

@hansemannn hansemannn merged commit 84ccadb into tidev:master Jun 15, 2024
6 checks passed
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants