標籤: android

  • 解決 Android Studio 在 Mac 無法輸入中文的問題

    解決 Android Studio 在 Mac 無法輸入中文的問題

    在一次更新 Android Studio 之後發現不能打中文,雖然目前用不上,但是不能打中文註解還是有點嘔阿!再一次下定決心以後決定要來解決這個問題。

    這是目前的安卓版本

    解決方法其實滿簡單的:

    修改鍵盤佈局:在 Android Studio 中選擇「File」>「Settings」>「Keymap」

    Keymap 選一個你喜歡的,記得是 macOS 。

    選好儲存之後,重新開啟專案即可。

    以上,現在可以打中文啦!

    2023-10-23 update:

    keymap 會直接影響到快速鍵,這邊推薦使用 macOS 這個選項,和預設的快速鍵較為不衝突。

  • 記錄一下安卓的 API 版本、名稱、版本代號對應

    記錄一下安卓的 API 版本、名稱、版本代號對應

    — 以下正文—

    開發 Android 有一個小麻煩的地方是 API 版本、名稱和代號的對應,真的是。無論是在 guild 裡面,還是程式碼中,都會遇到需要填寫判斷版本號的問題,偏偏他又有多種格式,連網路上對於版本的稱呼都不太統一。

    於是我找到一個網站,這是給開發人員看的:

    附上網頁翻譯好讀截圖:

    這是網站的 github 原始碼:

  • Progressive Web Application(PWA) 製作

    PWA 又稱「漸進式的網頁應用程式」,有很多文章已經有說明,參考這裡,或是參考這個都有說明。

    這次介紹一個 PWA 的好用工具:

    PWABuilder
    All the tools you need to build and deploy your Progressive Web Apps.

    操作方法簡化非常多,開始之前要注意幾件事情:

    • 準備一張  512×512 的 png logo (如果原本 logo 不夠大的話)
    • 要確保有更改網站內網頁的權限
    • HTTP Server 要注意安全性配置是否會阻擋根目錄的 json 和 js 檔案
    • 網站一定要有合規的 HTTPS 憑證使用

    首先進入網站以後輸入網址。
    系統便會開始撿測需要的資源,會給一份報告告訴你缺什麼,或是已經有了什麼。如下圖,會發現 PWA 需要的 Manifest.json 和 server-woker.js  都沒有,這時點擊一下右下角的 next 按鈕。

    點擊之後,會產生可以下載的 PWA 必要文件檔案。依照提示點擊 Generate 按鈕,下載必要檔案。
    下載完成解壓縮後,資料夾中會有如下檔案,點開 next-steps.html 會提示接下來要做的事情。
    next-steps.html 會導向 https://github.com/pwa-builder/pwabuilder-web/blob/V2/src/assets/next-steps.md 這個網址。簡單來說要做五件事情。

    1. 把目錄裡面的 manifest.json 上傳到網站根目錄。
    2. 把 pwabuilder-sw/pwabuilder-sw.js 上傳到網站根目錄
    3. 把準備好的 logo 改名 app-icon-512×512.png(預設 manifest.json 會吃 favicon.ico 可以從檔案中修改)
    4. 在網頁 header 中添加以下兩串代碼
      <link rel="manifest" href="manifest.json" />
      <script type="module">
         import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
         const el = document.createElement('pwa-update');
         document.body.appendChild(el);
      </script>
      
      

       

    以上,恭喜完成一個 PWA 基本配置,更進階的使用可以參考 manifest.json 中的配置:

    Web App Manifest | MDN
    Web App manifest 是一個 JSON 格式的文件,它提供了應用程式相關的資訊(像是名稱、作者、圖示、描述)。 manifest 的功用是將 Web …

    這裡面有詳細說明。像是如果要讓主畫面圖片更清晰,可以在 manifest.json 把 icons 參數調整過。

    值得一提的有幾個設定:

    —-

    安卓手機上使用 PWA 方法,請參考這裡

    iOS 上就是開 safari 然後把網站加入主畫面就行啦,參考這裡

    同場加映:

    Progressive Web App 加入主畫面 : PWA 究竟加入和安裝了什麼 (2) – iT …
    加入主畫面 (Add to Home screen) 加入主畫面 (Add to Home screen) 常見的縮寫為 A2HS,可以看成是讓使用者將 Web App 進行 "安裝&quo…

    iOS PWA Compatibility-firt.dev
    What's supported on Safari on iOS and iPadOS for Progressive Web Apps

    Day 02 – 30 天 Progressive Web App 學習筆記 – 為什麼需要 PWA? – iT …
    為什麼需要 PWA? 很多人認為網頁沒辦法跟原生的 APP 相提並論,因為網站沒辦法像原生 APP 一樣快速、可靠、高互動等等 PWA …

    將您的網站轉換成高品質PWA
    使用 PWA Builder 從現有網站建立高品質的PWA

     

  • Flutter 開發環境設定(影片)

    筆記一下,避免以後換新電腦都忘記這種三百年才會設定一次的開發環境。

  • Flutter 在 Mac 上安裝錯誤的解決方法

    最近在摸 Flutter 的專案,在 Mac 環境下一直裝不起來,先姑且不抱怨 Android Studio 在 MacOS 更新後突然跑超慢的,Flutter 安裝時似乎是抓不到 Android 設定檔案的位置,導致:

    [✓] Android Studio (version 3.1)
        ✗ Flutter plugin not installed; this adds Flutter specific functionality.
        ✗ Dart plugin not installed; this adds Dart specific functionality.

    一直出現類似的錯誤。後來參考鏈結

    Safe fix for Mac (Android studio 4.1+) It is in a different directory now, but symlink helps.
    Just run in the Terminal this command:

    ln -s ~/Library/Application\ Support/Google/AndroidStudio4.1/plugins ~/Library/Application\ Support/AndroidStudio4.1

    記得路徑換成正確的,此時是 AndroidStudio4.1
    soft link 建立起來以後就正確啦!

    筆記一下 Flutter 使用的 Dart 程式語言資料,找不到快速索引的文件,如果有找到再放上來。

    Day 1:為什麼要用 Flutter ? – iT 邦幫忙::一起幫忙解決難題,拯救 IT 人的一天
    本篇文章同步發表在 HKT 線上教室 部落格,線上影音教學課程已上架至 Udemy-HKT線上教室。想追蹤更多相關技術資訊,歡迎到 臉書粉絲專頁 …