zoukankan      html  css  js  c++  java
  • UnityGUI:在限定区域中自动滚动文字

    帝都今天下的雨不小,貌似西土城路再次内涝了。大下午的天就跟黑了似的,于是一个人呆在实验室里吹着空调写着代码,也很惬意。周六有一整天的空闲时间,可以花很多心思去构思和实验,感觉一天下来收获不少。今天对项目做了一些分析,自己提了一大堆新的功能需求,要完成这些恐怕不是几个周六就能搞定的,好在这个东西就是用来打发闲暇时光的,没有老板整天跟在屁股后面催,所以我也不着急,慢慢一个一个实现。所以对于这个游戏到底什么时候能完成的问题,我也没个大概估计,走一步算一步吧,最重要的是从开发过程中切实学到东西。

    我们都知道GUILayout的强大,自动化的排版让我们更快速更省心的开发GUI,但是很多时候需要结合GUI中的控件来创造一些特殊的效果,Unity对GUILayout和GUI的混合支持的也非常好。比如GUILayout.Area中穿插GUI.Label. 从今天的实验情况来看Unity中默认把GUILayout的Area中的GUI控件的起始坐标都是设置在Area自身的坐标系下,而不是整个Screen的坐标系,这样可以方便的在Area中添加GUI空间,并且如果坐标放置在Area本身显示区域的外面的话,还会屏蔽这个控件的显示。这就是本次文字滚动效果的原理。


    var textRollSpeed:float = 10;
    var textRollPos:float = GUI_AREA_HEIGHT;
    GUILayout.BeginArea(Rect(Screen.width / 2 - GUI_AREA_WIDTH / 2,
    					Screen.height - GUI_AREA_HEIGHT * 2,
    					GUI_AREA_WIDTH,
    					GUI_AREA_HEIGHT), myGUISkin.box);
    //只要滚动未完成(还没滚动到顶部)则按照指定速度滚动
    if (textRollPos > 0)
    	textRollPos -= Time.deltaTime * textRollSpeed;
    else
    	textRollPos = 0;
    //rollText为需要滚动显示的一段文字.
    GUI.Label(Rect(10, textRollPos, GUI_AREA_WIDTH - 20, GUI_AREA_HEIGHT),rollText);
    GUILayout.EndArea();
    //当文字滚动到限定区域顶部即滚动完成时显示Press To Continue按钮.
    if (textRollPos <= 0)
    {
    	if(GUI.Button(Rect(Screen.width / 2 - MENU_BTN_WIDTH / 2,
    						Screen.height - GUI_AREA_HEIGHT + 50,
    						MENU_BTN_WIDTH,
    						MENU_BTN_HEIGHT), "Press To Continue..."))
    	{
    		Application.LoadLevel(nextLevel);
    	}
    }
    


    myGUISkin.box返回一个GUIStyle,定制这个area的显示效果和GUI.Box的显示效果一致,即背景半透明效果。实际的效果如图所示,第一张图是刚开始从下向上滚动,在area外面的文字被很好的隐藏了。


    区域内的文字刚开始从下部边缘出现并向上滚动
    区域内的文字刚开始从下部边缘出现并向上滚动


    第二张图是滚动结束的效果,滚动结束出现按钮。


    滚动结束出现按钮
    滚动结束出现按钮
  • 相关阅读:
    程序性能优化之布局检测与优化(二)下篇
    程序性能优化之布局检测与优化(二)上篇
    程序性能优化之启动速度与执行效率优化(一)下篇
    程序性能优化之启动速度与执行效率优化(一)上篇
    【前端图表】echarts散点图鼠标划过散点显示信息
    【干货】前端开发者最常用的六款IDE
    全网最全的小程序学习资料和文章,看这篇就够了
    Jquery+Ajax+Bootstrap Paginator实现分页的拼接
    推荐一款在线工具-程序员的工具箱
    推荐一款稳定快速免费的前端开源项目 CDN 加速服务
  • 原文地址:https://www.cnblogs.com/definitelymaybe/p/3617775.html
Copyright © 2011-2022 走看看