美文网首页unity3D
Uinty的uGUI学习(09):案例-游戏设置界面动画效果

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

作者: liyuhong165 | 来源:发表于2017-04-24 18:00 被阅读132次
    一、uGUI - setting(设置界面动画效果)
    - windows - assetstore (Command + 9)
    
    16_1进入assetStore.png 16_2下载itweenVisualEditor.png 16_3导入itweenVisualEditor的包.png 16_4替换之前itweenVisualEditor的包或者API文件.png 16_5itweenVisualEditor结构.png
    • 2.添加设置按钮的点击方法、和定义游戏物体的属性
    16_6通过脚本定义属性到unity进行绑定属性.png 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

    16_9buildSettings添加场景.png

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/dnwtzttx.html