本文核心要點

百度百科對漸變的解釋

漸變是一種有規律性的變化。漸變能給人很強的節奏感和審美情趣。這種形式在日常生活中隨處可見，是一種常見的視覺形象。由於繪畫中透視的原理，物體就會出現近大遠小的變化，許多自然理象都充滿了漸變的形式特點。運用漸變技術能使畫面更加豐富，給人視覺更強的衝擊力。

漸變效果看起確實比一般純色看起來要好看些，所以今天我也來講解一下Flutter怎麼實現這樣的效果，學過前端H5開發的應該知道css實現漸變效果。

CSS3 定義了兩種型別的漸變（gradients）：

今天我們來看看Flutter是怎麼實現這種效果的。

import 'package:flutter/material.dart';LinearGradient getCustomGradient() {  // Flutter實現漸變API：LinearGradient  return LinearGradient(    //漸變具有兩個錨點，開始和結束。該開始點對應於0.0，並且結束點對應於1.0。這些點以分數表示，因此相同的梯度可以在不改變引數的情況下與大小變化的框一起重複使用。（這與新的ui.Gradient.linear相對，後者的引數以邏輯畫素表示。）      colors: [Colors.pink, Colors.blueAccent],      begin: const FractionalOffset(0.0, 0.0),      end: const FractionalOffset(0.6, 0.0),      stops: [0.0, 0.6],      tileMode: TileMode.clamp);}

LinearGradient講解

這個類主要是2D漸變,漸變具有兩個錨點，開始和結束。該開始點對應於0.0，並且結束點對應於1.0。這些點以分數表示，因此相同的梯度可以在不改變引數的情況下與大小變化的框一起重複使用。

運用也很簡單，可以建立一個文字控制元件，然後設定一下背景就行了。