Flutter UI實作教學影片推薦:Despicable Me Characters

Table of Contents

Table of Contents

在youtube上看到這部UI實作教學,簡單地兩個頁面中設計出相當漂亮的介面,且都是使用一些常見的Widget。看了看覺得在設計介面與使用UI上有很多直得參考的地方。記錄下來對日後會有相當大的幫助。



Widget

大致上使用到的Widget

  • RichText
  • Container
  • Align
  • Stack
  • ClipPath

另外還有開頭時談論到了Theme相關的設定。


個人所得

一開始就對人物圖像後面的背景塊相當感興趣,一開始以為是用圖片,後來發現原來可以用ClipPath來設計出各種形狀的圖形,真是學習了不少。另外也對Theme, Appbar, SafeArea, Align, BoxDecoration做了複習,像這樣觀看別人一點一滴的實作過程,真的能吸收許多不一樣的知識。


參考

程式碼:https://github.com/TechieBlossom/despicable_me_characters_app/tree/part1