Copyright 2019 - Custom text here

เรื่องสำคัญอีกเรื่อง การทำ Model สำหรับการโค้ด Flutter ครับ เรามาเริ่ม กันเลยครับ

Screen Shot 2562 01 24 at 075741

สร้าง โฟวเดอร์ เปล่า ? ก่อน

Screen Shot 2562 01 24 at 075757

ได้มาละ Folder models ที่เราจะเก็บไฟร์ Model

Screen Shot 2562 01 24 at 075827

ต่อไป สร้างไฟร์ image_model.dart ครับ

Screen Shot 2562 01 24 at 075839

ได้มาละ โมเดล ของเรา

Screen Shot 2562 01 24 at 075851

เริ่มที่นี่ครับ

Screen Shot 2562 01 24 at 075916

สร้าง คลาส ที่ชื่อว่า ImageModel แบบนี่ครับ

Screen Shot 2562 01 24 at 080205

สร้าง Field ที่เป็น ตัวแปร 3 ตัวนี้

Screen Shot 2562 01 24 at 080506

สร้าง Constructor ที่ทำหน้าที่ Setter ให้กับ Filed ทั้ง 3 ตัวนั้น

 Screen Shot 2562 01 25 at 082724

 ต่อไป มาสเตอร์​ Override เมธอด toString() เพื่อเวลา มาสเตอร์​สั่ง Print คลาส จะได้ เห็น ค่า Field ต่างๆ ทีเราให้ Model จัดการค่าไว้ครับ

Screen Shot 2562 01 25 at 082920 

ที่นี่เราจะใช้ คลาสโมเดล อย่างไร ? นี่เลย มาสเตอร์ มาที่ ตลาส App ก่อนจะใช้ คลาสโมเดล ต้อง import ก่อน

Screen Shot 2562 01 25 at 083013 

ดูวิธีการเรียกใช้ ต้อง สร้าง ออฟเจ็ค ของโมเดลก่อน imageModel และ โยนค่า id ==> มาสเตอร์ใช้ ค่าที่อยู่ใน counter ส่งไป และ testUrl , testTitle ส่งไปที่ ฟิว url , title ครับ เสร็จแล้วให้ print model

 Screen Shot 2562 01 25 at 083024

 ลองทดสอบโค้ดโดยพิมพ์ flutter run ทุกครั้งที่กด floaling จะได้ผลแบบนี่ ที่ Console ครับ ที่เราทำ เป็น การทำ Model เป็นส่วนหนึ่งของ คอร์ สอนเขียนFlutter https://www.androidthai.in.th/private-project-android-flutter-course.html สนใจ จองวันมาลุยกันเลยครับ

 

 

 

คอร์ส สอนโปรเจ็คแอนดรอยด์ ตัวต่อตัว

privateProject2019v1

คอร์ส เบสิกแอนดรอยด์ สอน ตัวต่อตัว

privateAndroid2019v1

คอร์ส iOS สอน ตัวต่อตัว

privateIos2019V1

คอร์ส Flutter สอน ตัวต่อตัว

privateFlutter2019v1

f t g