Advertisement

Unity 2019 UnityElement 笔记(十)练习二

阅读量:

本次进行一项列表形式的练习,此前曾提及或许需要借助模板,但最终发现实际应用中需根据具体情况而定,那么现在便开始进行。

目标

设计一个可滚动的面板,用于呈现物品的图标及其名称。
本次仅展示功能实现,未进行界面美化处理,敬请理解。

一、单个Node的制作方法

此时操作已较为熟练,按照常规流程建立基础结构,此处将其命名为myNode,文件路径设定为Assets/Editor/myNode/…,随后进行细微调整:
在UXML文件中配置Image与Label组件,并通过一个容器元素将二者整合于其中

复制代码
    <VisualElement class="node">
      <VisualElement name="box" class="container__row">
    <Image name="Icon" class="pic"/>
    <Label name="nameLabel" text="物品名称"/>
      </VisualElement>
    </VisualElement>
    
    
      
      
      
      
      
      
    

对USS系统进行适当调整与优化(可根据实际需求进行美化处理)

复制代码
    /*----------------

全部评论 (0)

还没有任何评论哟~