PhysicalModel (Flutter Widget of the Week)YouTube↗  IA↗(long shot)
Science & Technology  104.8K views 4.2K likes 30 dislikes   28 Jan 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
WIDGET PEKAN INI
[Music]
Semua aplikasi terbaik dimulai dengan kotak
all of the best apps
tepat di tengah layar.
start with a square squarely in the middle of the screen
Namun, untuk menjadikan ide abstrak ini lebih nyata,
but to turn this abstract idea into
kita perlu berpikir kreatif.
something more real we need to think outside the box if you look at a real
Jika melihat kotak sungguhan,
physical box the only way you're able to
kita hanya bisa melihatnya jika ada cahaya,
see it is with some light
dan cahaya itu menghasilkan bayangan.
and that light casts a shadow
Bagaimana jika kita mau kotak abstraknya punya bayangan sungguhan
what if we want our abstract boxes to
persis seperti kotak sungguhan?
have a real shadow just like a real box so that our users
Agar pengguna punya bayangan tentang apa saja isi aplikasi Anda.
have a mental model for what the things in your app are well that's what physical model is
Itulah fungsi PhysicalModel.
for
Ambil widget apa pun yang Anda garap,
just take whatever widget you're working
bungkus dalam <i>PhysicalModel</i> dan beri warna.
with wrap it inside of a physical model and give it a color but wait there's
Namun, tunggu, masih belum ada bayangannya?
still no shadow by default physical
Secara default, tinggi PhysicalModel adalah nol.
model's elevation is zero so we need to
Jadi, kita perlu angkat kotak itu agar bisa melihat bayangannya.
pick that box up to be able to see the shadow but
Namun, tak seperti dunia nyata, ada opsi tambahan
unlike the real world we have additional
untuk bayangan yang dihasilkan PhysicalModel,
options for our physical model created
seperti warnanya.
shadows like its color you can also change the
Kebulatan sudut bayangannya juga bisa diubah
roundness of the shadow's corners or
atau perbarui bentuknya.
simply update what shape it takes
Namun, saat mengutak-atik bayangan dan warnanya,
but while fiddling around with shadow
Anda mungkin heran kenapa mengubah parameter warna tak ada efeknya.
and shadow colors you might be wondering why changing the color parameter doesn't do anything
Bagaimana jika Anda mencoba mengubah keburaman kotaknya?
what if you try changing the opacity of
Apa yang ada di bawah kotak biru itu?
the box what's revealed underneath the blue box
PhysicalModel tak menyebabkan widget <i>child</i> hasilkan bayangan,
physical model doesn't cause the child widget to cast a shadow
tetapi membuat lapisan di bawahnya
but rather creates a layer underneath it
yang mewakili objek yang menghasilkan bayangan.
that represents the object casting a shadow and in fact you could
Bahkan, widget <i>child</i> bisa dihapus,
just leave the child off but then this
tetapi model ini jadi tak punya tempat
model doesn't take up any space
sehingga tak ada bayangan.
and so there's no shadow physical model
PhysicalModel sangat berguna
is super useful when you have ideas for
saat Anda punya ide untuk efek bayangan khusus.
custom shadow effects
Juga digunakan di balik layar pada widget, seperti Material
it's also used under the hood in widgets
untuk membuat bayangan materi.
like material to build well material shadows for more on
Untuk info lain tentang PhysicalModel dan widget lain,
physical model and all the other widgets
kunjungi <i>flutter.dev</i>.
head on over to flutter.dev you
Similar videos:

SwitchListTile (Flutter Widget of the Week)
Flutter
46.3K views 2.2K likes 11 dislikes 03 Dec 202060% match

InheritedWidget (Flutter Widget of the Week)
Flutter
39.5K views 649 likes 14 dislikes 07 Jun 201960% match

AnimatedSwitcher (Flutter Widget of the Week)
Flutter
83.3K views 1.7K likes 9 dislikes 25 Jul 201960% match

ReorderableListView (Flutter Widget of the Week)
Flutter
64.4K views 1.7K likes 7 dislikes 17 Jul 201960% match

AbsorbPointer (Flutter Widget of the Week)
Google for Developers
73.5K views 1.1K likes 15 dislikes 15 Jan 201960% match

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

Spacer (Flutter Widget of the Week)
Flutter
64K views 1.6K likes 5 dislikes 30 May 201960% match

ImageFiltered (Flutter Widget of the Week)
Flutter
61.2K views 2.5K likes 8 dislikes 14 Jan 202160% match

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

Opacity (Flutter Widget of the Week)
Google for Developers
62.3K views 804 likes 4 dislikes 11 Sep 201860% match

Transform (Flutter Widget of the Week)
Google for Developers
86K views 1.8K likes 10 dislikes 22 Jan 201960% match

MediaQuery (Flutter Widget of the Week)
Flutter
109.5K views 1.9K likes 7 dislikes 23 May 201960% match

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

Hero (Flutter Widget of the Week)
Google for Developers
113.5K views 1.8K likes 12 dislikes 11 Dec 201860% match

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

Container (Flutter Widget of the Week)
Flutter
127.3K views 2.1K likes 9 dislikes 10 Oct 201960% match

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

Flexible (Flutter Widget of the Week)
Flutter
85.2K views 1.5K likes 9 dislikes 17 May 201960% match

ListWheelScrollView (Flutter Widget of the Week)
Flutter
95.4K views 3.5K likes 15 dislikes 19 Feb 202060% match

BackdropFilter (Flutter Widget of the Week)
Google for Developers
93.6K views 1.5K likes 15 dislikes 29 Jan 201960% match

Tooltip (Flutter Widget of the Week)
Google for Developers
73.1K views 1.1K likes 7 dislikes 27 Dec 201860% match

Positioned (Flutter Widget of the Week)
Google for Developers
117.5K views 1.6K likes 5 dislikes 12 Feb 201960% match

SizedBox (Flutter Widget of the Week)
Flutter
61.9K views 1K likes 6 dislikes 16 Apr 201960% match

ClipRRect (Flutter Widget of the Week)
Google for Developers
86.5K views 1.2K likes 9 dislikes 27 Nov 201860% match

FutureBuilder (Flutter Widget of the Week)
Google for Developers
69.1K views 1.1K likes 7 dislikes 18 Sep 201860% match

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

Align (Flutter Widget of the Week)
Google for Developers
100.5K views 1.4K likes 13 dislikes 05 Feb 201960% match

AnimatedPositioned (Flutter Widget of the Week)
Flutter
42.2K views 866 likes 7 dislikes 30 Jul 201960% match

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

Dismissible (Flutter Widget of the Week)
Flutter
68.8K views 1.8K likes 3 dislikes 19 Mar 201960% match


Settings Privacy About Contact Donate