awesome-uiwidgets/AwesomeUIWidgets/Assets/Scripts/RaycastableScene/ItemPickerMainUIPanel.cs

using System.Collections.Generic;
using uiwidgets;
using Unity.UIWidgets.engine;
using Unity.UIWidgets.material;
using Unity.UIWidgets.widgets;
using UnityEngine;

namespace UIWidgetsSample.RaycastableScene
{
    public class ItemPickerMainUIPanel : UIWidgetsRaycastablePanel
    {
        protected override void onEnable()
        {
            AddFont("Material Icons", new List<string> {"MaterialIcons-Regular.ttf"}, new List<int> {0});
        }

        protected override void main()
        {
            ui_.runApp(new ItemPickerMainUI());
        }
    }

    public class ItemPickerMainUI : StatelessWidget
    {
        public override Widget build(BuildContext context)
        {
            return new MaterialApp(
                home: new Scaffold(
                    backgroundColor: Colors.blue.withAlpha(64),
                    body: new ItemPickerMainWidget()
                    )
                );
        }
    }

    public class ItemPickerMainWidget : StatefulWidget
    {
        public override State createState()
        {
            return new ItemPickerMainWidgetState();
        }
    }

    public class ItemPickerMainWidgetState : State<ItemPickerMainWidget>
    {
        public override Widget build(BuildContext context)
        {
            return new Column(
                    children: new List<Widget>
                    {
                        buildTop(),
                        buildMiddle()
                    }
                );
        }

        private Widget buildTop()
        {
            return new RaycastableContainer(child: new SceneBoard());
        }

        private Widget buildMiddle()
        {
            return new Expanded(child: new Row(
                    children: new List<Widget>
                    {
                        buildLeft(),
                        new Container()
                    }
                ));
        }

        private Widget buildLeft()
        {
            return new RaycastableContainer(child: new Container(width: 100f, color: Colors.green.withAlpha(125), child: new LeftUIPanel(
                itemNames: new List<PickListItem>
                {
                    new PickListItem("cube1"), 
                    new PickListItem("cube2"), 
                    new PickListItem("cube3"), 
                    new PickListItem("cube4"), 
                    new PickListItem("ball1"), 
                    new PickListItem("ball2"), 
                    new PickListItem("ball4"), 
                    new PickListItem("cylinder1"), 
                    new PickListItem("cylinder2")
                },
                itemCheckCallback: (index, active) =>
                {
                    //TODO: callback when item is activated/inactivated
                    Debug.Log($"item {index}'s state is {active}");
                },
                itemSelectCallback: (index) =>
                {
                    //TODO: callback when item is selected
                    Debug.Log($"item {index} is selected");
                }
            )));
        }
    }
}