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元素的乙個特定的例項。主題是乙個包含一種或者多種格式化屬...