(9)UI(容器)
1.基础容器
基础容器可以设置子容器布局、是否裁切子元素、填充颜色、背景图片资源等属性。
使用场景。
在官方示例中,大量使用了基础容器作布局管理,如下面的主界面中,用户名称,钻石和金币就使用了基础容器,以保证相对布局的统一:
场景1:如果不显示容器外的内容。
当容器上的控件有超出容器的部分时,可以通过属性“裁切内容”使超出部分将被隐藏,不予显示。
场景2:设置容器的背景填充和填充效果。
您可以为基础容器填充两种类型的背景色:纯色背景、渐变背景。您可以选择单色并设置背景的不透明度;当您选择渐变背景时,需要设置起始颜色和结束颜色,并且可以为这两个颜色分别设置不透明度。
场景3:快速添加子控件。
在画布中选中控件后右键,您可以添加所有类型控件作为他的子控件。
2.列表容器
列表容器是一个能够自动排列控件的容器。
注意:当一个控件被添加到列表容器后,它的坐标将无法修改。
使用场景。
列表容器常被用于游戏中关卡列表等具有列表效果的场景中。
场景1:如果不显示容器外的内容。
当容器上的控件有超出容器的部分时,可以通过属性“裁切内容”使超出部分将被隐藏,不予显示。
场景2:自定义列表容器显示方式。
列表容器实现列表效果只需要为列表容器添加子控件,通过设置列表滚动方向、子控件对齐方式、子控件间隔等属性可以决定列表容器对子控件布局的影响从而实现横向或纵向滚动的列表。
3.翻页容器
翻页容器是一个具有翻页效果的容器,只能添加基础容器。
使用场景。
翻页容器常被用于游戏中背包等具有翻页效果的场景中,在官方示例中,我们就在选择关卡界面,应用了翻页容器,来切换不同的关卡。
场景1:如果不显示容器外的内容。
当容器上的控件有超出容器的部分时,可以通过属性“裁切内容”使超出部分将被隐藏,不予显示。如上图,我们勾选属性后,效果如下:
场景2:如何添加翻页效果。
翻页容器实现翻页效果实际上是为其添加基础容器子控件,然后在子控件中设置内容,最后在实际运行中,翻页容器会自动将自己与子控件统一使用。要添加子控件,你在画布中选中控件后右键进行添加,或者手动将基础容器作为翻页容器的子控件,值得注意的是您只能添加基础容器作为他的子控件。
当一个控件被添加到滚动容器后,它的坐标、缩放、旋转、锚点、尺寸都会恢复默认并无法修改,也无法修改这个控件的布局方式。
4.滚动容器
滚动容器可以实现触屏上的滚动效果,能够设置滚动区域、滚动方向等属性。
使用场景。
在官方示例中,我们特意在任务选择界面(MissionSelect.csd)中,设置了滚动层容易,用来表示关卡的地图背景。我们将关卡背景设置为3个屏幕高度大小,实际运行中,用户可以上下滑动屏幕来查看整张地图。
场景1:如果不显示容器外的内容。
当容器上的控件有超出容器的部分时,可以通过属性“裁切内容”使超出部分将被隐藏,不予显示。如上图,我们勾选属性后,效果如下:
场景2:如何设置滚动容器的可滚动尺寸。
在使用滚动容器时A为滚动容器的尺寸,当设置滚动容器为裁切时,A以外的区域即B区域将不予显示,但B区域的内容可以通过滚动到A区域展示出来,内容尺寸是指所有通过滚动展示的内容,即B与A的范围,图中的文本有一部分在滚动内容外这部分即使通过滚动也无法展示。滚动内容尺寸不能比容器尺寸小。
您可以在这里选择需要的容器滚动方向:水平、垂直、水平与垂直。
场景3:如何设置回弹效果。
当滚动容器滑至屏幕边界时,继续滑动,界面会有一个反弹效果。为达到这一效果,您只需要勾选滚动容器控件的属性“回弹效果”,系统就会为您在游戏中实现这个效果。
(9)UI(容器)的更多相关文章
- 基于Unity·UGUI实现的RecycleList循环列表UI容器
在UI功能开发实践中,列表UI容器是我们经常使用一种UI容器组件.这种组件就根据输入的数据集合生成对应数据项目.从显示的方向来说,一般就分为水平排布和垂直排布的列表容器两种.列表容器为了在有限的界面空 ...
- 微信小程序 | 51,live新课“小程序UI容器组件”的课堂计划
零基础前端自学入门:小程序UI容器组件 这是一节以UI布局.容器组件的使用为主题的live,专注于布局与容器这一个点,努力把这一点讲透.这是继4月22日整体入门live“零基础周末学习小程序开发”之后 ...
- Activity中UI框架基本概念
Activity中UI框架基本概念 Activity 是应用程序的基本组成部分,提供了可视的界面,UI容器, 与用户进行交互: 具体Acitivity是怎么样显示这些事视图元素以及响应事件交互的. 一 ...
- WPF中实现自定义虚拟容器(实现VirtualizingPanel)
WPF中实现自定义虚拟容器(实现VirtualizingPanel) 在WPF应用程序开发过程中,大数据量的数据展现通常都要考虑性能问题.有下面一种常见的情况:原始数据源数据量很大,但是某一时刻数据容 ...
- 自动化测试 | UI Automator 进阶指南
UI Automator 相关介绍: 跨应用的用户界面自动化测试 包含在 AndroidX Test(https://developer.android.com/training/testing) 中 ...
- Epic Games工程师分享:如何在移动平台上做UE4的UI优化?
转自:https://blog.csdn.net/debugconsole/article/details/79281290 随着技术的不断升级,高性能的引擎逐渐受到越来越多研发商的青睐,UE4就是其 ...
- wpf企业应用之UI模块解耦
关于UI模块的解耦,说简单点,首先需要配置菜单与对应操作类的映射关系(或存放于配置文件,或继承接口直接写死在模块代码中,或存放到数据库,原理都一样),然后在菜单加载时,读取配置项动态生成菜单或是其他控 ...
- android利用apkplug框架实现主应用与插件通讯(传递随意对象)实现UI替换
时光匆匆,乍一看已半年过去了,经过这半年的埋头苦干今天最终有满血复活了. 利用apkplug框架实现动态替换宿主Activity中的UI元素.以达到不用更新应用就能够更换UI样式的目的. 先看效果图: ...
- WPF之路——实现自定义虚拟容器(实现VirtualizingPanel)
原文:WPF之路--实现自定义虚拟容器(实现VirtualizingPanel) 源码下载地址: http://download.csdn.net/detail/qianshen88/6618033 ...
- 基于 SailingEase WinForm Framework 开发客户端程序(3:实现菜单/工具栏按钮的解耦及状态控制)
本系列文章将详细阐述客户端应用程序的设计理念,实现方法. 本系列文章以 SailingEase WinForm Framework 为基础进行设计并实现,但其中的设计理念及方法,亦适用于任何类型的客 ...
随机推荐
- MFC中对话框类(Dialog)的应用
转载http://hi.baidu.com/jackywdx/item/feee8041d2c2e12310ee1e85 Windows应用程序通常是通过对话框接收用户输入.向用户输出信息,本节介绍应 ...
- MVVM开源框架Knot.js 教程1 - CBS初步
Knotjs教程系列 1.CBS初步(本文) 2.Knot.js Debugger ....持续增加中 CBS初步 学习Knot.js,实际上就是学习如何使用CBS.CBS使用和CSS类似的原理,将绑 ...
- C++读取特定路径下文件目录及文件名称
这几天在弄一个项目,需要读取给定路径下的所有文件夹名称或所有带后缀的文件名. 查了下C++的资料,发现有很多方法,这里总结其中的一种,其他用法类似. 主要用到了以下几个头文件(类):io.h, fst ...
- 4G时代的抢钱之道
最近最大的事件恐怕就是移动的4G上线了,50元600M起计价,上网速度最高理论到达100Mbps,相当于一秒下载10MB的数据,或者是一分钟下载一张VCD(600M)电影. 当然,对于这样的流量套餐, ...
- openwrt的路由器重置root密码
家里路由器刷了openwrt,结果长期没登录,忘了root密码. 很容易就找到了这里介绍的办法 http://www.openwrt.org.cn/bbs/thread-12327-1-1.html ...
- JS面向对象概述
这部分内容还是比较难理解的,像借用构造函数这种方法,实际工作中还是很常见的,不过对于后面的寄生理解还有点困难,只能慢慢学习了. 思维导图
- java输入函数
import java.util.*; class Test{ public static void main(String[] args){ Scanner x=new Scanner(System ...
- Linux下svn命令详解
本文主要是说明linux下svn命令的使用方法,同时记录自己在使用中遇到的一些疑惑. 1.Linux命令行下将文件checkout到本地目录 svn checkout url(url是服务器上的目录) ...
- 并行程序设计模式--Master-Worker模式
简介 Master-Worker模式是常用的并行设计模式.它的核心思想是,系统有两个进程协议工作:Master进程和Worker进程.Master进程负责接收和分配任务,Worker进程负责处理子任务 ...
- java定时器的使用(Timer)
1.在应用开发中,经常需要一些周期性的操作,比如每5分钟执行某一操作等. 对于这样的操作最方便.高效的实现方式就是使用java.util.Timer工具类. private java.util.Tim ...