RPG项目_UI登录

首先创建一个项目

将资源包导进Resources文件夹

RPG项目_UI登录_第1张图片

创建一个Scripts脚本文件夹

RPG项目_UI登录_第2张图片

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

RPG项目_UI登录_第3张图片

导入UI资源包

RPG项目_UI登录_第4张图片

创建一个Image

RPG项目_UI登录_第5张图片

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

RPG项目_UI登录_第6张图片

修改image名字为BG

RPG项目_UI登录_第7张图片

将image图片放置背景栏

再创建一个image

改名为MainMenu

修改MainMenu得长宽尺寸 320 500

image选取输入3_0

   RPG项目_UI登录_第8张图片

解释:

RPG项目_UI登录_第9张图片

选择具体图片

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

RPG项目_UI登录_第10张图片

这样每一块都可以分割了

RPG项目_UI登录_第11张图片

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

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

调节四个点内缩

RPG项目_UI登录_第12张图片

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

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

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

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

你可能感兴趣的:(c#,1024程序员节)