Skip to content

Conversation

@TahaTesser
Copy link
Member

This PR generates all the AnimatedIcons for flutter/flutter#113075.

The issue requests images or better, gifs, diagram_generator only support generating mp4 files for animations.

I could manually run ffmpeg command to convert these .mp4s to .gifs and update this PR.

Like this, ffmpeg -i add_event.mp4 add_event.gif

or

I'm somewhat familiar with ffmpeg, I could add support for generating gifs in bin/generate.dart in a separate PR.

Pre-launch Checklist

  • I read the Contributor Guide and followed the process outlined there for submitting PRs.
  • I read the Tree Hygiene wiki page, which explains my responsibilities.
  • I read the Flutter Style Guide recently, and have followed its advice.
  • I signed the CLA.
  • I listed at least one issue that this PR fixes in the description above.
  • I updated/added relevant documentation (doc comments with ///).
  • I added new tests to check the change I am making, or this PR is test-exempt.
  • All existing and new tests are passing.

If you need help, consider asking for advice on the #hackers-new channel on Discord.

@TahaTesser
Copy link
Member Author

Requesting @gspencergoog for review, since he is responsible for adding ffmpeg :)

@gspencergoog
Copy link
Contributor

We use mp4s and ffmpeg because the files are smaller, and the quality is much better, and we can also do higher frame rates if we want to. Why would we want to use GIFs?

@TahaTesser
Copy link
Member Author

@gspencergoog
Hans Muller in flutter/flutter#113075 proposed "animated GIFs".
I can totally the update PR to add tap action to play MP4s. (similar to one found in SlideTransition)

@TahaTesser
Copy link
Member Author

@HansMuller
Do you have any suggestions?

@gspencergoog
Copy link
Contributor

These look pretty good, but could you maybe increase the size to a size that is larger than usual so that it's easier to press play, and easier to see the details of the icons?

@TahaTesser
Copy link
Member Author

These look pretty good, but could you maybe increase the size to a size that is larger than usual so that it's easier to press play, and easier to see the details of the icons?

For sure, I only kept them small, in case, we need to convert them to small gifs. For press play, I would increase the size.

@TahaTesser
Copy link
Member Author

@gspencergoog
Updated the size to 72px.

Screen.Recording.2022-10-14.at.11.14.35.mov

Comment on lines 54 to 59
)..addListener(() {
setState(() {
// The animation controller is changing the animation value, so we
// need to redraw.
});
});
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

AnimatedBuilder is a cleaner way of rebuilding subtrees when a Listenable updates

@TahaTesser TahaTesser force-pushed the animated_icons_diagrams branch from 642ebbd to 6538e3b Compare October 18, 2022 08:50
@TahaTesser TahaTesser requested a review from pingbird October 18, 2022 08:56
Copy link
Contributor

@gspencergoog gspencergoog left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

32384589-a60f0e74-c078-11e7-9bc1-e5b5287aea9d

@TahaTesser TahaTesser merged commit f76ffc9 into flutter:master Oct 19, 2022
@TahaTesser TahaTesser deleted the animated_icons_diagrams branch October 19, 2022 07:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants