創頭條App
掃碼下載APP
掃碼下載APP

您是個人用戶,您可以認領企業号

第三方賬号登錄
·
·

Hello,新朋友

在發表評論的時候你至少需要一個響亮的昵稱

GO
資訊 > 企業服務 > 蘑菇雲軟件學習——Flutter第二課
分享到

蘑菇雲軟件學習——Flutter第二課

時間:07-22 17:05 轉載來源:蘑菇雲創客空間

蘑菇雲軟件學習Flutter課程第二課來啦,這周日我們接着上一周的課程,繼續學習Flutter。提前預告一下,本期Flutter課程将持續4次課程,這周日為第二課。整期課程結束你将學會如何做一個完整的APP(不包含服務器)。

01

第一課回顧

上周我們已經學習了Flutter的發展及優勢,并且編輯了第一個Flutter頁面。

學員成果圖

這周我們來學習,當頁面變的更多的時候,頁面的切換及其交互效果。

培訓内容:

Part 1 

學習如何制作多頁面的App,并且掌握頁面跳轉的管理轉換效果機理

Part 2

理解頁面轉換效果,并實踐多種頁面轉換效果

Part 3

使用Hero Widget實現專業的交互效果

02

什麼是路由管理

路由(Route)在移動開發中通常指頁面(Page),這跟web開發中單頁應用的Route概念意義是相同的,Route在Android中通常指一個Activity,在iOS中指一個ViewController。所謂路由管理,就是管理頁面之間如何跳轉,通常也可被稱為導航管理。這和原生開發類似,無論是Android還是iOS,導航管理都會維護一個路由棧,路由入棧(push)操作對應打開一個新頁面,路由出棧(pop)操作對應頁面關閉操作,而路由管理主要是指如何來管理路由棧。

03

什麼是頁面轉換的動畫

在任何系統的UI框架中,動畫實現的原理都是相同的,即:在一段時間内,快速地多次改變UI外觀,由于人眼會産生視覺暫留,最終看到的就是一個“連續”的動畫,這和電影的原理是一樣的,而UI的一次改變稱為一個動畫幀,對應一次屏幕刷新,而決定動畫流暢度的一個重要指标就是幀率FPS(Frame Per Second),指每秒的動畫幀數。很明顯,幀率越高則動畫就會越流暢。一般情況下,對于人眼來說,動畫幀率超過16FPS,就比較流暢了,超過32FPS就會非常的細膩平滑,而超過32FPS基本就感受不到差别了。由于動畫的每一幀都是要改變UI輸出,所以在一個時間段内連續的改變UI輸出是比較耗資源的,對設備的軟硬件系統要求都較高,所以在UI系統中,動畫的平均幀率是重要的性能指标,而在Flutter中,理想情況下是可以實現60FPS的,這和原生應用動畫基本是持平的。

04

什麼是Hero動畫

Hero指的是可以在路由(頁面)之間“飛行”的widget,簡單來說Hero動畫就是在路由切換時,有一個共享的Widget可以在新舊路由間切換,由于共享的Widget在新舊路由頁面上的位置、外觀可能有所差異,所以在路由切換時會逐漸過渡,這樣就會産生一個Hero動畫。

你可能多次看到過 hero 動畫。例如,一個路由中顯示待售商品的縮略圖列表,選擇一個條目會将其跳轉到一個新路由,新路由中包含該商品的詳細信息和“購買”按鈕。在Flutter中将圖片從一個路由“飛”到另一個路由稱為hero動畫,盡管相同的動作有時也稱為 共享元素轉換。

05

提前安裝開發環境

此次課程需要自帶電腦,并且一定提前安裝好開發環境。并且電腦系統要求為win10、mac、linux。特别注意不可以是win7,以免發生無法運行的情況。

Windows環境: https://flutterchina.club/setup-windows/

Mac OS環境: https://flutterchina.club/setup-macos/

官方課程:

https://codelabs.flutter-io.cn/

注意事項

1、對軟件學習感興趣就可以參與進來,我們歡迎沒有基礎的小白。

2、需要自帶電腦,win10/mac/linux系統

3、必須提前安裝好開發環境

4、我們都是個人愛好者,歡迎更多的愛好者加入。

掃碼報名

時間:2019-07-21   16:00 - 18:00

地址:上海市浦東新區博雲路111号 B1

溫馨

提醒

蘑菇雲創客空間正在進行空間的整理,希望各位會員盡快取回或标注個人物品,無人認領的物品默認由空間處理,謝謝大家配合!

2013年11月9日蘑菇雲首次對外開放,這是浦東第一家創客空間。【蘑菇雲開放夜】每周在浦東(周四)、DIY、工作坊等創客方式向社會大衆開放,讓所有人感受自由自造的魅力,分享創造的喜悅!

  蘑菇雲創客空間

   自由自造的

   分享、學習

聲明:本文由蘑菇雲創客空間企業号發布,依據企業号用戶協議,該企業号為文章的真實性和準确性負責。創頭條作為品牌傳播平台,隻為傳播效果負責,在文章不存在違反法律規定的情況下,不繼續承擔甄别文章内容和觀點的義務。

評論

未登錄的遊客
遊客

閱讀下一篇

夜經濟·專訪 | 91歲電影院為何熱衷“夜生活”

夜經濟·專訪 | 91歲電影院為何熱衷“夜生活”

返回創頭條首頁

©2015 創頭條版權所有ICP許可證書京ICP備15013664号 京公網安備 11010802029378号   RSS

http://m.juhua522445.cn|http://wap.juhua522445.cn|http://www.juhua522445.cn||http://juhua522445.cn