Unity UGUI复合组件

Mask组件

比如实现圆形头像

参数:没有子物体能显示时,是否显示父物体本图

Mask组件配合Image组件使用

带有Mask组件的图,会显示子物体图片中,父物体图片Alpha通道不为0的部分

ScrollView组件

实际显示区域的UI对象

是否开启横向滚动

是否开启纵向滚动

滚动类型

无边界自由滚动

有边界带回弹效果(回弹系数)

有边界无回弹效果

拖拽惯性

滚轮或触摸板移动系数

ScrollView的可视区域

横向滚动条

可见性(可见区域与实际显示区域对比)

一直显示

自动隐藏

自动隐藏,并支持自动扩展区域

空间

横纵滚动条交叉区域预留空间

纵向滚动条

可见性(可见区域与实际显示区域对比)

一直显示

自动隐藏

自动隐藏,并支持自动扩展区域

空间

横纵滚动条交叉区域预留空间

ScrollBar组件

Handle Rect:拖拽条对象

运行方向:上下,下上,左右,右左

拖拽条对应的值(0起始位置,1结束位置)

拖拽条占滚动条的比例(可视区域/实际区域,自动计算)

按步拖拽(固定步数分步显示所有实际区域)

Layout排列组件

(纵向自适应排列组件)

外框的内边距(左右上下)

元素间距

子元素对齐方式(外框的九个点位)

排序组件是否控制子元素的宽高(是否控制宽度,是否控制高度)

子元素强制自适应(宽[和外框对齐],高[根据外框等分计算后,设置子元素高])

纵向排列元素转90度

外框的内边距(左右上下)

内部元素的宽高(宽度,高度),不能自由修改子元素的宽高

子元素间距(横向,纵向)

第一个子元素位于的角(左上,右上,左下,右下)

开始排列的轴方向(横向,纵向)

子元素对齐方式(外框的九个点位)

固定行列数(自适应,设置固定列[列数],设置固定行[行数])

父元素宽高自适应组件

横(不适应,最小值)

纵(不适应,最小值)

Dropdown组件

Template:下拉菜单的ScrollView

当前选中的选项对应的文字组件(选中的选项文字内容,显示在这个组件中)

当前选中的图片选项对应的图片组件(选中的选项图片,显示在这个组件中)

下拉菜单中,存储选项的文本组件(来自Template下,每个选项会复制一份)

下拉菜单中,存储选项的图片组件(来自Template下,每个选项会复制一份)

当前下拉菜单选中的选项列表,的选项所在索引值

一组选项列表(List,选项可以是文字,也可以是图片)

当选项更改时,回调函数会获得对应选项的索引值

原文地址:https://www.cnblogs.com/DGJS/p/11051938.html

时间: 2024-09-29 05:35:53

Unity UGUI复合组件的相关文章

Unity UGUI——Text组件(Paragraph)

Alignment.Horizontal Overflow.Vertical Overflow.Best Fit

Unity UGUI——Text组件(Character和Paragraph)

Character和Paragraph属性组

Unity UGUI——Text组件(Character)

Character和Paragraph属性组

Unity UGUI —— 无限循环List

还记得大学毕业刚工作的时候是做flash的开发,那时候看到别人写的各种各样的UI组件就非常佩服,后来自己也慢慢尝试着写,发现其实也就那么回事.UI的开发其实技术的成分相对来说不算多,但是一个好的UI是绝对少不了底层组件的支持的.我个人认为UI组件中相对比较复杂的就是List了,所以,这两天实现了一个UGUI的list,写了好几个版本,最终这个版本是相对比较好用的,在这我介绍一下大概思路,一是巩固一下知识做个记录,二是发扬一下分享精神.嘿嘿,大家多多赐教. 写List有两个重点是需要考虑的: 1.

扩展 Unity 内置类型 (组件)

Unity 内置组件基本没有可以继承的.某些比较常用但现有 API 没有定义的功能,我们可以通过C# 的扩展类方法来实现.下面是一些比较实用的扩展方法. 扩展 Transform 每一个 GameObject 都含有一个 Transform 组件(在 UGUI 里新引入的 RectTransform 继承 Transform),GameObject 的层级也是由 Transform 负责的.以下扩展方法使用了 C# 的委托,关于委托可以参考这里:C# 中的 delegate 和 event. /

【Unity3D API的学习与使用】Unity实现GUI组件的位移、缩放和旋转

在使用Unity中GUI组件时,我们可以像处理一个实体一样,对其进行位移.缩放和旋转的操作. 其中,位移和缩放都只需要改变其Rect的内容即可,前者改变x.y参数,后者改变width和height参数,而旋转则有所不同,它需要使用GUI.matrix的一个函数: GUIUtility.RotateAroundPivot (rotAngle, pivotPoint) 参数说明: rotAngle:旋转的角度: pivotPoint:旋转时围绕的中心点. JavaScript示例: #pragma

android自定义view、viewgroup、复合组件(1)

自定义红点的imageview RedTipImageView.java import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.util.AttributeSet; import android

vue复合组件----注册表单

<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/vue.js"></script> </head> <body> <div id="container"> <p>{{msg}}<

组件/组件属性/复合组件

一. 创建/* 创建一个组件类, 用于输出 hello react** 1.React中创建的组将类,大写字母开头* 2.使用React.createClass方法创建一个组件类* 3.核心代码:每个组件类都必须实现自己的render方法, 输出定义好的组件模板,返回值:null,fasle,组件模板* 4.注意:组件类只能包含一个顶层标签** */ var HelloMessage = React.createClass({ render: function () { //返回定义的组件模板