原创 自定義View案例【CircleProgressBar】
上期回顧在前面的文章中我們看了下如何通過自定義View簡單實現了labelView的效果，其實實現起來非常的簡單，就是根據用戶傳遞來的參數來做不同的繪製而已。 但是我們實現的LabelView是不能動態更改的，一來是受制於這個Widget的
2018-12-06 17:05:09
1
原创 自定義View番外篇
上期回顧在前面的文章中我們學習了自定義View的基本用戶，並且結合動畫等相關知識給大家舉了幾個例子。當然也有很多童鞋在後臺留言說，每次自定義View都需要使用CustomPaint來包裹我們自定義的CustomPainter是不是有點多餘和
2018-12-06 15:05:14
原创 自定義View案例【LabelView】
上期回顧在前面的幾篇文章中我們介紹了Flutter中自定義view的用法，學習了canvas中常用的繪製方法，在這篇及以後的幾篇文章中我會給大家寫幾個自定義View的例子。 標籤（我們給它命名LabelView）提起標籤相信大家都不會陌生，
2018-11-29 18:25:03
10
原创 自定義View【2】
上期回顧在前面的文章中我們學習了部分繪製的相關方法，在本篇文章中我們會繼續再介紹一些常用的繪製方法。 繪製路徑drawPathdrawPath(Path path, Paint paint)繪製路徑非常的簡單，首先需要一個要繪製的路徑pat
2018-11-20 18:22:17
原创 自定義View【1】
前言在上一篇文章中，我們學習了自定義View的基本流程和一些相關知識，想必大家對自定義View多少都有了一定的瞭解。今天我們就到代碼的層次來看下如何實現和使用自定義View吧自定義流程在前面的文章中我們已經學習了Flutter中自定義Vie
2018-10-25 17:48:04
原创 SliverAppBar
前言前一段時間由於個人原因消失了一段時間，哈哈，想我沒？抱歉.0.0 好吧，我們還是來開始看下今天的內容吧。在前面的文章中我們將到了Appbar的用戶，它類似於Android中的toolbar，但是熟悉Android開發的童鞋應該知道在An
2018-10-16 11:08:04
5
原创 Flutter動畫【3】
前言在前面的文章中我們看了下Flutter中的補間動畫和Flutter Widgets，今天我們來看下頁面過渡動畫，也可以叫做共享元素動畫，頁面A的元素過渡到頁面B元素的過場效果。Hero在Flutter中我們可以使用Hero來幫助實現這個
2018-10-16 11:08:04
1
原创 Flutter動畫【2】
前言在上次的文章中我們學習了Tween動畫的用法，我們也一塊看了下AnimatedBuilder和AnimatedWidget的用法，通過Tween動畫結合相應的Wdiget屬性我們可以做出我們想要的效果。但是在一般的場景下，這樣做事比較麻
2018-10-16 11:08:04
5
原创 [Flutter Widget]Tooltip
前言在前面的文章中我們講到了Wrap的用法，介紹了Flutter中的流式佈局，在文章的最後讓大家實現如下效果： 其實實現起來非常的簡單，使用Align設置對齊方式爲topCenter讓Wrap上中對齊，然後自定義Button藉助於Conta
2018-10-16 11:07:53
13
原创 [Flutter Widget]ExpansionPanelList
前言在前面的文章中我們介紹了可以展開的帶標題控件ExpansionTile的用法，在文章的最後還是按照慣例給大家留下了一個問題。 實現如下效果：可以看到界面整體上是一個listView,在ListView的第二例是一個ExpansionTi
2018-10-16 11:07:53
107
原创 [Flutter Widget] Wrap
前言在前面的文章中我們講了很多Widget的用法，包括簡單的Widget和複雜一點的佈局，其實歸根到底都是爲了解決我們在界面佈局上的需求，最近很多童鞋私信我Flutter中有沒有類似Ios，Android上的流式佈局，答案是肯定的啊，既然都
2018-10-16 11:07:53
5
原创 [Flutter Widget]ExpansionTile
前言在前面的文章紅我們學習了Chip的用法，使用Chip可以很方便的完成對想要的東西打上想要的標籤。在文章的最後讓大家實現如下的效果其實實現起來非常的簡單，使用隨機的顏色和隨機的圖標來完成Wrap的佈局,代碼非常的簡單。代碼：import
2018-10-16 11:07:53
23
原创 [Flutter Widget]Chip
前言在前面的文章中我們看了下Tooltip的用法，在文章的最後也給大家留了一個問題，自定義自己的Tooltip。可以看到在上圖中，同樣是Tooltip，我們修改了Tooltip的背景顏色，以及裝飾器的邊框弧度，還有Tooltip的寬高比。其
2018-10-16 11:07:53
14
原创 自定義View概述
前言在前面的文章中我們學習了ExpansionPanelList的用法，使用ExpansionPanelList可以很輕鬆的實現可展開列表的效果，在文章的最後依然給大家留下了個小問題，實現如下效果。 在前面已經提到了，使用Expansion
2018-10-16 11:03:00
1