Copyright 2024 - Custom text here

ต่อยอดจากตอนที่แล้ว ที่เราได้สร้าง Navivation Bar ไว้ มาทีนี้เราจะสร้าง TextField สำหรับ กรอกข้อความที่ต้องการ ส่งไป ViewController ที่สอง และ Button สำหรับกดเพื่อส่ง

 

เริ่มจากการไปที่ Library และ Search  หาคำว่า Text จะเห็น Text Field ครับ

ลากไปวางไว้ใน Screen จัดให้อยู่ตรงกลางได้เลยครับ

ผูก Constraints 3 ด้านแบบนี้ครับ

 

 

กำหนด Placeholder  ของ TextField เป็น Message

ต่อไป กลับมาที่ Library ให้ Search หาคำว่า Button

Drag and Drop ที่กลาง Screen ใต้ Text Field แบบนี้ครับ

กำหนด Title เป็น Sent Message

กำหนด Background Button

 เปลี่ยนสี Text ตรง Text Color

กำหนด Style Font ให้ Bold

 

คลิกที่ View

กำหนดสีพื้นหลังของ View ใหม่ครับ จะได้  UI ของ ViewController แรก แบบนี้ครับ

 

 

 

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

privateProject2019v1

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

privateAndroid2019v1

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

privateIos2019V1

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

privateFlutter2019v1

f t g