Unity3D 使用 UI 的 Grid Layout Group 组件。

1.首先创建一个容器,用于存放列表项的内容。

这里使用 Panel 来做为容器。

这里要注意!

“Grid Layout Group”是要增加在容器的游戏对象里。

同时,只有容器对象的子对象才有排列效果。

即:

节点如下:

Root => Child1 => Child3

Root => Child2

Root 是容器

则排列效果只对 Child1 和 Child2 有效。

2.在 Hierarchy 窗口选中 Panel 对象,位置选择“Center”,宽设置 500, 高设置 400。

3.在 Hierarchy 窗口选中 Panel 对象,创建 Panel 对象的两个子对象,这里同样使用 Panel 组件,位置设置“Center”,宽和高设置成 50,颜色选择红色,调整好透明度。

并重命名“Item”。

4.给 Panel 对象增加 Grid Layout Group 组件。

增加完后的效果:

时间: 2024-10-25 18:33:53

Unity3D 使用 UI 的 Grid Layout Group 组件。的相关文章

jQuery Easy UI Layout(布局)组件

layout 布局组件,依赖于panel,自己开发个web小程序的时候直接用这个组件布局很方便. 对于一个web程序原来说,特别是像我这种一遇到界面美化问题就找美工的程序员,想自己独立的开发一个东西,除了套用以前的项目中的界面布局之外就没别的 办法了,虽然我们可以用ifame切分出一个界面布局,但是我不会添加样式啊.使用layout组件就可以帮我们快速的有一个界面布局,而且美观效果也看得过去. 看个例子: <!doctype html> <html lang="en"

Android开发1:基本UI界面设计——布局和组件

前言 啦啦啦~本学期要开始学习Android开发啦~ 博主在开始学习前是完完全全的小白,只有在平时完成老师要求的实验的过程中一步一步学习~从此篇博文起,博主将开始发布Android开发有关的博文,希望能在学习中和各位共同探讨,一起交流,共同进步~ 话不多说,首先进入我们的正题~Android开发一基本UI界面设计——布局和组件(Android Studio的配置安装使用等在以后为各位补上~) 基础知识 Android的组件分为布局和控件.布局,就是让控件在里面按一定的次序排列好的一种组件,本身并

Unity3D 在自定义脚本中实现Button组件上的OnClick面板

Unity3D 在自定义脚本中实现Button组件上的OnClick面板UnityEvent脚本代码事件传参多参数传入下述内容不对c#语法做过多讲解,仅对已入门并有兴趣的同学做为学习和拓展的资料 大家在Unity制作的过程中一定都使用过UI功能,那么很多人也一定见过这个面板: 那么我们如何能在自己的脚本中添加上像OnClick这样的面板呢. UnityEventUnity中内置了一个UnityEvent类作为事件处理的类,我们只要在脚本中声明出来,Unity便会自动添加到脚本面板上,这样便可以在

[Grid Layout] Describe a grid layout using named grid lines

We can use named grid lines to describe our grid layout. Let’s see how to apply this to our grid-template-columns and grid-template-rows, and how to refer to these from our grid items. Syntax like: grid-template-columns: [left-sidebar-start] 1fr [mai

kendo ui中grid页面参数问题(1)

kendo ui 中grid 算是最长用的控件之一,当使用分页效果时,我们要传递分页参数与自己定义的参数如: 1 var dataSource = new kendo.data.DataSource({ 2 transport: { 3 read : { 4 url : "对应后台路径", 5 contentType : "application/json", 6 type : "POST", 7 dataType : "json&qu

第二百零二节,jQuery EasyUI,Layout(布局)组件

jQuery EasyUI,Layout(布局)组件 学习要点: 1.加载方式 2.布局属性 3.区域面板属性 4.方法列表 本节课重点了解 EasyUI 中 Layout(布局)组件的使用方法,这个组件依赖于 Panel(面 板)组件和 resizable(调整大小)组件. 一.加载方式 class 加载方式,这个属性一般使用class方法使用 <body id="box" class="easyui-layout"> <div data-opt

Unity3D中UI图片模糊,不清晰解决怎么解决

很久没写博文,今天刚好有同事问到:NGUI为什么做的界面图片那么模糊,比美术给的图片相比不是很清晰. 其实这个问题解决方法很简单,只要把NGUI生成的图集的图片类型改成"GUI"或者"Advance"(去掉generate mip maps),而且Filter Mode都选择(Point). 这样即可. Unity3D中UI图片模糊,不清晰解决怎么解决

css grid layout简介

为什么我们需要grid布局? 在web发展过程中,诞生了很多精妙的布局方式. 在web 1.0时代,网页只负责静态地展示文字和图片等简单信息,当时流行的是table布局,table布局能够轻而易举地对齐页面内容,而且能兼容各大浏览器.但其也有很大但缺点:1. table用作布局,而不是展示表格数据,使得html语义不明确:2. 要花较大的经历去修改页面内容,比如加一列,就需要修改table每一行html或css,增加维护成本:3. 很难做响应式. 后来css技术壮大,流行趋势转向div+css布

Unity3D UGui UI 组件用法

使用Unity3D4.6 UGUI写了点最基本的控件使用方法,举例了inputField image text button toggle Slider Scrollbar scrollview(listview),GridView的基本使用方法,基本上2DUI都简单写了下,3D的后面也写一下,懒得去写博文,直接上了工程.http://t.cn/RZKM3M4