原创 Flutter佈局錦囊---簡單的應用欄

設計給的效果如下: 拿到設計後,先把整體拆分成幾個部分: “公共應用欄”,可以給應用程序中的大部分頁面使用的通用組件。 然後就可以開始進行編碼了。 第1步:繪製組件樹 第2步:實現“公共應用欄” 使用Flutter的應用欄(A

原创 Flutter佈局錦囊---帶輸入字段的應用欄

設計給的效果如下: 拿到設計後,先把整體拆分成幾個部分: “堆棧容器”,使用大小框(SizedBox)和堆棧(Stack)組件搞的容器,用於實現層次結構。 “下層的導航”,放在堆棧容器下層,由圖標按鈕(IconButton)和圖片

原创 Flutter佈局錦囊---屏幕頂部提醒

設計給的效果如下: 拿到設計後,先把整體拆分成幾個部分: “提醒頁面”,顯示在屏幕上方的文字提醒頁面,不會覆蓋原路由頁面。 “路由導航”,使用Flutter的路由與導航組件來推(push)提醒頁面。 “倒計時拋”,使用Flutte

原创 Flutter佈局錦囊---蠟筆畫的表單

設計給的效果如下: 拿到設計後,先把整體拆分成幾個部分: “手機號輸入框”,使用自定義的登錄表單字段組件實現的輸入框。 “驗證碼輸入框”,使用自定義的登錄表單驗證碼組件和登錄表單字段組件組合實現的輸入框。 “登錄按鈕”,使用自定義

原创 Flutter佈局錦囊---手機號登錄頁

設計給的效果如下: 拿到設計後,先把整體拆分成幾個部分: “運營位”,使用自定義的旋轉木馬滑塊組件實現可以滾動的運營位。 “登錄表單”,使用自定義的登錄表單組件實現手機號、驗證碼登錄的表單。 “用戶協議”,使用自定義的用戶協議組件

原创 Flutter佈局錦囊---用戶協議聲明

設計給的效果如下: 拿到設計後,先把整體拆分成幾個部分: “用戶協議聲明”,使用文本(Text)組件和文字跨度(TextSpan)組件組成的用戶協議聲明文本。 然後就可以開始進行編碼了。 第1步:繪製組件樹 第2步:實現“用戶

原创 Flutter佈局錦囊---塗鴉風格按鈕

設計給的效果如下: 拿到設計後,先把整體拆分成幾個部分: “可點擊框”,使用堆棧(Stack)組件佈局的可點擊區域。 “底部矩形”,用來襯托“主要矩形”,以形成立體效果的矩形。 “主要矩形”,按鈕主體部分,通過調整上下位置來模擬按

原创 Flutter佈局錦囊---帶彩條的文本字段

設計給的效果如下: 拿到設計後,先把整體拆分成幾個部分: “文本輸入框”,使用文本字段(TextField)組件實現的輸入框。 “狀態指示條”,使用容器(Container)組件實現帶顏色的長方形。 然後就可以開始進行編碼了。

原创 Flutter佈局錦囊---驗證碼倒計時

設計給的效果如下: 拿到設計後,先把整體拆分成幾個部分: “獲取驗證碼按鈕”,可以通過點擊按鈕來獲取驗證碼。 然後就可以開始進行編碼了。 第1步:繪製組件樹 第2步:實現“獲取驗證碼按鈕” 獲取驗證碼的按鈕需要顯示在文本字段的

原创 Flutter佈局錦囊---輪播圖片與滑塊

設計給的效果如下: 拿到設計後,先把整體拆分成幾個部分: “運營位”,可以通過左右滑動來切換圖片。 “進度條”,顯示“運營位”當前位置的進度條。 然後就可以開始進行編碼了。 第1步:繪製組件樹 第2步:實現“運營位” Flut

原创 在Ubuntu 18.04上搭建HttpRunnerManager服務

首先在HttpRunnerManager的GitHub頁面下載項目代碼,然後存放在任意目錄下。 安裝python的Django庫,可以使用pip3 list --format columns確認是否已經安裝Django庫。 使用p

原创 使用SonarQube掃描器分析項目

使用SonarQube掃描器分析項目 SonarQube Scanner是SonarQube掃描器,它通過各種不同的分析機制對項目源代碼進行分析和掃描,並把分析掃描後的結果上傳到SonarQube的數據庫,通過SonarQube的We

原创 在Ubuntu 18.04上搭建SonarQube服務

在Ubuntu 18.04上搭建SonarQube服務在Ubuntu 18.04上搭建SonarQube服務安裝MySQL創建sonar數據庫安裝JRE/JDK安裝SonarQube1號坑2號坑3號坑初識SonarQube 在Ubun

原创 Charles代理

Charles代理 Charles是一個HTTP和SOCKS代理服務器,代理請求和響應使Charles能夠在請求從客戶端傳遞到服務器時檢查和更改請求,以及從服務器傳遞到客戶端時的響應。 帶寬模擬器 Charles可用於調整Intern

原创 Charles的iOS應用程序

Charles的iOS應用程序 Charles於2018年推出了iOS應用程序,現在可以在App Store搜索並下載。使用iOS版本的Charles,您可以捕獲並檢查iOS設備上的網絡請求和響應,還可以在應用程序中查看 元數據1 ,