ui动效 unity_Unity - UIWidgets 2. 控件组合

UIWidgets没有提供完整文档, 称可以去看Flutter的文档 中文 \ 英文

控件(Control)在Flutter中称为"Widget", 一个界面的若干控件是通过widget的组合实现的

通过UI容器类可以组合控件

Row是其中一种容器

using System.Collections.Generic;

using Unity.UIWidgets.engine;

using Unity.UIWidgets.painting;

using Unity.UIWidgets.widgets;

using UnityEngine;

public class TestPanel : UIWidgetsPanel

{

protected override Widget createWidget() => new Counter1();

class Counter1 : StatelessWidget

{

public override Widget build(BuildContext context)

{

Text text = new Text(

data: "Hello world",

style: new TextStyle(

color: Unity.UIWidgets.ui.Color.white,

fontSize: 20,

fontStyle: Unity.UIWidgets.ui.FontStyle.italic

)

);

GestureDetector gestureDetector = new GestureDetector(

child: text,

onTap: () =>

{

Debug.Log("Rua!");

}

);

Text text2 = new Text(

data: "line 2!"

);

Row row = new Row(

children: new List

{

gestureDetector,

text2,

}

);

return row;

}

}

}

效果如下

继承自MultiChildRenderObjectWidget的大多数UI容器类的都可以设置children属性, 如Flex, Row, Column, ListBody, Stack, Wrap, CustomMultiChildLayout等, 具体用法还需要查看Flutter文档

通过组合做一个稍复杂一点的界面

下面我打算做一个特别简单的表单,