@[TOC]UGUI
五.UGUI(中)
6.Input Field:输入框
由子物体Placeholder(Text)和Text(Text)组成Input Field自带一个Image组件,代表输入框的背景Placeholder:没有任何字符输出的时候,显示在输入框中Text:用户输入的内容文本Input Field(Script) 组件Text Component:用户输入的文本显示在哪个文本框中,按本身的输入框文本样式的显示Text:输入框中的文本Character Limit:位数限制,0是不限位置Content Type:文本类型Standard:标准Line Type:换行方式Single Line:单行显示Multi Line Submit:超出显示范围另起一行Multi Line Newline:可以使用回车键另起一行Autocorrected:自动纠错Integer Number:只能输入整型数字Decimal Number:可以输入浮点型数字Alphanumeric:可以输入字母和数字Name:每个单词的首字母自动大写Email Address:可以输入邮件格式Password:将输入的文字以星号显示Pin:将输入的文字以星号显示,只能输入数字Custom:自定义Line Type:换行方式Single LineMulti Line SubmitMulti Line NewlineInput Type:输入方式StandardAuto CorrectPasswordKeyboard Type:键盘模式DefaultASCII CapableNumbers And PunctuationURLNumber PadPhone PadName Phone PadEmail AddressNintendo Network AccountCharacter Validation:字符验证NoneIntegerDecimalAlphanumericNameEmail AddressCaret Blink Rate:光标闪烁频率(1秒几次,默认0.85次)Caret Width:光标宽度Custom Caret Color:自定义光标颜色Selection Color:自定义选择颜色Hide Mobile Input:隐藏系统键盘,iOS专用Read Only:只读不能写On Value Changed(Stirng) 每次输入框改变都触发On End Edit(String) 停止编辑后触发一次
7.Dropdown:下拉菜单
由标签label 箭头arrow 模板template(下拉菜单每一个选项的模板)组成Dropdown(Script)组件TemplateCaption Text:将选择的选项中的文字显示在指定的Text组件中Caption Image:将选择的选项中的图片显示在指定的Image组件中Item Text:每个选项中的文字显示在指定的Text组件中Item Image:每个选项中可以加图片,显示在指定的Image组件中OptionsOnValueChanged(Int32)
参数是Option的序号,从0开始代码设置Dropdown// 声明一个dropdown Dropdown _dropdown = GetComponent(); // Dropdown.OptionData用来存Option数据 List<Dropdown.OptionData> data = new List<Dropdown.OptionData>() { new Dropdown.OptionData(){ text = “helloworld1” }, new Dropdown.OptionData(){ text = “helloworld2” } }; // 两种方式设置options // 1. 覆盖之前的所有设置 _dropdown.options = data; // 2. 添加设置 _dropdown.AddOptions(List<Dropdown.OptionData> data);
8.Panel
自带一个Image组件,是一个有勾边有圆角的Image,默认alpha通道小更多情况下来做容器,默认和父物体一样大
9.Rect Transform
继承自Transform,拥有transform的所有属性方法
Pivot:轴(心)点一个物体的中心,T工具中心的空心蓝点,如果选择了Center,不能移动轴点如果选择了Pivot,可以移动轴点X:轴点的X比例,1是最右侧,0是最左侧Y:轴点的Y比例,1是最上侧,0是最下侧(0, 0)是左下角,(1, 1)是右上角Anchor:锚点锚点是两个点锚点之间的关系锚点:Min = Max 是一个点Pos X:轴点到锚点水平方向的间距,轴点 - 锚点Pos Y:轴点到锚点垂直方向的间距,轴点 - 锚点Width:物体的宽度Height:物体的高度锚线:Min != Max 坐标有一个相同,有一个不同,两点连成一条线水平Left:物体的左边缘到左边锚点的水平间距Pos Y:轴点到锚点垂直方向的间距Right:物体的右边缘到右边锚点的水平间距Height:物体的高度垂直Pos X:轴点到锚点水平方向的间距Top:物体的上边缘到上边锚点的垂直间距Width:物体的宽度Bottom:物体的下边缘到下边锚点的垂直间距锚框:Min != Max坐标都不同,连城一个矩形,min在左下角,max在右上角Left:物体的左边缘到左边锚点的水平间距Right:物体的右边缘到右边锚点的水平间距Top:物体的上边缘到上边锚点的垂直间距Bottom:物体的下边缘到下边锚点的垂直间距锚点是相对于父物体的代码中修改RectTransform// 获得RectTransform组件 RectTransform rect = GetComponent(); // 矩形右上角的相对于父物体的按比例坐标位置 rc.anchorMax = new Vector2(0.7f, 0.7f); // 矩形左下角的相对于父物体的按比例坐标位置 rc.anchorMin = new Vector2(0.7f, 0.7f); // 矩形的右上角相对于右上角锚点的偏移量(x轴,y轴) // 两个参数是RectTransform的(-左下角,-右上角) rc.offsetMax = new Vector2(10, 10); // 矩形的左下角相对于左下角锚点的偏移量(x轴,y轴) // 两个参数是RectTransform的(左上角,右下角) rc.offsetMin = new Vector2(10, 10); // 矩形的轴点相对于锚点的偏移量 rc.anchoredPosition = new Vector2(10, 10); // 轴点的按比例坐标位置 rc.pivot = new Vector2(5, 5); // 当两点重合时,代表高度和宽度 // 当两点不重合时(?跟失了智一样) rc.sizeDelta = new Vector2(10, 10);
10.UGUI事件的回调
UGUI事件使用接口回调,使用时要使脚本类实现接口的方法
回调方法名所在接口说明void OnPointerEnter(PointerEventData eventData)IPointerEnterHandler鼠标进入时触发void OnPointerExit(PointerEventData eventData)IPointerExitHandler鼠标离开时触发void OnPointerDown(PointerEventData eventData)IPointerDownHandler鼠标按下时触发void OnPointerUp(PointerEventData eventData)IPointerUpHandler鼠标抬起时触发void OnPointerClick(PointerEventData eventData)IPointerClickHandler鼠标点击时触发void OnBeginDrag(PointerEventData eventData)IBeginDragHandler开始拖拽时触发void OnDrag(PointerEventData eventData)IDragHandler拖拽中持续触发void OnEndDrag(PointerEventData eventData)IEndDragHandler拖拽结束后触发