文档章节

Uinty的uGUI学习(07):Toggle(单多选)、slider(滑动器)

宇鸿165
 宇鸿165
发布于 2017/04/22 18:00
字数 457
阅读 78
收藏 0
点赞 0
评论 0

#####一、uGUI - Toggle(单选、多选按钮)

  • 1.checkbox_radio 多选_单选
  • 2.创建多个Toggle(默认就是相当于多选了)
  • 3.(单选操作)创建一个空的对象(Create Empty Child)
  • 4.设置GameObejctscriptToggleGroup
  • 5.给多个topple绑定ToggleGroupGameObejct实现单选功能

属性面板

>>> Rect Transform (位置 : 公用属性)>>>
锚点:Anchors
中心点:Pivot
旋转:Rotation
放大:Scale

>>> Toggle(script) >>>
是否可以交互 : Interactable
状态转变的(默认 Color Tint,如果不想使用颜色变化,设置为None):Transition(1.none 2.Color Tint 3.Sprite Swap 4.Animation)
目标图形:Target Graphic
正常的颜色:Normal Color
高亮颜色:Highlighted Colior
按颜色:Pressed Color
禁用颜色:Disabled Color
颜色倍增器(颜色的亮度):Color Multiplier
衰落持续时间(中间的动画转变时间):Fade Duration

导航:Navigation
可视化:visualize

在 :is On
切换过渡:Toggle Transition
图解的:Graphic
组:Group

关于值变化(布尔):On Value Changed(Boolean)

11_1Toggle属性面板.png

11_2Toggle的结构.png

11_3创建一个空的对象.png

11_4给对象设置脚本script.png

11_5给topple绑定一个组(实现单选功能).png

11_6整理UI.png

#####二、uGUI - slider(滑动条、滑动器)

属性面板

>>> Rect Transform (位置 : 公用属性)>>>
锚点:Anchors
中心点:Pivot
旋转:Rotation
放大:Scale

>>> Slider(script) >>>
 是否可以交互 : Interactable (设置不可交互能当做进度条来使用)
状态转变的(默认 Color Tint,如果不想使用颜色变化,设置为None):Transition(1.none 2.Color Tint 3.Sprite Swap 4.Animation)
目标图形:Target Graphic
正常的颜色:Normal Color
高亮颜色:Highlighted Colior
按颜色:Pressed Color
禁用颜色:Disabled Color
颜色倍增器(颜色的亮度):Color Multiplier
衰落持续时间(中间的动画转变时间):Fade Duration

导航:Navigation
可视化:visualize

方向
填充矩形 : Fill Rect (滑动块)
处理矩形 : Handle Rect(游标,小石头)
方向 : Direction
最小值 : Min Value
最大值 : Max Value
全数字 : Whole Numbers
当前的值 : Value

价值变动(单): On Value Changed(Single)

13_1slider的属性面板.png

13_2slider的结构.png


© 著作权归作者所有

共有 人打赏支持
宇鸿165
粉丝 1
博文 154
码字总数 368963
作品 0
广州
UGUI全面实践教程

UGUI全面实践教程 试读文档下载地址:http://pan.baidu.com/s/1hq3UYGk 介绍:UGUI是Unity官方推出的最新UI系统。本教程为国内唯一的UGUI专向资料。本教程全面讲解UGUI的各项内容,如交互控件...

大学霸 ⋅ 2015/03/10 ⋅ 0

Balsamiq Mockups UI控件名中英文对照

Balsamiq Mockups 是最近两年广受欢迎的互联网产品原型设计工具。虽然这款工具的名字很难读,不过它的易用程度超过了同类的原型工具。Balsamiq Mockups适合绘制早期的产品草图,例如你的灵感...

凯文加内特 ⋅ 2014/04/04 ⋅ 0

39 个超实用 jQuery 实例应用特效

1.Contextual Slideout:上下文滑动特效 2.Revealing Photo Slider:图片幻灯片特效 3.Fancy Box:魔幻盒 4.Scrollable:滚动特效 5.Flip:翻转特效,实现4个方向旋转 6.Smart tooltips:智能...

MrMign ⋅ 2012/09/12 ⋅ 6

39个超实用jQuery实例应用特效

摘要:程序员和Web设计师可以利用jQuery的诸多特性开发设计出许多光彩夺目的网站,当然这也取决于设计师们自己的创造力。 下面收集了39个开发者们最爱的jQuery应用以及教程,快来试试,让你的...

冰点沐雪 ⋅ 2012/09/10 ⋅ 0

Unity4.6新UI系统初探(uGUI)

一、引言 Unity终于在即将到来的4.6版本内集成了所见即所得的UI解决方案(视频)。事实上从近几个版本开始,Unity就在为这套系统做技术扩展,以保证最终能实现较理想的UI系统。本文试图通过初步...

小姚 ⋅ 2014/12/24 ⋅ 1

JQuery 淡出、 动画、显示/隐藏切换等效果

1、jQuery slideToggle() 表示简单的 slide panel 效果。 2、jQuery fadeTo()表示简单的淡出效果。 3、jQuery animate() 动画效果 4、显示/隐藏切换效果 $("p").toggle(); 5、jQuery 效果 函...

zting科技 ⋅ 2017/10/23 ⋅ 0

iOS-QQ音乐播放器的简单实现

一. QQ音乐播放器的简单实现 每个音乐播放器的实现都大致相同,个人认为难点在于歌曲播放与Slider的同步,歌词的解析与播放的同步。这些过程虽然繁琐,但是理解起来并不难。先来看看简单实现...

xx_cc ⋅ 2016/10/21 ⋅ 0

【代码笔记】h5 jquery mobile 笔记

关于h5 jquery mobile常用代码的笔记,入门h5时做的笔记,我就是顺手用sublime text来做笔记导致笔记没啥标注和重点区分的人...以前考试复习也是顺手开sublime text来记重点...不过用sublime...

JSAL ⋅ 2016/08/02 ⋅ 0

Weex快速上手教程(Weex Tutorial)

我们将使用Weex编写一个简单的列表 , 类似的列表经常能在电商类移动应用中见到。 开始 我们先编写一个列表项。 请创建一个名为 tech_list.we 的文件( .we 是Weex推荐的后缀名 ) ,请复制粘贴...

阿里百川 ⋅ 2016/06/14 ⋅ 0

让不懂编程的人爱上iPhone开发(2017秋iOS11+Swift4+Xcode9版)-第6篇

欢迎继续回来一起学习iPhone开发。 热身结束,让我们真正来做游戏吧! 到目前为止我们已经完成了基本的用户界面,而且也学习了如何确定滑动条的位置,这样我们的to-do清单上已经解决了一大部...

王寒 ⋅ 2017/10/29 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Day 17 vim简介与一般模式介绍

vim简介 vi和Vim的最大区别就是编辑一个文件时vi不会显示颜色,而Vim会显示颜色。显示颜色更便于用户编辑,凄然功能没有太大的区别 使用 yum install -y vim-enhanced 安装 vim的三种常用模式...

杉下 ⋅ 56分钟前 ⋅ 0

【每天一个JQuery特效】根据可见状态确定是否显示或隐藏元素(3)

效果图示: 主要代码: <!DOCTYPE html><html><head><meta charset="UTF-8"><title>根据可见状态确定 是否显示或隐藏元素</title><script src="js/jquery-3.3.1.min.js" ty......

Rhymo-Wu ⋅ 今天 ⋅ 0

OSChina 周四乱弹 —— 初中我身体就已经垮了,不知道为什么

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @加油东溪少年 :下完这场雨 后弦 《下完这场雨》- 后弦 手机党少年们想听歌,请使劲儿戳(这里) @马丁的代码 :买了日本 日本果然赢了 翻了...

小小编辑 ⋅ 今天 ⋅ 12

浅谈springboot Web模式下的线程安全问题

我们在@RestController下,一般都是@AutoWired一些Service,由于这些Service都是单例,所以并不存在线程安全问题。 由于Controller本身是单例模式 (非线程安全的), 这意味着每个request过来,...

算法之名 ⋅ 今天 ⋅ 0

知乎Java数据结构

作者:匿名用户 链接:https://www.zhihu.com/question/35947829/answer/66113038 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 感觉知乎上嘲讽题主简...

颖伙虫 ⋅ 今天 ⋅ 0

Confluence 6 恢复一个站点有关使用站点导出为备份的说明

推荐使用生产备份策略。我们推荐你针对你的生产环境中使用的 Confluence 参考 Production Backup Strategy 页面中的内容进行备份和恢复(这个需要你备份你的数据库和 home 目录)。XML 导出备...

honeymose ⋅ 今天 ⋅ 0

JavaScript零基础入门——(九)JavaScript的函数

JavaScript零基础入门——(九)JavaScript的函数 欢迎回到我们的JavaScript零基础入门,上一节课我们了解了有关JS中数组的相关知识点,不知道大家有没有自己去敲一敲,消化一下?这一节课,...

JandenMa ⋅ 今天 ⋅ 0

火狐浏览器各版本下载及插件httprequest

各版本下载地址:http://ftp.mozilla.org/pub/mozilla.org//firefox/releases/ httprequest插件截至57版本可用

xiaoge2016 ⋅ 今天 ⋅ 0

Docker系列教程28-实战:使用Docker Compose运行ELK

原文:http://www.itmuch.com/docker/28-docker-compose-in-action-elk/,转载请说明出处。 ElasticSearch【存储】 Logtash【日志聚合器】 Kibana【界面】 答案: version: '2'services: ...

周立_ITMuch ⋅ 今天 ⋅ 0

使用快嘉sdkg极速搭建接口模拟系统

在具体项目研发过程中,一旦前后端双方约定好接口,前端和app同事就会希望后台同事可以尽快提供可供对接的接口方便调试,而对后台同事来说定好接口还仅是个开始、设计流程,实现业务逻辑,编...

fastjrun ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部