iT邦幫忙

mobile相關文章
共有 216 則文章
鐵人賽 Mobile Development DAY 28

技術 days[27] = "為什麼Flutter的渲染樹這麼複雜?(中)"

我們在上一篇提到,Flutter之所以有三顆渲染樹,而其中的各種演算法和機制之所以如此複雜,一切都是為了支援Flutter激進式複合的設計理念,讓我們可以在開發...

鐵人賽 app開發 DAY 17

技術 ionic 實作(6):本月消費

說明 本月消費功能,主要是要用來統計當月消費的記錄與總金額。 UI 畫面 設計的畫面如下 打開 tab-consumer.html 修改內容如下,在這邊有使用...

鐵人賽 Mobile Development DAY 22

技術 days[21] = "Layout是怎麼運作的?"

我們在上一篇提到在Flutter整個Render Pipeline中,光是Layout這個步驟就值得獨立一篇出來討論,因此今天我們就繼續來深入研究整個Layou...

鐵人賽 Mobile Development DAY 23

技術 days[22] = "如何做一個Pacman遊戲?"

雖然說這個系列到目前為止的主軸是介紹一些Flutter底層實作,或是一些設計模式、觀念、函式庫的分析等等,其實最初的目標就是只希望可以寫一些沒有被寫過一百遍的東...

鐵人賽 Modern Web DAY 22

技術 Day22 初次見面 Accelerated Mobile Pages (上)

其實到了現在,還不知道自己在寫什麼,常常想寫一些軟工的東西,可是又想到主題是「Go!從無到打造最佳行動網站」,每天寫的東西盡量都跟這個主題扯上一點關係,這樣才...

鐵人賽 Mobile Development DAY 30

技術 days[29] = "為什麼要瞭解底層實作?為什麼要問為什麼?"

雖然作為結尾也還算切題,但仔細想想或許更應該把它放在這系列的開頭?我想這可能是個雞生蛋蛋生雞的問題。如果不先討論我們為什麼要瞭解Flutter這麼多的實作細節和...

鐵人賽 Mobile Development DAY 24
iOS Developer Learning Flutter 系列 第 24

技術 iOS Developer Learning Flutter. Lesson23 ImagePicker

由於Flutter屬於UI框架所以很多跟系統溝通的功能必須透過套件完成從今天起會介紹一些開發中常常需用到的輪子 Today Preview 很基本的功能使用i...

鐵人賽 Mobile Development DAY 20

技術 days[19] = "Event Loop是怎麼運作的?"

我們在昨天的文章裡提到,每一個Isolate只會有單一執行緒,而我們在這個執行緒上所有的異步處理,都是靠Event Loop機制來完成的。今天我們就繼續來看看這...

鐵人賽 Mobile Development DAY 29

技術 days[28] = "為什麼Flutter的渲染樹這麼複雜?(下)"

上一篇我們講到RenderObject layout和Widget/Element build的演算法是如何幫助Flutter迅速的處理節點數量龐大的渲染樹,以...

鐵人賽 Mobile Development DAY 26

技術 Day 26.【DI】Hilt 的介紹與應用

如果對 DI 有些了解的人大概都碰過,不管是使用 Dagger 還是 Koin,今天就要來介紹 Hilt,以下如有解釋不清或是描述錯誤的地方還請大家多多指教:...

鐵人賽 Mobile Development DAY 17
iOS Developer Learning Flutter 系列 第 17

技術 iOS Developer Learning Flutter. Lesson16 底部導航與頁籤

Today Preview 1. BottomNavigationBar 它其實只是一條bar放在Scaffold裡實際上控制頁面跳轉的還是你自己所以這頁必須...

鐵人賽 Mobile Development DAY 21

技術 days[20] = "Render Pipeline是怎麼運作的?"

我們在之前的文章中已經花了不少的篇幅來探索Flutter的三顆渲染樹是怎麼運作的,不過其實這也只是整個Flutter Render Pipeline的一部分而已...

鐵人賽 Software Development DAY 25

技術 在Mendix上開發Native Mobile App也要記得同步化!

修但幾嘞! 雖然程式可以在沒上線時將資料存在客戶端,但是時候還是要回傳Server,這時候我們就需要將資料同步化。 Mendix 上的同步化 通常,按照設定,M...

鐵人賽 Mobile Development DAY 15
iOS Developer Learning Flutter 系列 第 15

技術 iOS Developer Learning Flutter. Lesson14 網格

可能會有一些讀者發現為什麼這麼奇怪標題都要用中文這樣很沒sence是不是英文不好?(是)其實是在三個環境下通常要做同一件事會有不同的名字所以才想要用中文來統一...

鐵人賽 Mobile Development DAY 13

技術 Day 13.【UI】Fragment 的介紹與應用

經過前幾篇跟資料處理相關的介紹,接下來幾天就要進入介面相關的 library,如何實作出設計好的畫面,以及要如何接上處理好的資料,以下如有解釋不清或是描述錯誤的...

鐵人賽 Mobile Development DAY 25

技術 Day 25.【UI】App Widget 新體驗

今天要來玩玩新的 library Glance,因為還在 alpha 階段,所以建議大家先體驗看看就好,以下如有解釋不清或是描述錯誤的地方還請大家多多指教: 什...

鐵人賽 Mobile Development DAY 2

技術 Day 2. Kotlin 的特性

這篇要來聊聊 Kotlin 的特性,在細數 Kotlin 有哪些特性之前,先來了解一下什麼是 Kotlin,他跟 Java 有哪些的不同呢?以下如有解釋不清或是...

鐵人賽 Mobile Development DAY 7

技術 Day 7.【Classes and Objects】Enum Classes

今天的主題是前天有提到的 Enum class ,我們來看看 Enum 可以做到哪些事吧!以下如有解釋不清或是描述錯誤的地方還請大家多多指教: 什麼? 之前有提...

鐵人賽 Mobile Development DAY 21

技術 Day 21.【Architecture】DataStore 的介紹與應用

如果你已經知道什麼是 Sharedpeference 那就不能不了解一下什麼是 DataStore,以下如有解釋不清或是描述錯誤的地方還請大家多多指教: 什麼?...

鐵人賽 Mobile Development DAY 23

技術 Day 23.【Architecture】ViewModel 的介紹與應用

前幾篇多多少少都有提到 ViewModel,今天終於要來講講 ViewModel 的故事,以下如有解釋不清或是描述錯誤的地方還請大家多多指教: 什麼? 用來處理...

鐵人賽 Mobile Development DAY 15

技術 Day 15.【UI】Material Design Component 的介紹與應用

對元件設計沒有想法嗎?還是每次刻一個畫面都要寫 style,Material Design Component 提供一系列的模板和規則,像是字體大小、顏色、光影...

鐵人賽 Mobile Development DAY 16

技術 Day 16.【UI】Recyclerview 的介紹與應用

像影音平台依樣呈現一系列的電影或是音樂,而 Recyclerview 跟 ListView 有什麼不一樣呢?我們今天就來了解一下什麼是 Recyclerview...

鐵人賽 Mobile Development DAY 27

技術 Day 27.【Test】Unit Test 的介紹與應用

今天要來試試寫 Unit Test,針對 ViewModel 的邏輯驗證不管什麼 input 都要符合我想要的 output,以下如有解釋不清或是描述錯誤的地方...

鐵人賽 Mobile Development DAY 28

技術 Day28.【Test】UI Test 的介紹與應用

今天要來寫寫 UI Test,針對不同資料狀態要顯示對應的 UI,我們需要驗證自己的介面是否符合預期中的那樣,以下如有解釋不清或是描述錯誤的地方還請大家多多指教...

鐵人賽 Mobile Development DAY 19

技術 Day 19.【Architecture】Navigation 的介紹與應用

除了使用 FragmentManager 之外,還有什麼方式可以切換我們的 fragment 呢!今天就要來認識一下 Navigation,以下如有解釋不清或是...

鐵人賽 Mobile Development DAY 14

技術 Day 14.【UI】ConstrainLayout 的介紹與應用

接下來就是針對介面拉出對應的元件位置,就像七巧板一樣,而 ConstrainLayout 可以幫助我們更容易調整元件的位置,以及更扁平化的方式作出複雜的結構,這...

鐵人賽 Mobile Development DAY 3

技術 Day 3.【Standard Library】Scope Functions

這篇要來聊聊 Kotlin 在 standard library 中所提供的 Scope Functions,至於什麼是 Scope Functions 以及該...

鐵人賽 Mobile Development DAY 22

技術 Day 22.【Architecture】Room 的介紹與應用

上一篇在介紹 DataStore 時有提到,如果是較複雜的資料存儲建議使用 Room 來執行,今天就來教紹一下 Room 的操作吧!以下如有解釋不清或是描述錯誤...

鐵人賽 Mobile Development DAY 17

技術 Day 17.【Architecture】Lifecycle 的介紹與應用

生命週期意味著從出生到死亡的循環,今天要來淺談什麼是生命週期,以下如有解釋不清或是描述錯誤的地方還請大家多多指教: 什麼? 每個元件都有自己的生命周期,就如之前...

鐵人賽 Mobile Development DAY 9

技術 Day 9.【Classes and Objects】Delegate Properties

今天的筆記主要是以 kotlin 會透過什麼方式來實現委託,以下如有解釋不清或是描述錯誤的地方還請大家多多指教: 什麼? 先來淺談什麼是 delegate,De...