【从安装到打包】基于Unity2018实现的全景交互方案全流程(6)

在Canvas上右键，UI-Image，创建一个Image，在Scene窗口里按R键使用缩放工具对形状进行更改，改成窄长条，然后再右边的小方格字里选择为向下靠拢的模式，将锚点定在下方，然后调整颜色和透明度

在Canvas上右键，UI-Button创建一个按钮，打开UI的文件夹，将第一个全景UI图拖到右边的Image（Script）组件的第一个格子Source Image里，然后点一下下面的SetNativeSize

按R键使用缩放工具将图片缩小，使用W键移动位置，将其他图片都用这种方式，添加到底部栏上方，快捷复制的方法是在Hierachy栏选中button然后按Ctrl+D，就可以复制出来一个，然后把图片替换掉就行了

接下来 在Assets文件夹里Create一个Floder，取名为Script，双击打开，右键Create一个C# Script，取名为SceneSwitch。

双击打开SceneSwitch，写入以下代码，保存，返回Unity

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.SceneManagement;//启用unity的场景管理器的代码

public class SceneSwitch : MonoBehaviour

{

    //将其他的代码都删除掉

    public void Scene1()//创建一个跳转1号场景的方法

    {

        SceneManager.LoadScene("Scenes/Scene1");//跳转场景到Scenes/Scene1，这里是在BuildSetting里的场景名字

    }

    public void Scene2()

    {

        SceneManager.LoadScene("Scenes/Scene2");

    }

    public void Scene3()

    {

        SceneManager.LoadScene("Scenes/Scene3");

    }

    public void Scene4()

    {

        SceneManager.LoadScene("Scenes/Scene4");

    }

    public void Scene5()

    {

        SceneManager.LoadScene("Scenes/Scene5");

    }

    public void Scene6()

    {

        SceneManager.LoadScene("Scenes/Scene6");

    }

    public void Scene7()

    {

        SceneManager.LoadScene("Scenes/Scene7");

    }

    public void Scene8()

    {

        SceneManager.LoadScene("Scenes/Scene8");

    }

    public void Scene9()

    {

        SceneManager.LoadScene("Scenes/Scene9");

    }

}

先点击Canvas，然后将SceneSwitch拖到Canvas，这时候右侧属性栏就会出现这个脚本的组件了

1、先点击Button 2、点击右侧这个加号 +  3、将左侧的Canvas拖入到右边刚才创建出来的这一行的下面那个格子里，然后在右边的格子里点击选择 SceneSwitch-Scene1（），其余的同理将对应的2、3、4、5、6、7、8、9的都添加上。

此时可以测试一下，首先点击上方的播放按钮，然后等一下让它变成蓝色的时候，用鼠标随便点一个下面的图片，看看场景是否跳转了。