【UE4学习记录】UE4网络方面的探索0-1

2016.8.2.

       在UE4主界面的设置上其实注意一下小细节就好。是关于服务端,客户端的一些功能:在播放展开箭头下,选择新建编辑器窗口,这样方便检视服务端窗口和客户端窗口,在下面的玩家数量修改为2,一般播放就能出现两个运行窗口了。


    关于UI的创建:在UI文件夹下右键用户界面-控件蓝图(widget blueprint).习惯命名为菜单UI之类的命名,双击打开本蓝图。

                                  拖动左边的各个组件到中间的视图操作界面,自行调整就好。



编译-保存。再打开关卡蓝图。打开关蓝图是干嘛呢?当然是为了我们的UI可以执行,通过添加事件等等吧啦吧啦一大推玩意实现,看下图!!


灰常简单的内容,实现UI显示。当然这只是凤毛麟角。

接下来是UI的一些修改


备注:如果播放显示按钮界面等不正常的话,

打开UI编辑界面,选中要调节的组件,右边会显示锚点,选择对应的位置即可解决显示不正常的问题!


再进入关卡蓝图,为我们播放项目时候添加自己的鼠标,用来输入文字等进行对话


但是应该要注意到,其实我们刚刚添加的按钮是点击无反应的状态。

原因很简单:只要再进入UI编辑器里,把其他组件设置一下对应的锚点就可以了,然后鼠标放上按钮会显示一下凹凸的变化,说明没有被其他组件挡住,正常点击。


对于Button,应该很多人注意到,UE4直接输入中文会很蛋疼0.0,各种毛病都会在后面出现,那么我们说一个小技巧,在文本文档中事先写好文字,复制进去,反而在后期制作中,会相应减少很多关于语言问题的出现率。


那么还是漏了一个小细节,就是Button添加后,Button上的字需要自己再添加TEXT到Button上,这样才能在右边找到Content,里面才能输入文字!


我把俩Button叫做服务器的连接和取名字。

那么,服务器连接,要连接到哪呢,肯定连接服务器呀,输入指定服务器地址进行建立连接,大概这个思路。


于是就要新建两个个UI蓝图,我叫做IntServerUI和NameUI这样好理解。


打开连接服务器那个UI,就是IntServerUI,在里面创建一些必要的组件,如,TEXT,BUTTON之类,我的界面如下



细心的人总会发现,TEXT里面的实例字样很小,或者想添加实例字样怎么办,选中这个TEXT,右边有个HIT TEXT就是示例字,展开STYLE,可以找到Font字样,后面默认数字一般是9,这儿我们改为50.当然你的不需要那么大,可以随你修改到适合为止。

PS:记住修改锚点,不然依旧会出现新出现的这个服务器UI显示位置偏移的现象!!活学活用呀。

我们之前的那个连接服务器是点击后要出现这个才行,不然怎么连接服务器呀,那么就是说调用这个UI喽。

这个步骤其实可以简化,不需要自己折腾,选择之前那个连接服务器的按钮,右边有个EVENT或者事件,点击添加事件(具体名字叫做Add OnClicked)自动跳转到蓝图,还是和之前写蓝图一样,创建个用户控件(英文名:输入Widget会出现的用户控件,找不到?看下图



其实嘛,这个步骤走下来,你会发现,你连多个UI之间的切换都学会了,多了一个小技能,你可以在你的项目里使用这个方法。


我们接着看,之前我们做的那个连接到服务器的UI有个取消按钮,那么如何实现取消后,退出这个UI呢,或者说游戏界面这个UI消失掉,怎么实现,SO简单

点击那个取消按钮(怎么到你的取消按钮?打开那个啥UI呗)依旧是点击右边的Event里的OnClicked。

在跳转到蓝图后,我们需要做的就是右键添加remove from parent这个组件,然后,然后蓝图编辑over了。就是那么简单。

对照下图看看你是不是remove parent了



那么好学的人总是想知道确定按钮用来干嘛呢?问题回答的好,因为自问自答,这确定是键入去服务器上的,是client和server之间的数据传输事情了。

确定按钮实现正确连接后,就是client发送数据给server了。天真的我自然把这个确定按钮当作摆设了,因为我们目前还停留在UI各种设置界面。

服务器那边的事情,我们慢慢来做,确定按钮,你就先呆着好了。


至于NameUI的编写,怎么简单怎么来,那好。和IntServerUI一样好了。PS:界面差不多就行了、

当然,别忘了锚点设置,第一个UI跳转到这个UI的设置,这些很简单,不会的,滚轮滚上去look look就好啦,温故而知新,可以为师矣。

要注意一点,确定按钮在后面的操作中是要具体实现的,目前虽然不做,但是不要抛弃他,于是我们在确定按钮蓝图中做个小修改!看图



那么我们给项目的UI界面的一些设置就到这里结束了,接下来我们做的是对UI的按钮,UI的功能做进一步的实现。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值