Uinty的uGUI学习(09):案例-游戏设置界面动画效果

一、uGUI - setting(设置界面动画效果)
  • 1.动画效果 assetStore - itween Visual Editor搜索、下载、导入、使用
- windows - assetstore (Command + 9)
16_1进入assetStore.png
Uinty的uGUI学习(09):案例-游戏设置界面动画效果_第1张图片
16_2下载itweenVisualEditor.png
Uinty的uGUI学习(09):案例-游戏设置界面动画效果_第2张图片
16_3导入itweenVisualEditor的包.png
Uinty的uGUI学习(09):案例-游戏设置界面动画效果_第3张图片
16_4替换之前itweenVisualEditor的包或者API文件.png
Uinty的uGUI学习(09):案例-游戏设置界面动画效果_第4张图片
16_5itweenVisualEditor结构.png
  • 2.添加设置按钮的点击方法、和定义游戏物体的属性
Uinty的uGUI学习(09):案例-游戏设置界面动画效果_第5张图片
16_6通过脚本定义属性到unity进行绑定属性.png
Uinty的uGUI学习(09):案例-游戏设置界面动画效果_第6张图片
16_7查看其他包的方法参数.png
  • 3.使用itween的动画
1.直接移动会出现问题
2.我们使用之前的位置 + 偏移量(之前的距离 + 到达目的地的距离)
3.每次点击都会偏移440(所以我们需要一个标志位 isOut = ture[默认是在外面])
    public bool isOut = true; // 表示 设置界面是否在外面 (true 在外面)
    public void OnSettingsButtonClick(){
        if (isOut) {
            // +440 移动进来 并且设置isOut属性已经不再外面了 
            isOut = false;
            // 以一个动画的形式 进入
            // 参数1 移动那个游戏物体 : setting
            // 参数2 移动到目标位置  : new Vector3(196,0,0) 
            // 参数3 动画的时间      : 0.5秒
            // iTween.MoveTo(setting,new Vector3(196,0,0),0.5f);
            iTween.MoveTo (setting, setting.transform.position + new Vector3 (440, 0, 0), 0.5f);
        } else {
            // -440 移动出去 并且设置isOut属性在外面了
            iTween.MoveTo (setting, setting.transform.position - new Vector3 (440, 0, 0), 0.5f);
            isOut = true;
        }
    }

  • 4.切换场景
1.场景必须要放到 build settings里面
2.加载场景 -- Application.LoadLevel ("009_menu");
>>>
    public void OnLoginButtonClock()
    {
        string username = this.if_user.text; // username.text 错误写法 ,因为 username 是一个局部变量 我们要使用外部变量需要加上this.,访问属性
        string passwrod = this.if_pwd.text;

        if (username == "admin" && passwrod == "admin") {
            // 登录成功之后,跳转到游戏界面
            // 场景必须要放到 build settings里面才能切换场景
            print("登录成功之后,跳转到游戏界面");
            Application.LoadLevel ("009_menu");
        } else {
            showmessage.gameObject.SetActive(true);
            showmessage.text = "你的用户名或者密码错误,请重新输入";
            StartCoroutine (DisappearMessage ());
        }
    }

16_8把场景添加到buildSettings里面用来进行切换场景.png

Uinty的uGUI学习(09):案例-游戏设置界面动画效果_第7张图片
16_9buildSettings添加场景.png

你可能感兴趣的:(Uinty的uGUI学习(09):案例-游戏设置界面动画效果)