Google Flutter วันละนิดกับโค้ชพลวันนี้ เราจะมาพูดถึง Opacity Widget ที่สามารถทำให้ส่วน User Interface หรือรูปภาพในแอพของเราโปร่งแสง มองทะลุได้ดั่งใจ
จริงอยู่ว่าในการออกแบบแอพพลิเคชั่น เราสามารถให้นักออกแบบ (Designer) สร้างตัวงาน UI ให้โปร่งแสงได้ แต่การเลือกใช้วิธีนี้ อาจจะทำให้การแก้ไขภายหลังมีความยุ่งยากในการแก้งานภาพไปมา
จะดีกว่าไหม หากเราสามารถกำหนดความโปร่งแสงของรูปภาพ (Image) หรือ User Interface ที่ต้องการจากโค้ดในโปรเจค Flutter ของเรา?
และที่สำคัญเรายังสามารถเล่นแอนิเมชั่นกับเอฟเฟคโปร่งแสงนี่ได้ด้วยนะ
มาเรียนรู้วิธีใช้งานไปพร้อมกันเลย
เรื่องที่เราจะคุย และทำกันในคลิปวิดีโอ
- ทำภาพ, UI โปร่งแสงยังไง ไม่ต้องแก้ที่ตัวไฟล์
- เรียนรู้การทำงานของ Opacity Widget
- วิธีการกำหนดความโปร่งแสงของรูปภาพ และ Widget อื่นๆ ด้วย Opacity Widget
- วิธีการเล่นแอนิเมชั่นโปร่งแสงรูปภาพ และ Widget อื่นๆ ด้วย AnimatedOpacity
สามารถโคลนโปรเจคมาทำไปด้วยกันได้จาก
https://github.com/teerasej/nextflow-flutter-widget-today-animate-opacity
ดูวิดีโอทั้งหมดในซีรี่ย์ Flutter 3 นาที
และยังสามารถกดดูวิดีโอทั้งหมดในซีรี่ส์ Flutter 3 นาที ได้ที่นี่เลย อย่าลืมกด subscribe พร้อมเปิดกระดิ่งแจ้งเตือนล่ะ
เริ่มต้นเรียนรู้สร้างแอพ iOS และ Android ด้วย Google Flutter ไปกับโค้ชพล
✅ เหมาะสำหรับผู้เริ่มต้น
✅ เขียนครั้งเดียว ใช้ได้ทั้งระบบ iOS และ Android ประหยัดเวลา
✅ เรียนได้ทุกเวลา ไม่มีวันหมดอายุ
✅ ได้รู้ตั้งแต่วิธีติดตั้งโปรแกรม จนเอาขึ้นApp Store และ Play Store
✅ ได้ทำแอพของจริง เริ่มต้นจาก 0 ทุกโปรเจค มีระบบถามตอบ กรณีติดปัญหา