Copyright 2019 - Custom text here

จากครั้งที่แล้วที่มาสเตอร์ กำหนด ตำแหน่งของ Widget โดยการใช้ FractionalOffset ที่นี่เราจะมาดู การกำหนด ตำแหน่ง ของ Widget อีกแบบ โดยการใช้ Alignment แบบ กำหนด x, y  ครับ

Screen Shot 2562 02 24 at 064444

 

ใส่ Alignment ที่ 0,0 และ ลองดูผลลัพธ์

Screen Shot 2562 02 24 at 064447

จะเห็น ว่า Text Widget ไปอยู่ที่ Center ของ Screen

Screen Shot 2562 02 24 at 065443

เราสามารถกำหนด แบบนี่ได้นะครับ

Screen Shot 2562 02 24 at 065502

กลาง ด้านบน แบบนี่ครับ

Screen Shot 2562 02 24 at 065531

มาจากโค้ดนี่ ครับ 

Screen Shot 2562 02 24 at 070238

ต่อไป เรามากำหนดให้ Container ห่างจากวัตถุ รอบด้าน (บน, ล่าง, ซ้าย, ขวา) ขนาด 40

Screen Shot 2562 02 24 at 070240

จะได้แบบนี่ครับ

Screen Shot 2562 02 24 at 070517

 เราสามารถกำหนด Margin เฉพาะ ด้านได้ จากตัวอย่างเป็น ด้านบน

Screen Shot 2562 02 24 at 070519

จะได้ผลแบบนี่ครับ

Screen Shot 2562 02 24 at 070615

 

ส่วนนี่โค้ดตัวอย่าง ทำ margin เฉพาะด้านขวา

Screen Shot 2562 02 24 at 070617

 

 ลองดูครับไม่ยาก สำหรับใครที่ทำไม่ได้ อย่างไร ? ลองมาเรียน Flutter ตัวต่อตัวที่ https://www.androidthai.in.th/private-project-android-flutter-course.html ได้ครับ จองเวลาก่อน คิวยาวววว มาก

 

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

privateProject2019v1

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

privateAndroid2019v1

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

privateIos2019V1

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

privateFlutter2019v1

f t g