Home
คอร์สสอน เขียนแอพไอโฟน ดัวยภาษา Swift ตัวต่อตัว บริษัท ดิจิตอล บัตเลอร์
ก่อนอื่นต้องขอบคุณ น้องๆ บริษัท ดิจิตอล บัตเลอร์ มากๆ นะครับ ทีมาเรียน คอร์ส Codding iOS with Swift กับมาสเตอร์ วันเสาร์อาทิตย์ ที่ 29,30 กันยายน 2018 ที่ผ่านมา
สอนกันแบบ ตัวต่อตัว เลย เลือกหัวข้อที่อยากรู้ได้
เริ่มจาก ศูนย์ จน สามารถเชื่อมต่อ ข้อมูล บน Server จริงได้
เรียนการออกแบบ UI บน Xcode 10 ตัวใหม่ล่าสุด https://www.androidthai.in.th/article-ios-swift/170-install-xcode-for-ios-swift
Read more: คอร์สสอน เขียนแอพไอโฟน ดัวยภาษา Swift ตัวต่อตัว บริษัท ดิจิตอล บัตเลอร์
Basic Row and Column on Flutter Step2
มาแล้วครับ Basic การใช้ Column และ Row ต่อจากตอนที่แล้ว มาต่อกันครับ
ต่อจากตอนที่แล้ว ให้เปลี่ยนเทคจาก Column มาเป็น Row เหมือนเดิมครับ
ลองทดสอบโค้ด โดย พิมพ์ flutter run ที่ Terminal จะเห็น Widget เราเรียงจากซ้ายไปขวาแบบนี้ครับ
Basic Row and Column on Flutter Step1
ความจริง มาสเตอร์ เคยเขียน บทความที่เกี่ยวข้องกับ การใช้ Row และ Column ไปแล้วนะ http://androidthai.in.th/android-flutter/147-container-column-row-on-flutter-layout หลายท่านเข้ามา Comment บอก ขยายความนิด ก็เลยทำบทความนี่ขึ้นมาใหม่ครับ
เริ่มจากการที่เราสร้าง AppBar ออกมาก่อน
ใน Scaffold จะมี appBar และ body
การใช้ AppBar บน Flutter
ตามหัวข้อเลยครับ การใช้ AppBar บน Flutter เริ่มจาก การสร้าง โปรเจ็ค Flutter ขึ้นมาก่อน http://androidthai.in.th/android-flutter/171-create-project-flutter-by-terminal-on-mac
และขั้นตอนต่อไป ก็ เปิดโปรเจ็ค Flutter ที่สร้างด้วย VS code http://androidthai.in.th/android-flutter/172-open-project-flutter-by-vs-code-on-mac ลบโค้ดที่ main.dart ออกทั้งหมด
เริ่มจากการ import material.dart มาทำงานก่อน
สร้าง main Method หรือ จะเรียนก main Function ก็ได้นะ
Update to Android Studio 3.2
ยินดีต้อนรับ Andrdoid Studio 3.2 ครับ
ไม่มีเหตุผมที่ต้องรอ เปิด Android Studio ขึ้นมา อัพเดทกันเลยครับ
ไปที่หน้า Welcome โดยการ File > Close Project ครับ จะได้หน้าแบบนี้
การเลือกอุปกรณ์ ในการทดสอบโค้ด Flutter
โจทย์เป็นอย่างนี่ มาสเตอร์เสียบอุปกรณ์ มือถือ หรือ เปิด Genymotion พร้อมกัน 2 ตัว หรือ เปิด พร้อมเสียบมือถือเมือเรา สั่งคำสั่ง flutter run
มันจะถามว่า จะให้ รันบนอุปกรณตัวไหน ? จาก ภาพ มี Samsung กับ Lenovo
สังเกตุที่เครื่องแต่ละ เครืองจะมี deviceId อยู่เราสามารถระบุได้ โดยพิมพ์คำสั่ง flutter run -d deviceID ครับ