-
最近實際學了一下Flutter ~ 抖動？之後，個人發現它的想法不太像一般手機APP的想法，反而比較像網頁？，都是以Widget去組合，把元件切的很細，一直去做組合，而且反而懂元件的種類，遠比寫程式硬寫來得重要… 今天，續上集的熱烈回應之後，我們就來做一個角落生物的列表，那以下的圖片Link呢，都僅做為教學之用，Let’s Go… 作業環境 項目 版本 macOS Big Sur 12.5.1 arm64 OpenJDK 18.0.1-Zulu arm64 Dart SDK 2.18.0 arm64 Flutter SDK 3.3.0 arm64 Xcode 13.4.1 arm64 Android Studio 2021.2.1 …
Read More -
寫程式真的是一條活到老學到老的不歸路啊…這次就來學學flutter 3.0吧，終於安裝的是完整的ARM64環境。要先學什麼好呢？就學萬用的ListView吧…聽說Apple Silicon M2的Macbook Air在台開買了，想買，但是…沒錢錢…農曆七月到了，彈首通靈少女的插曲，算是滿應景的吧？XD，同時也祝大家父親節 / 付清節快樂… 作業環境 項目 版本 macOS Big Sur 12.4 arm64 OpenJDK 18.0.1-Zulu arm64 Dart SDK 2.18.0 arm64 Flutter SDK 3.0.5 arm64 Xcode 13.4.1 arm64 Android Studio …
Read More -
離上一篇Flutter的文章，算算了有三年了吧，這篇只是單純比較、回憶一下而已。其實個人一直認為手機多平台開發是斜門歪道，但自從Flutter 3.0出現之後，似乎有了希望。 作業環境 項目 版本 CPU Apple M1 macOS Big Sur 12.3 arm64 Xcode 13.2 arm64 Android Studio 2021.1.1 arm64 Flutter 3.1.0 arm64 NativeScript 8.2.3 arm64 William碎碎唸 科技越進步，人就要學得越多、越全能，10年前的全端打字工是：Web (前端) + 資料庫 (後端)，自從新前端 - 智慧型手機的出現，現在的全端打字工是：Web …
Read More -
GoGo垃圾信，大家一起進入神乎其技的境界吧。今天這篇呢，主是結合資料端 / 網頁後端 / 手機端，產生出求職三寶系統 - 簡訊 / 推播 / 垃圾信，雖然本篇是以Golang為主體，但在Vue CLI + Typescript的著墨上會比較多，也祝大家51勞動節快樂，也祝我下禮拜能買到快篩試劑，畢竟本土確診人數已經破萬人了啊，每週一戳的大時代來臨了。 做一個長得像這樣的東西 There should have been a video here but your browser does not seem to support it. 作業環境 項目 版本 CPU Apple M1 macOS Big Sur 12.3.1 …
Read More -
現在要介紹的是RecyclerView，這應該是手機上最常用的元件之一，就是列表。RecyclerView可以說是ListView的改良版，和ListView相同的是，RecyclerView一樣是由配置器(Adapter)來處理ItemView呈現的內容，不同的是，RecyclerView有實做Recycle機制，就像iOS的UITableView的Reuse機制。話不多說，現在就來一步步做一個長得像這樣的APP吧，以下的說明還是會以iOS做類比。 There should have been a video here but your browser does not seem to support it. Toolbar 關閉 …
Read More -
相信在上一篇的Unity介紹之後，大家都很想試試看，自己來做個game吧，這裡我們就來做個簡單的轉盤吧，然後在macOS / iOS / Android上安裝，話不多說，馬上行動。 做一個長這樣子的Game吧 There should have been a video here but your browser does not seem to support it. 遊戲製作 新增專案 首先新增加一個「2D」的專案，雖然說Unity是做3D的，但只要沒有Z軸就變2D了嘛 There should have been a video here but your browser does not seem to support …
Read More -
NativeScript是一套跨平台的framework，聽名字就知道，它是用來寫Native程式的，說到跨平台比較紅的還有使用dart語言的Flutter、使用javascript語言的React Native，之所以會選擇它也是因為TypeScript越來越紅了，很想學一學，如果與Angular或Vue.js結合，就可以開發手機平臺的程式，聽起來是不是很不錯啊？如果要看看它與其它跨平台開發的工具比較，可以看看這一篇文章。那為什麼會選擇Vue.js v2.x呢？因為它下一版以TypeScript改寫，加上它有中文文件，所以對於英文不好的我是最佳的選擇，接下來我們就開始吧。 環境安裝 基本環境安裝 其實跟安裝Flutter環境的方向 …
Read More -
在Android的一般教科書上，一定會說到findViewById()這個函式，但是到了kotlin成為官方語言之後，還多了其它幾個方式去做處理，讓程式越來越好維護，語意越來越清晰，現在我們就來看看有那些方式吧。 畫面 這裡就拉個Button跟EditView來做說明 There should have been a video here but your browser does not seem to support it. findViewById()的四種方式 主程式 import kotlinx.android.synthetic.main.activity_main.* class MainActivity : …
Read More -
話說，全世界的手機系統應該都被Android跟iOS佔光光了吧，不過最近又跑出來了一個鴻蒙系統，也許未來有可能成為第三大的手機系統吧？至於為什麼要學安卓呢？因為之前有在學一點點的Flutter，發現還是要兩個平臺都要了解一些些，才知道Flutter到底在做什麼？加上本來就是兩個不同的系統，在設定上一定有所差異，加上聽說Kotlin跟Swift很相像，所以就來學學看了。因為本身對iOS比較熟一點，所以後面會以iOS的名詞來做不專業的說明。話不多說，這裡就用跟JetBrains合作的Android Studio，其實Kotlin也是JetBrains出品的。安裝的過程就不多做說明了，現在馬上就來試試看吧。 做一個長這樣的APP …
Read More -
主要這一篇文章是要做一個比較完整的案例，個人一直覺得『挫折感才是成功的捷徑』，一直做『對的』事情很難成長的，唯有『挫折感』才能讓人記憶深刻，像我的好人卡已經打破櫻木花道50+的記錄了，真是めでたしめでたし啊，等我要推出好人撲克牌的時候，再麻煩大家再來抖內，集資一下吧。話不多說，大家一起來從做中學吧，以下只會將部分的Code貼上解說。 架構 畫面架構 在圖上可以看到一共有三個畫面，一個是登入的畫面，一個是清單列表，一個是介紹的內容，很符合一般APP的長相。 檔案架構 如圖上所示，畫面放在『libs/widgets』內，有關資料的長相就放在『libs/models』中，而『libs/helpers』則是放一些公用程式，資源檔 (圖片、影 …
Read More