首先创建一个项目

将资源包导进Resources文件夹

创建一个Scripts脚本文件夹

然后再对Scripts脚本文件夹分门别类

导入UI资源包

创建一个Image

按住Alt 选择右下角 image就会覆盖整个面板

修改image名字为BG

将image图片放置背景栏

再创建一个image

改名为MainMenu

修改MainMenu得长宽尺寸 320 500

image选取输入3_0

   

解释：

选择具体图片

点击以下Slice切片，即可在图片中选择区域分割

这样每一块都可以分割了

如果切割不明显，可以做见拉动自定义截取

仔细看图片外面有蓝色的线框，和四个绿色的点

调节四个点内缩

这样的设定是设计成无论是横向拉伸与纵向拉伸都不会被拉伸

这样设定是为了适配任何面板，点击Apply应用

替换掉图片对面板进行拖拽拉伸，其都不会改变最外四角边框

知识点讲解完成换成图片3_0 并调节位置与尺寸