第3课:背包模块之UI界面制作

一,导入素材

  1,导入UI素材到Textures文件下;

  2,设置图片类型为Sprite(2D and UI);

  3,设置需要拉伸的UI为九宫格格式;

二,背包面板制作

  1,Canvas下新建一个空物体InventroyPanel,描点为4个角;

  2,InventroyPanel下新建一个Image-----Background;

    #设置宽:1050,高450;

    #定位描点为中下;

    #Posy:400;

    #选择一张图片;

  3,Background下新建一个空物体----Grid;

    #默认描点;

    #设置宽:947,高340;

    #添加系统自带脚本:Grid Layout Group

      &Cell  X:100   Y:100;

      &Spacing  X:20   Y:20;

  4,Grid下新建一个Image-----Solt;

    #默认描点;

    #选择一张图片;

  5,Solt下新建一个Image-----Item;

    #默认描点;

    #选择一张图片;

  6,Item下新建一个Text-----Num;

    #描点设置为中右;

    #设置宽:80,高30;

    #Pos X:-45;

    #Anchors-------Pivot :0;

    #Alignment:右对齐,垂直方式居下对齐;

    #字号:24;

    #白色字;

posted @ 2018-12-06 02:40  青梨  阅读(686)  评论(0编辑  收藏  举报