From e1c53b65f7ac750878f2364be1db657e02294f12 Mon Sep 17 00:00:00 2001 From: Hans Muller Date: Wed, 20 Jan 2016 11:03:53 -0800 Subject: [PATCH] Added section images to the gallery home page --- .../assets/section_animation.png | Bin 0 -> 4221 bytes .../assets/section_components.png | Bin 0 -> 5665 bytes .../assets/section_layout.png | Bin 0 -> 3765 bytes .../assets/section_patterns.png | Bin 0 -> 2291 bytes .../material_gallery/assets/section_style.png | Bin 0 -> 5562 bytes .../assets/section_usability.png | Bin 0 -> 10615 bytes examples/material_gallery/flutter.yaml | 6 ++ examples/material_gallery/lib/main.dart | 60 ++++++++++++++---- 8 files changed, 55 insertions(+), 11 deletions(-) create mode 100644 examples/material_gallery/assets/section_animation.png create mode 100644 examples/material_gallery/assets/section_components.png create mode 100644 examples/material_gallery/assets/section_layout.png create mode 100644 examples/material_gallery/assets/section_patterns.png create mode 100644 examples/material_gallery/assets/section_style.png create mode 100644 examples/material_gallery/assets/section_usability.png diff --git a/examples/material_gallery/assets/section_animation.png b/examples/material_gallery/assets/section_animation.png new file mode 100644 index 0000000000000000000000000000000000000000..8ada8cf0c1b6983dd50b137f3e56279421edc19c GIT binary patch literal 4221 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 Ty(VhI00000NkvXXu0mjfpHN59 literal 0 HcmV?d00001 diff --git a/examples/material_gallery/assets/section_components.png b/examples/material_gallery/assets/section_components.png new file mode 100644 index 0000000000000000000000000000000000000000..5fb17bd60fcfd62969d4f7b3d763e4bee22b52d4 GIT binary patch literal 5665 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 literal 0 HcmV?d00001 diff --git a/examples/material_gallery/assets/section_patterns.png b/examples/material_gallery/assets/section_patterns.png new file mode 100644 index 0000000000000000000000000000000000000000..c78cb8aecc78596937650489dc8ab95a7bd472c6 GIT binary patch literal 2291 zcmb7Gd05g}7yh|~NTy&qT3RltWSV7=l}(uYQb~%8TUlW-nhF);l9E`NyE%=OxkWCO zgIi{$mWGN;7Gju|DUDceBPv@6F{B^;H_!9+ecycNdG0-bocrA8-1ofaz9;jrujd-b zdI$gjYrMVO{FVOsw*>|%_v~LDmnxk)$;CSWtTZzCWCj3$Y2I$m0SP4wADoCr@AZ2o zq@1Mmlcp9P53+3^xNB8;a|s=nNG$t>8I zwGY1P=UMwxeO7xAlg#rb`=Pd)o3a$bx!>LztGa3THEe5F7dZZSC~kiBcC6OzBe3mq z_JQ8#z$Qz8$xH?bEP;KZsj}iO=1sHIdeoA48r?_*Iwys2H>B8XS70oFmt&}PpjK0i zu1Y(zd1_sr4#DQz8L2G4T@e2+IzFN+LG8B#S`;VFT#hjVUSNo7=@Rr=rlIZZ$>%aB z@(*ZHkKkmJy59}0h=u5D@Kks)1ywz+w;u$+B2gZj5H|$HXH6(ow7Kl-gZMdTELNj_ z$l5aMs(5K(Ody(iCHo*9r(=d&GW59Dub^oLnjMMk-Ey4$4S@4ZlI?n?yEN{&n8bLb{2cD_`k3&qx4`AJ~hp=mCM}(fyRf6J{U33k> z{Sp$K6oJbLvMYFa#BNH$dv}wx9PXzlWiv{QU=4{~8O#}RLR=gkfB>*JMGs$xd09ox z>aT1}5gUfXKRE?paXDbK)NY&#a7;~Bn(_H8qi_fZHmjMDSkyFSV;~d}TaA%QFHC9- zsXeTBrTm#qV92xetId$Ti{c)HTB;7AH)dXkkh!$OO{PrgRIsQJ>Zs|OI`u&ZQB&AZg<5|Ad!XH6eP``N z@%v)})JR(Z*0O)Bco*?k((?NDFJ-+k2dpz`X+lhUH^?9&MP#6GK%{YO1 zmXdGbF@sSd5KZEet7(v0Xi51H8;NJa88SYz9`Hag@$*+-QA!r5ug_i;`FQb=~X+Mo?tHc zQV1Z0b_4fGy5_jDBcU!Mt=qCXnbE(~60h(1Vs5qJYN&=o<4Pd#QhxPA`f6CqB9GgS zx7ng>?B{6{e3rk@t$zHuvuA|^4{h(#w%8-?(1QqJVACiT@%6%-?bK<>N0CV6WSz>Q z7_PlW|0-Y{qoOXzrFD5%|7Y)QSySIKb! zud#8nd0VvSMyF(Qnj~r)Gif&&u_dfwIi^Z7mTRQU;f{nij?0062&5(S<(NJ+qMp6;80bs1D~M z>1@0m^LJPlNgI80cZaizv zA5`8ROEdLb!RKRRC44*8m|MZkt*weL9hWu6V`G`2oLeNsBX;`u!M%W~_=~Z9dE1pUwXUi9Gp2%E-&5wzxCnoSR;dEwREwS<5TBOVyU**2N+9t z^cdg0$8hV6t+l0|JNxzpSGXItiSGrEe|o$C6q<$c+5Admfc@&pI$uTHi^bvJ0m-`8 z5@tK_jfE=v{q#0xeJqeO@^d#Dnkw)_dXVj;TrQ{CzN+T&c>P&a()1ji8ZYIKuQc2b zM<+hk0EGz0gzr}VAlK1oW_F#GL-c*ct15PL508U|@k=;b~=V?DOdUn36@+ zl;%&oh@df7>MYQ-YAaQ^6Zzw=e3m>;(C)Wh?=sx{o5?d))X4D#h1uh!cFHLR@OJlg Jt8+Pi>0h|=Vc!4% literal 0 HcmV?d00001 diff --git a/examples/material_gallery/assets/section_style.png b/examples/material_gallery/assets/section_style.png new file mode 100644 index 0000000000000000000000000000000000000000..3433fb2cead644555b6f799d9cd25e99f8a2e659 GIT binary patch literal 5562 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 literal 0 HcmV?d00001 diff --git a/examples/material_gallery/assets/section_usability.png b/examples/material_gallery/assets/section_usability.png new file mode 100644 index 0000000000000000000000000000000000000000..e1ba0aa601fc7bd7342b894fb5498da29d94df47 GIT binary patch literal 10615 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 colors; final String title; + final String image; + final Map colors; final List demos; void showDemo(GalleryDemo demo, BuildContext context, ThemeData theme) { @@ -81,11 +82,27 @@ class GallerySection extends StatelessComponent { child: new Container( height: 256.0, margin: const EdgeDims.all(4.0), - padding: const EdgeDims.only(left: 16.0, bottom: 16.0), decoration: new BoxDecoration(backgroundColor: theme.primaryColor), - child: new Align( - alignment: const FractionalOffset(0.0, 1.0), - child: new Text(title, style: theme.text.title) + child: new Column( + children: [ + new Flexible( + child: new Padding( + padding: const EdgeDims.symmetric(horizontal: 12.0), + child: new AssetImage( + name: image, + alignment: const FractionalOffset(0.5, 0.5), + fit: ImageFit.contain + ) + ) + ), + new Padding( + padding: const EdgeDims.all(16.0), + child: new Align( + alignment: const FractionalOffset(0.0, 1.0), + child: new Text(title, style: theme.text.title) + ) + ) + ] ) ) ) @@ -113,15 +130,28 @@ class GalleryHome extends StatelessComponent { [ new Row( children: [ - new GallerySection(title: 'Animation', colors: Colors.purple), - new GallerySection(title: 'Style', colors: Colors.green) + new GallerySection( + title: 'Animation', + image: 'assets/section_animation.png', + colors: Colors.purple + ), + new GallerySection( + title: 'Style', + image: 'assets/section_style.png', + colors: Colors.green + ) ] ), new Row( children: [ - new GallerySection(title: 'Layout', colors: Colors.pink), + new GallerySection( + title: 'Layout', + image: 'assets/section_layout.png', + colors: Colors.pink + ), new GallerySection( title: 'Components', + image: 'assets/section_components.png', colors: Colors.amber, demos: [ new GalleryDemo(title: 'Modal Bottom Sheet', builder: (_) => new ModalBottomSheetDemo()), @@ -141,8 +171,16 @@ class GalleryHome extends StatelessComponent { ), new Row( children: [ - new GallerySection(title: 'Pattern', colors: Colors.cyan), - new GallerySection(title: 'Usability', colors: Colors.lightGreen) + new GallerySection( + title: 'Patterns', + image: 'assets/section_patterns.png', + colors: Colors.cyan + ), + new GallerySection( + title: 'Usability', + image: 'assets/section_usability.png', + colors: Colors.lightGreen + ) ] ) ]