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