Exercice 4 +5

lib/Exo.dart

@@ -2,7 +2,9 @@ import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'dart:math' as math;
 
-class Exercice1 extends StatelessWidget {
+import 'Tile.dart';
+
+class DisplayImage extends StatelessWidget {
 
   Widget build(BuildContext context) {
     var mediaQueryData = MediaQuery.of(context);
@@ -20,19 +22,18 @@ class Exercice1 extends StatelessWidget {
   }
 }
 
-class Exercice2 extends StatefulWidget {
+class RotateResizeMirrorWidget extends StatefulWidget {
 
   @override
-  _Exercice2State createState() => _Exercice2State();
+  _RotateResizeMirrorWidgetState createState() => _RotateResizeMirrorWidgetState();
 }
 
-class _Exercice2State extends State<Exercice2> {
+class _RotateResizeMirrorWidgetState extends State<RotateResizeMirrorWidget> {
   double _currentSlider1Value = 0.0;
   double _currentSlider2Value = 0.0;
   double _currentSlider3Value = 100.0;
   bool _mirror = false;
   Image image = Image.network("https://picsum.photos/512/1024");
-  double _size;
 
   @override
   Widget build(BuildContext context) {
@@ -156,7 +157,7 @@ class _Exercice2State extends State<Exercice2> {
   }
 }
 
-  class Exercice3 extends StatelessWidget{
+class DisplayExercice extends StatelessWidget{
     @override
     Widget build(BuildContext context) {
       return ListView(
@@ -165,18 +166,34 @@ class _Exercice2State extends State<Exercice2> {
             ListTile(
               title: Text("Exercice 1"),
               subtitle: Text("Affichage d'une image"),
-              leading: Icon(Icons.play_arrow_rounded),
+              leading: Icon(Icons.wb_sunny_outlined),
               onTap: (){
-              Navigator.push(context, MaterialPageRoute(builder: (context)=>Exercice1()));
+              Navigator.push(context, MaterialPageRoute(builder: (context)=>DisplayImage()));
           },)),
           Card(child:
             ListTile(
-              leading: Icon(Icons.play_arrow_rounded),
+              leading: Icon(Icons.wb_sunny_outlined),
               title: Text("Exercice 2"),
               subtitle: Text("Rotation, taille et mode miroir"),
               onTap: (){
-                Navigator.push(context, MaterialPageRoute(builder: (context)=>Exercice2()));
-              },))
+                Navigator.push(context, MaterialPageRoute(builder: (context)=>RotateResizeMirrorWidget()));
+              },)),
+          Card(child:
+            ListTile(
+              leading: Icon(Icons.wb_sunny_outlined),
+              title: Text("Exercice 4"),
+              subtitle: Text("Affichage d'une tuile a a partir d'une image"),
+              onTap: (){
+                Navigator.push(context, MaterialPageRoute(builder: (context)=>DisplayTileWidget()));
+            },)),
+          Card(child:
+            ListTile(
+              leading: Icon(Icons.wb_sunny_outlined),
+              title: Text("Exercice 5"),
+              subtitle: Text("Affichage d'une tuile a a partir d'une image"),
+              onTap: (){
+                Navigator.push(context, MaterialPageRoute(builder: (context)=>ImageGridViewTile()));
+            },))
         ],
 
       );
@@ -185,22 +202,5 @@ class _Exercice2State extends State<Exercice2> {
 
   }
 
-  class Exercice4 extends StatelessWidget{
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-        appBar: AppBar(
-
-          title: Text("Exercice 1"),
-        ),
-        body: Center(
-          child: Container(
-              child: Image.network("https://picsum.photos/512/1024")),
-        )
-    );
-  }
-
-
-  }
 
 

lib/Tile.dart

+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+class Tile {
+  String imageURL;
+  Alignment alignment;
+  String imageGenerator = "https://picsum.photos/512";
+
+  Tile({this.imageURL, this.alignment});
+
+  Widget croppedImageTile() {
+    return FittedBox(
+      fit: BoxFit.fitWidth,
+      child: ClipRect(
+        child: Container(
+          child: Align(
+            alignment: this.alignment,
+            widthFactor: 0.3,
+            heightFactor: 0.3,
+            child: Image.network(this.imageURL),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+Tile tile = new Tile(
+    imageURL: "https://picsum.photos/512", alignment: Alignment(0, 0));
+
+class DisplayTileWidget extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('Exercice 4'),
+      ),
+      body: Center(
+          child: Column(children: [
+            SizedBox(
+                width: 150.0,
+                height: 150.0,
+                child: Container(
+                    margin: EdgeInsets.all(20.0),
+                    child: this.createTileWidgetFrom(tile))),
+            Container(
+                height: 200,
+                child: Image.network("https://picsum.photos/512",
+                    fit: BoxFit.cover))
+          ])),
+    );
+  }
+
+  Widget createTileWidgetFrom(Tile tile) {
+    return InkWell(
+      child: tile.croppedImageTile(),
+      onTap: () {
+        print("tapped on tile");
+      },
+    );
+  }
+}
+
+////////////////////////////////////////////////////////////////////////Exo5//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+class TileUp {
+  String imageURL;
+  Alignment alignment;
+
+  TileUp({this.imageURL, this.alignment});
+
+  Widget croppedImageTile(int size) {
+    return FittedBox(
+      fit: BoxFit.fill,
+      child: ClipRect(
+        child: Container(
+          child: Align(
+            alignment: this.alignment,
+            widthFactor: 1/size,
+            heightFactor: 1/size,
+            child: Image.network(this.imageURL),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class ImageGridViewTile extends StatefulWidget{
+  @override
+  _ImageGridViewTileState createState() => _ImageGridViewTileState();
+}
+
+class _ImageGridViewTileState extends State<ImageGridViewTile> {
+  int _currentSliderValue = 3;
+
+  String imageURL = "https://picsum.photos/512";
+  List <TileUp> _listTile = <TileUp>[];
+
+  List <TileUp> createListTile ()
+  {
+    double pas = (2/((_currentSliderValue-1)));
+    List <TileUp> _listTile = <TileUp>[];
+    double i;
+    double j;
+    for(i = -1 ; i <=1; i+=pas)
+    {
+      for (j=-1; j<=1; j +=pas) {
+          _listTile.add(new TileUp(
+              imageURL: imageURL,
+              alignment:Alignment(j, i)));
+      }
+    }
+    return _listTile;
+  }
+  Widget createTileUpWidgetFrom(TileUp tile, int size) {
+    return InkWell(
+      child: tile.croppedImageTile(size),
+      onTap: () {
+        print("tapped on tile");
+      },
+    );
+  }
+
+  List<Widget> createWidgetList(List<TileUp> lt,int size){
+    List<Widget> lw =<Widget>[];
+    for(int i=0;i<lt.length;i++){
+      lw.add(createTileUpWidgetFrom(lt[i], size));
+    }
+    return lw;
+  }
+
+
+  Widget build(BuildContext context) {
+    var mediaQueryData = MediaQuery.of(context);
+    _listTile = createListTile();
+
+    return Scaffold(
+        appBar: AppBar(
+          title: Text("Exercice 5"),
+        ),
+        body: Center(
+          child: ListView(
+            scrollDirection: Axis.vertical,
+            shrinkWrap: true,
+            children: [
+              SizedBox(
+                height: 500,
+                width: 400,
+                child:Container(
+                    child: GridView.count(
+                      children: createWidgetList(_listTile, _currentSliderValue),
+                          mainAxisSpacing: 2,
+                          crossAxisSpacing: 2,
+                          crossAxisCount: _currentSliderValue,
+                          scrollDirection: Axis.vertical,
+                          shrinkWrap: true,
+                  ),
+                ),
+              ),
+              Container(
+                width: mediaQueryData.size.width * (7 / 8),
+                child: Slider(
+                    value: _currentSliderValue.toDouble(),
+                    min: 1,
+                    max: 10,
+                    divisions: 10,
+                    label: _currentSliderValue.round().toString(),
+                    onChanged: (double value) {
+                      setState(() {
+                        _currentSliderValue = value.toInt();
+                      });
+                    }),)
+            ],
+          )
+        )
+    );
+  }
+
+
+}
\ No newline at end of file

lib/main.dart

@@ -34,7 +34,7 @@ class _MyHomePageState extends State<MyHomePage> {
   @override
 
   //static Exercice1 exo1 = new Exercice1();
-  static Exercice3 exo3 = new Exercice3();
+  static DisplayExercice exo3 = new DisplayExercice();
   @override
   Widget build(BuildContext context) {
     return Scaffold(

pubspec.lock

@@ -7,42 +7,42 @@ packages:
       name: async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.5.0-nullsafety.1"
+    version: "2.5.0"
   boolean_selector:
     dependency: transitive
     description:
       name: boolean_selector
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.0-nullsafety.1"
+    version: "2.1.0"
   characters:
     dependency: transitive
     description:
       name: characters
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.0-nullsafety.3"
+    version: "1.1.0"
   charcode:
     dependency: transitive
     description:
       name: charcode
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.2.0-nullsafety.1"
+    version: "1.2.0"
   clock:
     dependency: transitive
     description:
       name: clock
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.0-nullsafety.1"
+    version: "1.1.0"
   collection:
     dependency: transitive
     description:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.15.0-nullsafety.3"
+    version: "1.15.0"
   cupertino_icons:
     dependency: "direct main"
     description:
@@ -56,7 +56,7 @@ packages:
       name: fake_async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.2.0-nullsafety.1"
+    version: "1.2.0"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -73,21 +73,21 @@ packages:
       name: matcher
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.12.10-nullsafety.1"
+    version: "0.12.10"
   meta:
     dependency: transitive
     description:
       name: meta
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.3.0-nullsafety.3"
+    version: "1.3.0"
   path:
     dependency: transitive
     description:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.0-nullsafety.1"
+    version: "1.8.0"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -99,55 +99,55 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.0-nullsafety.2"
+    version: "1.8.0"
   stack_trace:
     dependency: transitive
     description:
       name: stack_trace
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.10.0-nullsafety.1"
+    version: "1.10.0"
   stream_channel:
     dependency: transitive
     description:
       name: stream_channel
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.0-nullsafety.1"
+    version: "2.1.0"
   string_scanner:
     dependency: transitive
     description:
       name: string_scanner
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.1.0-nullsafety.1"
+    version: "1.1.0"
   term_glyph:
     dependency: transitive
     description:
       name: term_glyph
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.2.0-nullsafety.1"
+    version: "1.2.0"
   test_api:
     dependency: transitive
     description:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.2.19-nullsafety.2"
+    version: "0.2.19"
   typed_data:
     dependency: transitive
     description:
       name: typed_data
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.3.0-nullsafety.3"
+    version: "1.3.0"
   vector_math:
     dependency: transitive
     description:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.0-nullsafety.3"
+    version: "2.1.0"
 sdks:
-  dart: ">=2.10.0-110 <2.11.0"
+  dart: ">=2.12.0-0.0 <3.0.0"