Animations (Flutter Package of the Week)YouTube↗  IA↗(long shot)
Science & Technology  86K views 3.3K likes   11 Feb 2021
Flutter 631K subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
[Flutter]
[今週のパッケージ]
Программный пакет недели
[package:animations]
package:animations
Flutterでは無数の方法で アニメーションを作成でき
Flutter предоставляет множество способов создания анимаций.
フレーム単位で カスタマイズもできますが
Их можно настроить вплоть до кадра.
優れたデフォルトアニメーションだけを 求めている場合もあります
Но иногда вам просто нужен уже готовый переход –
デザイン性が高く自然で
анимация, которая выглядит красиво и естественно
アプリを美しく便利にしてくれる アニメーションです
и делает ваше приложение более привлекательным и удобным.
美しく便利なアニメーションを 時間をかけ検討しているのは
Знаете, кто постоянно думает о красивых и удобных анимациях?
マテリアルデザインチームです
Команда Material Design.
このチームはまた <i>animation</i>という Flutterパッケージを管理しています
Эта команда также отвечает за пакет <i>animations</i>.
このパッケージに含まれる さりげなくも美しいアニメーションによって
В этом пакете есть несколько малозаметных, но эффектных анимаций.
アプリの内容が伝わりやすくなります
Они помогут пользователям понять, что происходит в приложении.
例えば 画面上の小さな要素から 詳細ページへ遷移させる場合
Например, вы хотите сделать переход от небольшого элемента к экрану с подробной информацией.
<i>OpenContainer</i>を使用できます
Используйте <i>OpenContainer</i>,
それを<i>builders</i>に与え<i> closed</i>と<i>open</i>ウィジェットを返します
назначьте <i>builders</i> и верните виджеты <i>closed</i> и <i>open</i>.
<i>closed</i>ウィジェットはこのように タップで開く前のものです
Виджет <i>closed</i> – то, что вы видите до того, как откроете элемент.
カードやボタンやテキストなど あらゆるウィジェットの場合があります
Это может быть карточка, кнопка или текст – любой виджет.
<i>open</i>ウィジェットで 小さなウィジェットが拡大します
Виджет <i>open</i> – то, что получится в результате раскрытия маленького виджета.
これも あらゆるウィジェットの場合があります
Опять же, это может быть любой виджет.
<i>builders</i>を使って ウィジェットを定義すると
Вы определяете виджеты, используя <i>builders</i>,
<i>BuildContext</i>を取得できますが
которые дают вам <i>BuildContext</i>,
コールバックもされることで
а также обратный вызов,
プログラムで開閉できます
позволяющий открывать и закрывать на программном уровне.
アニメーション遷移を
Вы можете добавить настройки перехода,
<i>Colors</i>や<i>Duration</i> その他コールバックなどで さらにカスタマイズすることも可能です
такие как <i>Colors</i>, <i>Duration</i>, другие обратные вызовы и так далее,
カスタマイズしなくても 難なくきれいな アニメーション遷移が手に入ります
но даже без них у вас легко получится красивый переход.
<i>package:animations</i>で提供される ウィジェットは他にもありますので
Это только один из виджетов в <i>package:animations</i>.
pub.devをご覧ください
Заходите на <i>pub.dev</i>, чтобы увидеть остальные.
Similar videos:

flutter_slidable (Flutter Package of the Week)
Flutter
92.6K views 4.1K likes 9 dislikes 11 Mar 202163% match

DataTable (Flutter Widget of the Week)
Flutter
132.3K views 3.7K likes 12 dislikes 24 Oct 201959% match

ToggleButtons (Flutter Widget of the Week)
Flutter
47.5K views 1.6K likes 12 dislikes 04 Dec 201959% match

GridView (Flutter Widget of the Week)
Flutter
25.8K views 1.3K likes 5 dislikes 19 Nov 202058% match

TweenAnimationBuilder (Flutter Widget of the Week)
Flutter
30.9K views 821 likes 5 dislikes 10 Jan 202057% match

CupertinoActionSheet (Flutter Widget of the Week)
Flutter
20.2K views 671 likes 3 dislikes 19 Dec 201957% match

Drawer (Flutter Widget of the Week)
Flutter
35.6K views 1.2K likes 4 dislikes 28 Jan 202057% match

Slider, RangeSlider, and CupertinoSlider(Flutter Widget of the Week)
Flutter
49.4K views 1.2K likes 2 dislikes 31 Oct 201956% match

InteractiveViewer (Flutter Widget of the Week)
Flutter
93.4K views 4.4K likes 17 dislikes 05 Nov 202056% match

RotatedBox (Flutter Widget of the Week)
Flutter
38.8K views 2.1K likes 4 dislikes 25 Mar 202155% match

ColorFiltered (Flutter Widget of the Week)
Flutter
29.5K views 1.1K likes 5 dislikes 27 Nov 201955% match

SliverAppBar (Flutter Widget of the Week)
Flutter
79.1K views 3.2K likes 13 dislikes 22 Oct 202055% match

AlertDialog (Flutter Widget of the Week)
Flutter
150K views 2.3K likes 20 dislikes 06 Nov 201953% match

Divider (Flutter Widget of the Week)
Flutter
29.6K views 1.1K likes 8 dislikes 01 Apr 202053% match

CheckboxListTile (Flutter Widget of the Week)
Flutter
41.8K views 1.6K likes 10 dislikes 22 May 202053% match

SelectableText (Flutter Widget of the Week)
Flutter
33.9K views 965 likes 7 dislikes 17 Oct 201953% match

Image (Flutter Widget of the Week)
Flutter
48.4K views 1.7K likes 5 dislikes 13 Jan 202052% match

ListView (Flutter Widget of the Week)
Flutter
113.5K views 1.7K likes 10 dislikes 26 Sep 201952% match

AnimatedWidget (Flutter Widget of the Week)
Flutter
41K views 1.4K likes 15 dislikes 30 Apr 202052% match

AnimatedCrossFade (Flutter Widget of the Week)
Flutter
102.1K views 2.2K likes 14 dislikes 13 Nov 201952% match

Package:async (Package of the Week)
Flutter
38.6K views 1.4K likes 9 dislikes 03 Jul 202052% match

PhysicalModel (Flutter Widget of the Week)
Flutter
104.8K views 4.2K likes 30 dislikes 28 Jan 202152% match

Location (Flutter Package of the Week)
Flutter
83.3K views 2.9K likes 17 dislikes 17 Dec 202051% match

NotificationListener (Flutter Widget of the Week)
Flutter
47.8K views 1.4K likes 10 dislikes 05 Mar 202051% match

DraggableScrollableSheet (Flutter Widget of the Week)
Flutter
97.2K views 2.1K likes 6 dislikes 20 Nov 201951% match

ClipPath (Flutter Widget of the Week)
Flutter
37.8K views 1.4K likes 6 dislikes 18 Mar 202051% match

AboutDialog (Flutter Widget of the Week)
Flutter
107.9K views 3.8K likes 18 dislikes 29 May 202051% match

SnackBar (Flutter Widget of the Week)
Flutter
101.6K views 2K likes 15 dislikes 03 Feb 202051% match

ShaderMask (Flutter Widget of the Week)
Flutter
87.1K views 2.7K likes 6 dislikes 27 Feb 202050% match

CupertinoActivityIndicator (Flutter Widget of the Week)
Flutter
29K views 871 likes 4 dislikes 17 Apr 202050% match


Settings Privacy About Contact Donate