学习笔记:Unity战斗卡牌游戏(一)-----NGUI基础组件使用及代码修改获取

找到一个视频学习,资源和源码都有,作者还有群,群里气氛挺活跃的,一些用到的软件群里也有共享,居然还有群友催作者更新教程视频,问技术问题也有人积极回答,而且看了看教程目录感觉讲得挺深入浅出的,不是太简单的demo,就打算上手开始学习。

尽管作者录音质量很差,速度很快(点击按钮时说“我们点击这个按钮”,无论啥按钮都是用“这个”表示,从来不说按钮名),但是还是感觉讲得挺好(不只有步骤,还有讲这么做实现的效果或者利弊)。。。而且废话不多。。。其博客是:http://www.xiaobao1993.com/886.html,其qq群是:162541429


一 学习UGUI

因为作者用的是UGUI,我之前没学过,就跑去游戏蛮牛看了看UGUI的官方教程,大概了解了怎么布局怎么用。


二 下载素材

因为视频前4集素材和后面用的不一样,所以有些东西和视频的不对应得自己从下来的素材中找,但是至少还是能找到的,而且界面布局步骤是一样的,有种看完视频自己做小练习的感觉,感觉还是挺练手的。

后来发现作者居然更新视频了。。。。重新下了看看,还好没有看完旧版的。

项目及视频下载地址:http://pan.baidu.com/s/1gdCKDaj


三 学习界面布局

1. 自制Atlas图集,并切九宫格

好处:节省图片大小

1) 用TexturePacker打包

image

image

得到一个.png一个.txt文件

image

2) unity导入图片并设置

image

3)添加材质

image

4) 添加图集预设

image

5)画九宫

image


2. 设置Label字体

1)导入字体

image

2)添加Label和Label的字体

image

image

3)获取Label并修改属性

public class test : MonoBehaviour {
    UILabel label;
    void Start () {
        label = gameObject.GetComponent<UILabel>();
        label.text = "Hello, 飞飞!";
        label.color = new Color(111.0f / 255, 1, 1);
        label.alpha = 0.5f;
        label.effectStyle = UILabel.Effect.Shadow;
        label.effectColor = Color.yellow;   
    }
}
image

3. 做登录界面

制作输入框:

1) 背景框 :Input1

2)Label :Acc

步骤:

a) 在Input1上加Box Collider,并让其自动匹配大小

image

b) 在Input1上加UIInput,并匹配Acc

image

做密码框时要调整输入类型

image

做出界面如下:

image

image

posted @ 2015-06-28 18:29  薇清浅  阅读(6916)  评论(0编辑  收藏  举报