flutter 圖片放大，圖片詳情，圖片輪播

先上圖（樣式自己調(diào)整）

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名申請、雅安服務(wù)器托管、營銷軟件、網(wǎng)站建設(shè)、欒川網(wǎng)站維護(hù)、網(wǎng)站推廣。

1.新建小部件

根據(jù)實(shí)際情況修改以下部分內(nèi)容；

2.使用(index 為當(dāng)前點(diǎn)擊圖片的下標(biāo)，)

有關(guān)英語的問題，幫幫忙！急！~

cooker

heater

cooler

cleaner(可指清潔用具的)

sailer

1） a person who ~s ：做…的人

如：singer -- a person who sings 歌唱家

admirer -- a person who admires 欽佩者

2） a person who lives in ~ ：住在…的人

如：farmer -- a person who lives in the farmer 農(nóng)場主，畜牧者

villager -- a person who lives in the village 村民

3） a person who works with ~ ：從事…的人

如：philosopher -- a person who works with philosophy 哲學(xué)家

tinner -- a person who works with tin 錫匠

4） a thing that ~ ：做…的器物，工具

如：washer -- a thing that washes 洗滌器，洗衣機(jī)

boiler -- a thing that boils 煮器；鍋爐

-er 作后綴表示“人”，大家都很熟悉，需要引起注意的是，它有時(shí)候表示的是“物”，這點(diǎn)容易讓我們犯錯(cuò)誤，列出一些（望大家來補(bǔ)充）一起記：

amplifier 放大器 emitter 發(fā)射極 reducer 減壓器 softener 軟化劑

cooker 炊具 typewriter 打字機(jī) washer 洗滌器 boiler 鍋爐

另外，-er 也可以放在形容詞（adj.），副詞（adv.）和數(shù)詞（num.）的后面，構(gòu)成人或物。

adj. stranger 陌生人 foreigner 外國人

adv. downer 令人沮喪的人，鎮(zhèn)靜劑 upper [美俚]興奮劑，刺激性藥物

num. fiver [英]5磅的鈔票 [美]5美金 forty-niner 美國1849年涌向加州淘金的人

最后，-er 偶爾可以是表示動詞，表示反復(fù)和擬聲的動作，如：

snigger 暗笑（聲）（單詞發(fā)音模擬“竊笑”發(fā)出的聲音） vi. n.

twitter 鳥鳴（聲）（模擬鳥叫的“嘰嘰喳喳”聲） vi. n.

chatter 喋喋不休，震顫（聲） （來自動詞 chat 閑談） vi. n.

clatter 咔嗒（聲） （模擬盤碟刀叉等相互撞擊的聲音,馬蹄的“得得”聲） vi. vt. n.

batter vt. 連續(xù)猛擊 n. （棒球等）的擊球手 （來自動詞 bat 打）

patter 發(fā)出急速而輕的拍聲；塔塔的跑（聲）；念念有詞，喋喋叫賣 vi. n.

spatter 濺（聲），撒落（聲） vt. vi. n.

sputter 噴濺（聲），劈啪（聲） v. n.

flutter 振翅，拍翅膀 v. n.

quiver 抖動；顫音 v. n.

waver 搖擺，搖晃 vi.

wander 徘徊；迷失 v. n.

mutter 輕聲低語，小聲抱怨 v. n.

stutter 結(jié)結(jié)巴巴地說 v. n.

stammer 口吃，結(jié)巴 v. n.

glitter 閃閃發(fā)光 v. n.

powerful 強(qiáng)大的

peaceful

beautiful 美麗

Flutter真香，我用它寫了個(gè)桌面版JSON解析工具

Flutter支持穩(wěn)定的桌面設(shè)備開發(fā)已經(jīng)一段時(shí)間了，不得不說，F(xiàn)lutter多平臺支持的特性真的很香。我本人并沒有任何桌面開發(fā)的經(jīng)驗(yàn)，但仍然使用Flutter開發(fā)出了一個(gè)桌面版小程序，功能很簡單，就是對輸入的json做格式化處理和轉(zhuǎn)模型。

話不多說，先來看看實(shí)際效果。 項(xiàng)目源碼地址

開發(fā)環(huán)境如下：

Flutter : 2.8.1

Dart : 2.15.1

IDE : VSCode

JSON作為我們?nèi)粘ｉ_發(fā)工作中經(jīng)常要打交道的一種數(shù)據(jù)格式，它共有6種數(shù)據(jù)類型： null , num , string , object , array , bool 。我們勢必對它又愛又恨。愛他因?yàn)樗鳛閿?shù)據(jù)處理的一種格式確實(shí)非常方便簡潔。但是在我們做Flutter開發(fā)中，又需要接觸到j(luò)son解析時(shí)，就會感覺非常棘手，因?yàn)閒lutter沒有反射，導(dǎo)致json轉(zhuǎn)模型這塊需要手寫那繁雜的映射關(guān)系。就像下面這樣子。

數(shù)據(jù)量少還能接受，一旦量大，那么光手寫這個(gè)解析方法都能讓你懷疑人生。更何況手寫還有出錯(cuò)的可能。好在官方有個(gè)工具**json_serializable**可以自動生成這塊轉(zhuǎn)換代碼，也解決了flutter界json轉(zhuǎn)模型的空缺。當(dāng)然，業(yè)界也有專門解析json的網(wǎng)站，可以自動生成dart代碼，使用者在生成后復(fù)制進(jìn)項(xiàng)目中即可，也是非常方便的。

本項(xiàng)目以json解析為切入點(diǎn)，和大家一起來看下flutter是如何開發(fā)桌面應(yīng)用的。

要讓我們的flutter項(xiàng)目支持桌面設(shè)備。我們首先需要修改下flutter的設(shè)置。如下，讓我們的項(xiàng)目支持 windows 和 macos 系統(tǒng)。

接下來使用 flutter create 命令創(chuàng)建我們的模版工程。

創(chuàng)建完項(xiàng)目后，我們就可以 run 起來了。

先來看下整體界面，界面四塊，分別為功能模塊、文件選擇模塊、輸入模塊、輸出模塊。

我們在新建一個(gè)桌面應(yīng)用時(shí)，默認(rèn)的模版又一個(gè)Appbar，此時(shí)應(yīng)用可以用鼠標(biāo)拖拽移動，放大縮小，還可以縮到很小。但是，我們一旦去掉這個(gè)導(dǎo)航欄，那么窗口就不能用鼠標(biāo)拖動了，并且我們往往不希望用戶將我們的窗口縮放的很小，這會導(dǎo)致頁面異常，一些重要信息都展示不全。因此這里需要借助第三方組件 bitsdojo_window 。通過 bitsdojo_window ，我們可以實(shí)現(xiàn)窗口的定制化，拖動，最小尺寸，最大尺寸，窗口邊框，窗口頂部放大、縮小、關(guān)閉的按鈕等。

通過 InkWell 組件，可以捕捉到手勢、鼠標(biāo)、觸控筆的移動和停留位置

這個(gè)功能是鼠標(biāo)移動后的UI交互界面。要在窗口上顯示一個(gè)提示框，可以使用 Overlay 。需要注意的是，由于在 Overlay 上的 text 的根結(jié)點(diǎn)不是 Material 風(fēng)格的組件，因此會出現(xiàn)黃色的下劃線。因此一定要用 Material 包一下 text 。并且你必須給創(chuàng)建的 OverlayEntry 一個(gè)位置，否則它將全屏顯示。

讀取說表拖拽的文件一開始想嘗試使用 InkWell 組件，但是這個(gè)組件無法識別拖拽中的鼠標(biāo)，并且也無法從中拿到文件信息。因此放棄。后來從文章《Flutter-2天寫個(gè)桌面端APP》中發(fā)現(xiàn)一個(gè)可讀取拖拽文件的組件 desktop_drop ，能滿足要求。

使用開源組件 file_picker ，選完圖片后的操作和拖拽選擇圖片后的操作一致。

Textfield 如果要顯示富文本，那么需要自定義 TextEditingController 。并重寫 buildTextSpan 方法。

在做導(dǎo)出功能時(shí)遇到下列報(bào)錯(cuò)，保存提示為沒有權(quán)限訪問對應(yīng)目錄下的文件。

通過Apple的開發(fā)文檔找到有關(guān)權(quán)限問題的說明。其中有個(gè)授權(quán)私鑰的key為 com.apple.security.files.downloads.read-write ，表示 對用戶的下載文件夾的讀/寫訪問權(quán)限 。那么，使用Xcode打開Flutter項(xiàng)目中的mac應(yīng)用，修改工程目錄下的 DebugProfile.entitlements 文件，向 entitlements 文件中添加 com.apple.security.files.downloads.read-write ，并將值設(shè)置為YES，保存后重啟Flutter項(xiàng)目。發(fā)現(xiàn)已經(jīng)可以向下載目錄中讀寫文件了。

當(dāng)然，這是正常操作。還有個(gè)騷操作就是關(guān)閉系統(tǒng)的沙盒機(jī)制。將 entitlements 文件的 App Sandbox 設(shè)置為NO。這樣我們就可以訪問任意路徑了。當(dāng)然關(guān)閉應(yīng)用的沙盒也就相當(dāng)于關(guān)閉了應(yīng)用的防護(hù)機(jī)制，因此這個(gè)選項(xiàng)慎用。

原文地址：

Flutter Transform使用介紹

窗口小部件(Widget)可以在Paint之前應(yīng)用Transform進(jìn)行轉(zhuǎn)換，通過Transform可以對widget進(jìn)行平移、旋轉(zhuǎn)、縮放等矩陣變換。不像RotatedBox在layout前就對Widget進(jìn)行旋轉(zhuǎn)操作，Transform是在Widget繪制前進(jìn)行轉(zhuǎn)換，這意味著在計(jì)算Widget的顯示需要占用多少空間時(shí)，不會去考慮Transform變換。

例子

在垂直方向移動15個(gè)單位距離

例子

順時(shí)針旋轉(zhuǎn)45°

例子

放大1.5倍

伺服閥4WS2EM10-45/45B2ET315K8DM如何配置放大器型號

SA系列伺服放大器是專為我所研制的CSDY系列射流管電液伺服閥配套而設(shè)計(jì)的專用控制器。該放大器和我所生產(chǎn)的CSDY系列電液伺服閥配以各種不同的執(zhí)行元件及反饋檢測元件，可構(gòu)成閥控油缸，閥控馬達(dá)，閥控泵等多種性能優(yōu)良的位置、速度、加速度、力電液伺服控制系統(tǒng)。SA-01型伺服放大器下主要針對部分CSDY系列設(shè)計(jì)的。根據(jù)不同的負(fù)載選擇不同輸出額定電流檔位。該放大器有輸出額定電流分別為8mA，15mA,20mA,40mA四個(gè)檔位，對應(yīng)的負(fù)載（閥線圈）阻抗分別為500歐姆、175歐姆、80歐姆、20歐姆?？梢圆顒印⒋?lián)、并聯(lián)等方式工作，我們建議選用并聯(lián)工作方式為好。

SA-02型市帶有振顫信號的伺服放大器。該振顫信號源為一雙T網(wǎng)絡(luò)的正弦波振蕩器，其頻率為159Hz左右，其作用市給伺服閥一個(gè)高于工作頻率的擾動量，用以改善閥芯的靜態(tài)及低頻摩擦特性，減小伺服閥的滯環(huán)，改善伺服閥的控制性能。

伺服放大器（servo-valve amplifier）

Model：SA-01型：

放大增益

Amplify gain 1-20mA/V

輸入電壓

Input pressure Vpp=+-10V

最大輸出電流

Max Output current 1P=2（rated current）

非線性失真

nonlinear distortion =+-1%

穩(wěn)定性

Stability =1.5%

Model：SA-02型：

放大增益

Amplify gain 1-20mA/V

輸入電壓

Input pressure Vpp=+-10V

最大輸出電流

Max Output current 1P=1.5（rated current）

非線性失真

nonlinear distortion =+-1%

穩(wěn)定性

Stability =1.5%

顫振信號源

Flutter signal F=159Hz

擾動幅值

Amplitude perturbation =30%（rated current）

Model：SA-01型：

輸入電壓

Input pressure AC 220V 50Hz

輸出電壓

Output pressure DC+-15V +5V

線性調(diào)整率（電壓穩(wěn)定度）

Linear adjustment rate (pressure stability) =1%

負(fù)載調(diào)整率（負(fù)載穩(wěn)定度）

Load adjustment rate (Load stability) =1%

紋波及噪聲

Ripple and noise =1%的輸出電壓（MVP-P）

Output pressure

Model：SA-02型：

輸入電壓

Input pressure DC 24V 5W

輸出電壓

Output pressure DC +-5V

Servo-valve Amplifier Model：SA-01

Amplify gain 1-20mA/V

Input pressure Vpp=+-10V

Max Output current 1P=2（rated current）

Nonlinear distortion =+-1%

Stability =1.5%

Servo-valve Amplifier Model：SA-02

Amplify gain 1-20mA/V

Input pressure Vpp=+-10V

Max Output current 1P=1.5（rated current）

Nonlinear distortion =+-1%

Stability =1.5%

Flutter signal F=159Hz

Amplitude perturbation =30%（rated current）

Servo-valve Amplifier Model：SA-01

Input pressure AC 220V 50Hz

Output pressure DC+-15V +5V

Linear adjustment rate (pressure stability) =1%

Load adjustment rate (Load stability) =1%

Ripple and noise =1% Output pressure（MVP-P）

Servo-valve Amplifier Model：SA-02

Input pressure DC 24V 5W

Output pressure DC +-5V

Flutter 仿抖音效果 (一) 全屏點(diǎn)愛星

項(xiàng)目地址: 持續(xù)效果更新

flutter 有個(gè)onTapUp 事件,字面意思就是 點(diǎn)擊抬起的,會返回 TapUpDetails details ,通過 localPosition 屬性就能獲取到x,y坐標(biāo)

計(jì)算double 并不復(fù)雜,每次點(diǎn)擊的時(shí)候記錄下當(dāng)前的事件戳,只要兩個(gè)點(diǎn)擊的時(shí)間戳和坐標(biāo)距離小于自己設(shè)定的閾值,就可以視為雙擊事件

實(shí)現(xiàn)雙擊

我們使用OverlayEntry 控件,控件詳細(xì)介紹

效果一共有 縮小 → 上移 → 放大 → 消失

第一組動畫(縮小 上移) → 第二組動畫(放大 消失)

flutter 動畫需要兩個(gè)類

AnimationController 負(fù)責(zé)管理動畫

Animation 負(fù)責(zé)具體值操作

然后通過 Transform.scale 函數(shù)的,對scale值進(jìn)行改變

補(bǔ)全第一組動畫

現(xiàn)實(shí)

項(xiàng)目地址: 持續(xù)效果更新