主題設定 flutter主題設定

2021-10-14 17:33:42 字數 1306 閱讀 4486

theme元件可以為material全域性:

區域性:

/// 假如我們要給floatingactionbutton設定主題樣式

/// 直接寫個theme包裹floatingactionbutton元件

/// 然後設定data,接收型別依然是themedata,裡面填寫我們的引數

/// (如果沒有設定區域性主題則預設使用全域性主題)

new theme(

data: new themedata(

accentcolor: colors.yellow,

),child: new floatingactionbutton(

onpressed: () {},

child: new icon(icons.add),

),);

擴充套件父主題:

/// 擴充套件父主題時無需覆蓋所有的主題屬性,可以通過使用copywith方法來實現

new theme(

data: theme.of(context).copywith(accentcolor: colors.yellow),

child: new floatingactionbutton(

onpressed: null,

child: new icon(icons.add),

),);

判斷平台顯示指定主題:

tips:

flutter的color中大多數顏色從100到900,增量為100,加上顏色50,數字越小顏色越淺, 數字越大顏色越深。強調色調只有100、200、400和700。

栗子:

推薦站點(material design):

為你的ui建立共享調色盤,並衡量任何顏色組合的可觀性【非常實用的工具】。

實現效果:

分析:這次是使用區域性的實現,哪個頁面需要同步就加個theme就行了,全域性也是類似的實現方式,主體**不到100行。

**: 首先寫個配置類,主要配置主題的是否為黑夜模式和主題樣式:

class config 

然後我們正常的執行**:

再把newpage測試頁面寫上:

直接複製到自己的專案內即可執行。

Android Studio主題設定

android studio發布也好多天了。剛好本人目前的專案需要android平板和pc區域網連線操作。就開始使用android studio了。不過預設的介面實在看不過眼,下面我們來看看android studio的主題吧。我們先選擇nimbus試試,這個名字很熟悉吧!整個介面煥然一新了吧。當然...

WebStorm主題設定

對於使用webstorm作為開發工具的筒子們,應該忍受不了預設的主題吧,但是自己去乙個乙個設定又太繁瑣。so,去網上下個主題那是必須的。搜來一圈,發現乙個 提供了不少主題。閒話少說,進入正題。2.然後將主題檔案copy到乙個資料夾下。使用osx系統的童鞋放到 libray preferences w...

android主題設定

當你設計你的程式的時候,你可以用風格和主題來統一格式化各種螢幕和ui元素。風格是乙個包含一種或者多種格式化屬性的集合,你可以將其用為乙個單位用在布局xml單個元素當中。比如,你可以定義一種風格來定義文字的字型大小大小和顏色,然後將其用在view元素的乙個特定的例項。主題是乙個包含一種或者多種格式化屬...