前言 Flutter 的畫筆類 Paint 提供了很多圖形繪制的配置屬性，來供我們繪制更豐富多彩的圖形。前面幾篇我們介紹了 shader 屬性來繪制全屏漸變的聊天氣泡背景、漸...
發(fā)簡信
IP屬地：湖南
-
用 Flutter 呈現(xiàn)光影流動之美 -
Flutter 通過拖拽交互調(diào)整曲線控制點繪制圖形
前言 上一篇我們通過Listener獲取觸控點的位置作為貝塞爾曲線的控制點，實現(xiàn)曲線的交互式繪制。不過，上一篇有個缺陷，控制點繪制完成后只能撤銷，沒法修改，如果要調(diào)整繪制的圖...
-
讓你的 App 的聊天氣泡豐富多彩！前言 在聊天類應(yīng)用中，通常用氣泡作為聊天內(nèi)容的背景色，比如微信的聊天背景，別人發(fā)過來的是白色的氣泡，自己發(fā)的是綠色的氣泡。 上面這種是比較普通的，這篇我們玩點有趣的，讓聊天氣...
-
手把手教你實現(xiàn)一個流動的漸變色邊框前言 記得在介紹 motion_toast一篇的時候，開篇有一張動圖，邊框是漸變色而且感覺是流動的。這個動效挺有趣的，當(dāng)時也有人問怎么實現(xiàn)，經(jīng)過上一篇《讓你的聊天氣泡豐富多彩...
-
貝塞爾曲線動起來的花樣炫酷極了
前面我們花了幾篇介紹了貝塞爾曲線的原理和繪制貝塞爾曲線，著實讓我們見識到了貝塞爾曲線的美。好奇心驅(qū)使我想看看貝塞爾曲線動起來會是什么樣？本篇就借由動畫驅(qū)動貝塞爾曲線繪制看看動...
-
使用二階貝塞爾曲線畫愛心簡介 上一篇這一篇讓你徹底搞懂貝塞爾曲線的原理[http://www.itdecent.cn/p/41e0650f14d4]中，我們介紹了貝塞爾曲線的原理。這一篇我們先用二...
-
這一篇讓你徹底搞懂貝塞爾曲線的原理貝塞爾曲線介紹 我們在前面講了繪制自定義曲線，而實際開發(fā)過程還會遇到更復(fù)雜的圖形繪制，比如下面的這些圖形： 這時候就需要用到貝塞爾曲線了。下面是百科關(guān)于貝塞爾曲線的介紹。 貝...
-
Flutter 繪制自定義曲線、折線圖及波浪動效實現(xiàn)簡介 上一篇用 Flutter 的 Canvas 畫點有趣的圖形[http://www.itdecent.cn/p/0cb6a67a8880]我們介紹了使用 CustomP...
-
用 Flutter 的 Canvas 畫點有趣的圖形簡介 上一篇我們介紹了使用 Flutter 的 Canvas 繪制基本圖形的示例，簡單的示例沒什么好玩的，今天這一篇我們來點有趣的，我們會完成如下圖形的繪制： 發(fā)現(xiàn)數(shù)學(xué)重復(fù)之...