您最多选择25个主题
主题必须以中文或者字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
919 行
38 KiB
919 行
38 KiB
using System;
|
|
using System.Collections.Generic;
|
|
using System.Linq;
|
|
using UIWidgets.Tests.demo_charts;
|
|
using Unity.UIWidgets.animation;
|
|
using Unity.UIWidgets.editor;
|
|
using Unity.UIWidgets.foundation;
|
|
using Unity.UIWidgets.gestures;
|
|
using Unity.UIWidgets.material;
|
|
using Unity.UIWidgets.painting;
|
|
using Unity.UIWidgets.rendering;
|
|
using Unity.UIWidgets.ui;
|
|
using Unity.UIWidgets.widgets;
|
|
using UnityEditor;
|
|
using UnityEngine;
|
|
using Color = Unity.UIWidgets.ui.Color;
|
|
using Image = Unity.UIWidgets.widgets.Image;
|
|
using TextStyle = Unity.UIWidgets.painting.TextStyle;
|
|
using Transform = Unity.UIWidgets.widgets.Transform;
|
|
|
|
namespace UIWidgets.Tests {
|
|
public class Widgets : EditorWindow {
|
|
WindowAdapter windowAdapter;
|
|
|
|
readonly Func<Widget>[] _options;
|
|
|
|
readonly string[] _optionStrings;
|
|
|
|
int _selected;
|
|
|
|
string localImagePath;
|
|
|
|
[NonSerialized] bool hasInvoked = false;
|
|
|
|
public Widgets() {
|
|
this.wantsMouseEnterLeaveWindow = true;
|
|
this.wantsMouseMove = true;
|
|
this._options = new Func<Widget>[] {
|
|
this.localImage,
|
|
this.container,
|
|
this.flexRow,
|
|
this.flexColumn,
|
|
this.containerSimple,
|
|
this.eventsPage,
|
|
this.asPage,
|
|
this.stack,
|
|
this.mouseHover,
|
|
this.charts
|
|
};
|
|
this._optionStrings = this._options.Select(x => x.Method.Name).ToArray();
|
|
this._selected = 0;
|
|
|
|
this.titleContent = new GUIContent("Widgets Test");
|
|
}
|
|
|
|
void OnGUI() {
|
|
var selected = EditorGUILayout.Popup("test case", this._selected, this._optionStrings);
|
|
|
|
// if local image test
|
|
if (selected == 0) {
|
|
this.localImagePath = EditorGUILayout.TextField(this.localImagePath);
|
|
|
|
if (this._selected != selected) {
|
|
this._selected = selected;
|
|
this._attachRootWidget(new Container());
|
|
}
|
|
|
|
if (GUILayout.Button("loadLocal")) {
|
|
var rootWidget = this._options[this._selected]();
|
|
this._attachRootWidget(rootWidget);
|
|
}
|
|
|
|
if (GUILayout.Button("loadAsset")) {
|
|
var rootWidget = this.loadAsset();
|
|
this._attachRootWidget(rootWidget);
|
|
}
|
|
|
|
if (GUILayout.Button("UnloadUnusedAssets")) {
|
|
Resources.UnloadUnusedAssets();
|
|
}
|
|
}
|
|
else if (selected != this._selected || !this.hasInvoked) {
|
|
this._selected = selected;
|
|
this.hasInvoked = true;
|
|
|
|
var rootWidget = this._options[this._selected]();
|
|
|
|
this._attachRootWidget(rootWidget);
|
|
}
|
|
|
|
this.windowAdapter.OnGUI();
|
|
}
|
|
|
|
void _attachRootWidget(Widget widget) {
|
|
this.windowAdapter.attachRootWidget(() => new WidgetsApp(
|
|
home: widget,
|
|
navigatorKey: GlobalKey<NavigatorState>.key(),
|
|
pageRouteBuilder: (RouteSettings settings, WidgetBuilder builder) =>
|
|
new PageRouteBuilder(
|
|
settings: settings,
|
|
pageBuilder: (BuildContext context, Animation<float> animation,
|
|
Animation<float> secondaryAnimation) => builder(context)
|
|
)));
|
|
}
|
|
|
|
void Update() {
|
|
this.windowAdapter.Update();
|
|
}
|
|
|
|
void OnEnable() {
|
|
FontManager.instance.addFont(Resources.Load<Font>("MaterialIcons-Regular"), "Material Icons");
|
|
|
|
this.windowAdapter = new EditorWindowAdapter(this);
|
|
this.windowAdapter.OnEnable();
|
|
}
|
|
|
|
void OnDisable() {
|
|
this.windowAdapter.OnDisable();
|
|
this.windowAdapter = null;
|
|
}
|
|
|
|
Widget stack() {
|
|
var image = new Container(
|
|
width: 150,
|
|
height: 150,
|
|
child: Image.network(
|
|
"https://tse3.mm.bing.net/th?id=OIP.XOAIpvR1kh-CzISe_Nj9GgHaHs&pid=Api",
|
|
width: 100,
|
|
height: 100
|
|
)
|
|
);
|
|
var text = new Container(
|
|
width: 150,
|
|
height: 150,
|
|
child: new Text("TTTTTTTTTTTTTTTTEST")
|
|
);
|
|
List<Widget> rowImages = new List<Widget>();
|
|
rowImages.Add(image);
|
|
rowImages.Add(text);
|
|
return new Stack(
|
|
children: rowImages,
|
|
alignment: Alignment.center
|
|
);
|
|
}
|
|
|
|
Widget localImage() {
|
|
var image = Image.file(this.localImagePath,
|
|
filterMode: FilterMode.Bilinear
|
|
);
|
|
|
|
return image;
|
|
}
|
|
|
|
Widget loadAsset() {
|
|
var image = Image.asset(this.localImagePath,
|
|
filterMode: FilterMode.Bilinear
|
|
);
|
|
|
|
return image;
|
|
}
|
|
|
|
Widget flexRow() {
|
|
var image = Image.network(
|
|
"https://tse3.mm.bing.net/th?id=OIP.XOAIpvR1kh-CzISe_Nj9GgHaHs&pid=Api",
|
|
width: 100,
|
|
height: 100
|
|
);
|
|
List<Widget> rowImages = new List<Widget>();
|
|
rowImages.Add(image);
|
|
rowImages.Add(image);
|
|
rowImages.Add(image);
|
|
rowImages.Add(image);
|
|
|
|
var row = new Row(
|
|
textDirection: null,
|
|
textBaseline: null,
|
|
key: null,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.max,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
verticalDirection: VerticalDirection.down,
|
|
children: rowImages
|
|
);
|
|
|
|
return row;
|
|
}
|
|
|
|
Widget flexColumn() {
|
|
var image = Image.network(
|
|
"https://tse3.mm.bing.net/th?id=OIP.XOAIpvR1kh-CzISe_Nj9GgHaHs&pid=Api",
|
|
width: 100,
|
|
height: 100
|
|
);
|
|
List<Widget> columnImages = new List<Widget>();
|
|
columnImages.Add(image);
|
|
columnImages.Add(image);
|
|
columnImages.Add(image);
|
|
|
|
var column = new Column(
|
|
textDirection: null,
|
|
textBaseline: null,
|
|
key: null,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.max,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
verticalDirection: VerticalDirection.down,
|
|
children: columnImages
|
|
);
|
|
|
|
return column;
|
|
}
|
|
|
|
Widget container() {
|
|
var image = Image.network(
|
|
"https://tse3.mm.bing.net/th?id=OIP.XOAIpvR1kh-CzISe_Nj9GgHaHs&pid=Api",
|
|
width: 100,
|
|
height: 100,
|
|
repeat: ImageRepeat.repeatX
|
|
);
|
|
var container = new Container(
|
|
width: 200,
|
|
height: 200,
|
|
margin: EdgeInsets.all(30.0f),
|
|
padding: EdgeInsets.all(15.0f),
|
|
child: image,
|
|
decoration: new BoxDecoration(
|
|
color: CLColors.white,
|
|
borderRadius: BorderRadius.all(30),
|
|
gradient: new LinearGradient(colors: new List<Color> {CLColors.blue, CLColors.red, CLColors.green})
|
|
)
|
|
);
|
|
|
|
return container;
|
|
}
|
|
|
|
Widget containerSimple() {
|
|
var container = new Container(
|
|
alignment: Alignment.centerRight,
|
|
color: Color.fromARGB(255, 244, 190, 85),
|
|
child: new Container(
|
|
width: 120,
|
|
height: 120,
|
|
color: Color.fromARGB(255, 255, 0, 85)
|
|
)
|
|
);
|
|
|
|
return container;
|
|
}
|
|
|
|
Widget eventsPage() {
|
|
return new EventsWaterfallScreen();
|
|
}
|
|
|
|
Widget asPage() {
|
|
return new AsScreen();
|
|
}
|
|
|
|
Widget mouseHover() {
|
|
return new MouseHoverWidget();
|
|
}
|
|
|
|
Widget charts() {
|
|
return new ChartPage();
|
|
}
|
|
}
|
|
|
|
|
|
public class AsScreen : StatefulWidget {
|
|
public AsScreen(Key key = null) : base(key) {
|
|
}
|
|
|
|
public override State createState() {
|
|
return new _AsScreenState();
|
|
}
|
|
}
|
|
|
|
class _AsScreenState : State<AsScreen> {
|
|
const float headerHeight = 50.0f;
|
|
|
|
Widget _buildHeader(BuildContext context) {
|
|
var container = new Container(
|
|
padding: EdgeInsets.only(left: 16.0f, right: 8.0f),
|
|
height: headerHeight,
|
|
color: CLColors.header,
|
|
child: new Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: new List<Widget> {
|
|
new Container(
|
|
child: new Text(
|
|
"All Assets",
|
|
style: new TextStyle(
|
|
fontSize: 16,
|
|
color: Color.fromARGB(100, 255, 255, 0)
|
|
)
|
|
)
|
|
),
|
|
new CustomButton(
|
|
padding: EdgeInsets.only(0.0f, 0.0f, 16.0f, 0.0f),
|
|
child: new Icon(
|
|
Icons.keyboard_arrow_down,
|
|
size: 18.0f,
|
|
color: CLColors.icon2
|
|
)
|
|
),
|
|
new Container(
|
|
decoration: new BoxDecoration(
|
|
color: CLColors.white,
|
|
borderRadius: BorderRadius.all(3)
|
|
),
|
|
width: 320,
|
|
height: 36,
|
|
padding: EdgeInsets.all(10.0f),
|
|
margin: EdgeInsets.only(right: 4),
|
|
child: new EditableText(
|
|
maxLines: 1,
|
|
selectionControls: MaterialUtils.materialTextSelectionControls,
|
|
controller: new TextEditingController("Type here to search assets"),
|
|
focusNode: new FocusNode(),
|
|
style: new TextStyle(
|
|
fontSize: 16
|
|
),
|
|
selectionColor: Color.fromARGB(255, 255, 0, 0),
|
|
cursorColor: Color.fromARGB(255, 0, 0, 0)
|
|
)
|
|
),
|
|
new Container(
|
|
decoration: new BoxDecoration(
|
|
color: CLColors.background4,
|
|
borderRadius: BorderRadius.all(2)
|
|
),
|
|
width: 36,
|
|
height: 36,
|
|
child: new Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: new List<Widget> {
|
|
new CustomButton(
|
|
padding: EdgeInsets.only(8.0f, 0.0f, 8.0f, 0.0f),
|
|
child: new Icon(
|
|
Icons.search,
|
|
size: 18.0f,
|
|
color: CLColors.white
|
|
)
|
|
)
|
|
}
|
|
)
|
|
),
|
|
new Container(
|
|
margin: EdgeInsets.only(left: 16, right: 16),
|
|
child: new Text(
|
|
"Learn Game Development",
|
|
style: new TextStyle(
|
|
fontSize: 12,
|
|
color: CLColors.white
|
|
)
|
|
)
|
|
),
|
|
new Container(
|
|
decoration: new BoxDecoration(
|
|
border: Border.all(
|
|
color: CLColors.white
|
|
)
|
|
),
|
|
margin: EdgeInsets.only(right: 16),
|
|
padding: EdgeInsets.all(4),
|
|
child: new Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: new List<Widget> {
|
|
new Text(
|
|
"Plus/Pro",
|
|
style: new TextStyle(
|
|
fontSize: 11,
|
|
color: CLColors.white
|
|
)
|
|
)
|
|
}
|
|
)
|
|
),
|
|
new Container(
|
|
margin: EdgeInsets.only(right: 16),
|
|
child: new Text(
|
|
"Impressive New Assets",
|
|
style: new TextStyle(
|
|
fontSize: 12,
|
|
color: CLColors.white
|
|
)
|
|
)
|
|
),
|
|
new Container(
|
|
child: new Text(
|
|
"Shop On Old Store",
|
|
style: new TextStyle(
|
|
fontSize: 12,
|
|
color: CLColors.white
|
|
)
|
|
)
|
|
),
|
|
}
|
|
)
|
|
);
|
|
|
|
return container;
|
|
}
|
|
|
|
Widget _buildFooter(BuildContext context) {
|
|
return new Container(
|
|
color: CLColors.header,
|
|
margin: EdgeInsets.only(top: 50),
|
|
height: 90,
|
|
child: new Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: new List<Widget> {
|
|
new Container(
|
|
margin: EdgeInsets.only(right: 10),
|
|
child: new Text(
|
|
"Copyright © 2018 Unity Technologies",
|
|
style: new TextStyle(
|
|
fontSize: 12,
|
|
color: CLColors.text9
|
|
)
|
|
)
|
|
),
|
|
new Container(
|
|
margin: EdgeInsets.only(right: 10),
|
|
child: new Text(
|
|
"All prices are exclusive of tax",
|
|
style: new TextStyle(
|
|
fontSize: 12,
|
|
color: CLColors.text9
|
|
)
|
|
)
|
|
),
|
|
new Container(
|
|
margin: EdgeInsets.only(right: 10),
|
|
child: new Text(
|
|
"Terms of Service and EULA",
|
|
style: new TextStyle(
|
|
fontSize: 12,
|
|
color: CLColors.text10
|
|
)
|
|
)
|
|
),
|
|
new Container(
|
|
child: new Text(
|
|
"Cookies",
|
|
style: new TextStyle(
|
|
fontSize: 12,
|
|
color: CLColors.text10
|
|
)
|
|
)
|
|
),
|
|
}
|
|
)
|
|
);
|
|
}
|
|
|
|
Widget _buildBanner(BuildContext context) {
|
|
return new Container(
|
|
height: 450,
|
|
color: CLColors.white,
|
|
child: Image.network(
|
|
"https://assetstorev1-prd-cdn.unity3d.com/banner/9716cc07-748c-43cc-8809-10113119c97a.jpg",
|
|
fit: BoxFit.cover,
|
|
filterMode: FilterMode.Bilinear
|
|
)
|
|
);
|
|
}
|
|
|
|
Widget _buildTopAssetsRow(BuildContext context, string title) {
|
|
var testCard = new AssetCard(
|
|
"AI Template",
|
|
"INVECTOR",
|
|
45.0f,
|
|
36.0f,
|
|
true,
|
|
"https://assetstorev1-prd-cdn.unity3d.com/key-image/76a549ae-de17-4536-bd96-4231ed20dece.jpg"
|
|
);
|
|
return new Container(
|
|
margin: EdgeInsets.only(left: 98),
|
|
child: new Column(
|
|
children: new List<Widget> {
|
|
new Container(
|
|
child: new Container(
|
|
margin: EdgeInsets.only(top: 50, bottom: 20),
|
|
child: new Row(
|
|
crossAxisAlignment: CrossAxisAlignment.baseline,
|
|
children: new List<Widget> {
|
|
new Container(
|
|
child: new Text(
|
|
title,
|
|
style: new TextStyle(
|
|
fontSize: 24,
|
|
color: CLColors.black
|
|
)
|
|
)
|
|
),
|
|
new Container(
|
|
margin: EdgeInsets.only(left: 15),
|
|
child:
|
|
new Text(
|
|
"See More",
|
|
style: new TextStyle(
|
|
fontSize: 16,
|
|
color: CLColors.text4
|
|
)
|
|
)
|
|
)
|
|
})
|
|
)
|
|
),
|
|
new Row(
|
|
children: new List<Widget> {
|
|
testCard,
|
|
testCard,
|
|
testCard,
|
|
testCard,
|
|
testCard,
|
|
testCard
|
|
}
|
|
)
|
|
}
|
|
));
|
|
}
|
|
|
|
bool _onNotification(ScrollNotification notification, BuildContext context) {
|
|
return true;
|
|
}
|
|
|
|
Widget _buildContentList(BuildContext context) {
|
|
return new NotificationListener<ScrollNotification>(
|
|
onNotification: (ScrollNotification notification) => {
|
|
this._onNotification(notification, context);
|
|
return true;
|
|
},
|
|
child: new Flexible(
|
|
child: new ListView(
|
|
physics: new AlwaysScrollableScrollPhysics(),
|
|
children: new List<Widget> {
|
|
this._buildBanner(context),
|
|
this._buildTopAssetsRow(context, "Recommanded For You"),
|
|
this._buildTopAssetsRow(context, "Beach Day"),
|
|
this._buildTopAssetsRow(context, "Top Free Packages"),
|
|
this._buildTopAssetsRow(context, "Top Paid Packages"),
|
|
this._buildFooter(context)
|
|
}
|
|
)
|
|
)
|
|
);
|
|
}
|
|
|
|
public override Widget build(BuildContext context) {
|
|
var mediaQueryData = MediaQuery.of(context);
|
|
var px = mediaQueryData.size.width / 2;
|
|
var py = mediaQueryData.size.width / 2;
|
|
|
|
var container = new Container(
|
|
color: CLColors.background3,
|
|
child: new Container(
|
|
color: CLColors.background3,
|
|
child: new Transform(
|
|
transform: Matrix3.makeRotate(Mathf.PI / 180 * 5, px, py),
|
|
child:
|
|
new Column(
|
|
children: new List<Widget> {
|
|
this._buildHeader(context),
|
|
this._buildContentList(context),
|
|
}
|
|
)
|
|
)
|
|
)
|
|
);
|
|
|
|
var stack = new Stack(
|
|
children: new List<Widget> {
|
|
container,
|
|
new Positioned(
|
|
top: 50,
|
|
right: 50,
|
|
child: new BackdropFilter(
|
|
filter: ImageFilter.blur(10, 10),
|
|
child: new Container(
|
|
width: 300, height: 300,
|
|
decoration: new BoxDecoration(
|
|
color: Colors.transparent
|
|
)
|
|
)
|
|
)
|
|
)
|
|
}
|
|
);
|
|
|
|
return stack;
|
|
}
|
|
}
|
|
|
|
public class AssetCard : StatelessWidget {
|
|
public AssetCard(
|
|
string name,
|
|
string category,
|
|
float price,
|
|
float priceDiscount,
|
|
bool showBadge,
|
|
string imageSrc
|
|
) {
|
|
this.name = name;
|
|
this.category = category;
|
|
this.price = price;
|
|
this.priceDiscount = priceDiscount;
|
|
this.showBadge = showBadge;
|
|
this.imageSrc = imageSrc;
|
|
}
|
|
|
|
public readonly string name;
|
|
public readonly string category;
|
|
public readonly float price;
|
|
public readonly float priceDiscount;
|
|
public readonly bool showBadge;
|
|
public readonly string imageSrc;
|
|
|
|
public override Widget build(BuildContext context) {
|
|
var card = new Container(
|
|
margin: EdgeInsets.only(right: 45),
|
|
child: new Container(
|
|
child: new Column(
|
|
children: new List<Widget> {
|
|
new Container(
|
|
decoration: new BoxDecoration(
|
|
color: CLColors.white,
|
|
borderRadius: BorderRadius.only(topLeft: 3, topRight: 3)
|
|
),
|
|
width: 200,
|
|
height: 124,
|
|
child: Image.network(
|
|
this.imageSrc,
|
|
fit: BoxFit.fill
|
|
)
|
|
),
|
|
new Container(
|
|
color: CLColors.white,
|
|
width: 200,
|
|
height: 86,
|
|
padding: EdgeInsets.fromLTRB(14, 12, 14, 8),
|
|
child: new Column(
|
|
crossAxisAlignment: CrossAxisAlignment.baseline,
|
|
children: new List<Widget> {
|
|
new Container(
|
|
height: 18,
|
|
padding: EdgeInsets.only(top: 3),
|
|
child:
|
|
new Text(this.category,
|
|
style: new TextStyle(
|
|
fontSize: 11,
|
|
color: CLColors.text5
|
|
)
|
|
)
|
|
),
|
|
new Container(
|
|
height: 20,
|
|
padding: EdgeInsets.only(top: 2),
|
|
child:
|
|
new Text(this.name,
|
|
style: new TextStyle(
|
|
fontSize: 14,
|
|
color: CLColors.text6
|
|
)
|
|
)
|
|
),
|
|
new Container(
|
|
height: 22,
|
|
padding: EdgeInsets.only(top: 4),
|
|
child: new Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: new List<Widget> {
|
|
new Container(
|
|
child: new Row(
|
|
children: new List<Widget> {
|
|
new Container(
|
|
margin: EdgeInsets.only(right: 10),
|
|
child: new Text(
|
|
"$" + this.price,
|
|
style: new TextStyle(
|
|
fontSize: 14,
|
|
color: CLColors.text7,
|
|
decoration: TextDecoration.lineThrough
|
|
)
|
|
)
|
|
),
|
|
new Container(
|
|
child: new Text(
|
|
"$" + this.priceDiscount,
|
|
style: new TextStyle(
|
|
fontSize: 14,
|
|
color: CLColors.text8
|
|
)
|
|
)
|
|
)
|
|
})
|
|
),
|
|
this.showBadge
|
|
? new Container(
|
|
width: 80,
|
|
height: 18,
|
|
color: CLColors.black,
|
|
child: new Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: new List<Widget> {
|
|
new Text(
|
|
"Plus/Pro",
|
|
style: new TextStyle(
|
|
fontSize: 11,
|
|
color: CLColors.white
|
|
)
|
|
)
|
|
}
|
|
)
|
|
)
|
|
: new Container()
|
|
}
|
|
)
|
|
)
|
|
}
|
|
)
|
|
)
|
|
}
|
|
)
|
|
)
|
|
);
|
|
return card;
|
|
}
|
|
}
|
|
|
|
public class EventsWaterfallScreen : StatefulWidget {
|
|
public EventsWaterfallScreen(Key key = null) : base(key: key) {
|
|
}
|
|
|
|
public override State createState() {
|
|
return new _EventsWaterfallScreenState();
|
|
}
|
|
}
|
|
|
|
class _EventsWaterfallScreenState : State<EventsWaterfallScreen> {
|
|
const float headerHeight = 80.0f;
|
|
|
|
float _offsetY = 0.0f;
|
|
#pragma warning disable 0414
|
|
int _index = -1;
|
|
#pragma warning restore 0414
|
|
|
|
Widget _buildHeader(BuildContext context) {
|
|
return new Container(
|
|
padding: EdgeInsets.only(left: 16.0f, right: 8.0f),
|
|
// color: CLColors.blue,
|
|
height: headerHeight - this._offsetY,
|
|
child: new Row(
|
|
children: new List<Widget> {
|
|
new Flexible(
|
|
flex: 1,
|
|
fit: FlexFit.tight,
|
|
child: new Text(
|
|
"Today",
|
|
style: new TextStyle(
|
|
fontSize: (34.0f / headerHeight) *
|
|
(headerHeight - this._offsetY),
|
|
color: CLColors.white
|
|
)
|
|
)),
|
|
new CustomButton(
|
|
padding: EdgeInsets.only(8.0f, 0.0f, 8.0f, 0.0f),
|
|
child: new Icon(
|
|
Icons.notifications,
|
|
size: 18.0f,
|
|
color: CLColors.icon2
|
|
)
|
|
),
|
|
new CustomButton(
|
|
padding: EdgeInsets.only(8.0f, 0.0f, 16.0f, 0.0f),
|
|
child: new Icon(
|
|
Icons.account_circle,
|
|
size: 18.0f,
|
|
color: CLColors.icon2
|
|
)
|
|
)
|
|
}
|
|
)
|
|
);
|
|
}
|
|
|
|
bool _onNotification(ScrollNotification notification, BuildContext context) {
|
|
float pixels = notification.metrics.pixels;
|
|
if (pixels >= 0.0) {
|
|
if (pixels <= headerHeight) {
|
|
this.setState(() => { this._offsetY = pixels / 2.0f; });
|
|
}
|
|
}
|
|
else {
|
|
if (this._offsetY != 0.0) {
|
|
this.setState(() => { this._offsetY = 0.0f; });
|
|
}
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
|
|
Widget _buildContentList(BuildContext context) {
|
|
return new NotificationListener<ScrollNotification>(
|
|
onNotification: (ScrollNotification notification) => {
|
|
this._onNotification(notification, context);
|
|
return true;
|
|
},
|
|
child: new Flexible(
|
|
child: new Container(
|
|
// color: CLColors.green,
|
|
child: ListView.builder(
|
|
itemCount: 20,
|
|
itemExtent: 100,
|
|
physics: new AlwaysScrollableScrollPhysics(),
|
|
itemBuilder: (BuildContext context1, int index) => {
|
|
return new Container(
|
|
color: Color.fromARGB(255, (index * 10) % 256, (index * 20) % 256,
|
|
(index * 30) % 256)
|
|
);
|
|
}
|
|
)
|
|
)
|
|
)
|
|
);
|
|
}
|
|
|
|
public override Widget build(BuildContext context) {
|
|
var container = new Container(
|
|
// color: CLColors.background1,
|
|
child: new Container(
|
|
// color: CLColors.background1,
|
|
child: new Column(
|
|
children: new List<Widget> {
|
|
this._buildHeader(context),
|
|
this._buildContentList(context)
|
|
}
|
|
)
|
|
)
|
|
);
|
|
return container;
|
|
}
|
|
}
|
|
|
|
public class CustomButton : StatelessWidget {
|
|
public CustomButton(
|
|
Key key = null,
|
|
GestureTapCallback onPressed = null,
|
|
EdgeInsets padding = null,
|
|
Color backgroundColor = null,
|
|
Widget child = null
|
|
) : base(key: key) {
|
|
this.onPressed = onPressed;
|
|
this.padding = padding ?? EdgeInsets.all(8.0f);
|
|
this.backgroundColor = backgroundColor ?? CLColors.transparent;
|
|
this.child = child;
|
|
}
|
|
|
|
public readonly GestureTapCallback onPressed;
|
|
public readonly EdgeInsets padding;
|
|
public readonly Widget child;
|
|
public readonly Color backgroundColor;
|
|
|
|
public override Widget build(BuildContext context) {
|
|
return new GestureDetector(
|
|
onTap: this.onPressed,
|
|
child: new Container(
|
|
padding: this.padding,
|
|
color: this.backgroundColor,
|
|
child: this.child
|
|
)
|
|
);
|
|
}
|
|
}
|
|
|
|
public static class Icons {
|
|
public static readonly IconData notifications = new IconData(0xe7f4, fontFamily: "Material Icons");
|
|
public static readonly IconData account_circle = new IconData(0xe853, fontFamily: "Material Icons");
|
|
public static readonly IconData search = new IconData(0xe8b6, fontFamily: "Material Icons");
|
|
public static readonly IconData keyboard_arrow_down = new IconData(0xe313, fontFamily: "Material Icons");
|
|
}
|
|
|
|
public static class CLColors {
|
|
public static readonly Color primary = new Color(0xFFE91E63);
|
|
public static readonly Color secondary1 = new Color(0xFF00BCD4);
|
|
public static readonly Color secondary2 = new Color(0xFFF0513C);
|
|
public static readonly Color background1 = new Color(0xFF292929);
|
|
public static readonly Color background2 = new Color(0xFF383838);
|
|
public static readonly Color background3 = new Color(0xFFF5F5F5);
|
|
public static readonly Color background4 = new Color(0xFF00BCD4);
|
|
public static readonly Color icon1 = new Color(0xFFFFFFFF);
|
|
public static readonly Color icon2 = new Color(0xFFA4A4A4);
|
|
public static readonly Color text1 = new Color(0xFFFFFFFF);
|
|
public static readonly Color text2 = new Color(0xFFD8D8D8);
|
|
public static readonly Color text3 = new Color(0xFF959595);
|
|
public static readonly Color text4 = new Color(0xFF002835);
|
|
public static readonly Color text5 = new Color(0xFF9E9E9E);
|
|
public static readonly Color text6 = new Color(0xFF002835);
|
|
public static readonly Color text7 = new Color(0xFF5A5A5B);
|
|
public static readonly Color text8 = new Color(0xFF239988);
|
|
public static readonly Color text9 = new Color(0xFFB3B5B6);
|
|
public static readonly Color text10 = new Color(0xFF00BCD4);
|
|
public static readonly Color dividingLine1 = new Color(0xFF666666);
|
|
public static readonly Color dividingLine2 = new Color(0xFF404040);
|
|
|
|
public static readonly Color transparent = new Color(0x00000000);
|
|
public static readonly Color white = new Color(0xFFFFFFFF);
|
|
public static readonly Color black = new Color(0xFF000000);
|
|
public static readonly Color red = new Color(0xFFFF0000);
|
|
public static readonly Color green = new Color(0xFF00FF00);
|
|
public static readonly Color blue = new Color(0xFF0000FF);
|
|
|
|
public static readonly Color header = new Color(0xFF060B0C);
|
|
}
|
|
}
|