Google Flutter

Flutter 3 นาที กับ Opacity: สร้างเอฟเฟค UI โปร่งแสง ง่ายจัง!

เรื่องที่เกี่ยวข้อง - ,

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 ทุกโปรเจค มีระบบถามตอบ กรณีติดปัญหา

 

Loading Facebook Comments ...
Menu