Unity2017探究Layout布局

1.先看一下准备测试的素材：

该图片尺寸269*160

2.我们建立一个空节点，加上layout，，如图所示：

默认两个子节点的大小都是100*100

我们先勾上Child Controls Size的Width,于是：

如图所示，两个Image的width都变成了269，然后再勾上Heigth，显而易见，两个Image的width都变成了160

3.这时候我们增加Image的个数到四个，观察

很明显，Child Contols Size 是在填充父节点的基础上，最大比例的展示自己，在此基础上是由子节点控制大小的。

用上面的方法同理测试Child Force Expand,,可得到勾选Width是为了自适应宽度，勾选Heigth自适应高度，

同时勾选两个width/heigth则可以填充整个父节点的宽、高。

组合使用这两个则可以得到各种效果。

Unity2017探究Layout布局相关推荐

Springboot 使用thymeleaf模板layout布局
使用layout布局前应该在pom文件中导入thymeleaf(dialect)依赖:如下 <properties><project.build.sourceEncoding> ...
Android开发中遇到的问题(二)——新建android工程的时候eclipse没有生成MainActivity和layout布局...
2019独角兽企业重金招聘Python工程师标准>>> 一.新建android工程的时候eclipse没有生成MainActivity和layout布局最近由于工作上的原因,开始学 ...
一天搞定CSS：支持IE的Layout布局--16
1.BFC和Layout区别: BFC和Layout的作用是一样的,只是对浏览器的支持不同而已. BFC- -标准浏览器所具有的 Layout- -IE浏览器所具有的 BFC详解地址:http://b ...
EasyUI中layout布局的简单使用
场景效果布局选项(Layout Options) 名称类型描述默认值 fit boolean 当设置为 true 时,就设置布局(layout)的尺寸适应它的父容器.当在 'body' 标签 ...
【-】WebKit Layout (布局)
WebKit 在渲染页面之前,需要确定各个元素的位置.大小,而这个过程就是layout(布局).下面,我们对layout的主要过程进行一番说明. 一.FrameView::layout方法 Frame ...
php layout布局文件,layout（布局） - jQuery EasyUI中文文档 - EasyUI中文站
Layout(布局) 使用$.fn.layout.defaults重写默认值对象. 布局容器有5个区域:北.南.东.西和中间.中间区域面板是必须的,边缘的面板都是可选的.每个边缘区域面板都可以通过拖拽 ...
MVC之LayOut布局页
LayOut布局页,就是相当于WebForm中母版页,实现了一个代码的共用和公共布局的作用. 布局页的使用 (1)添加新项,选择MVC布局页 <!DOCTYPE html><html ...
python︱写markdown一样写网页，代码快速生成web工具：streamlit lay-out布局（四）
文章目录 1 `streamlit.beta_container()` 2 分列展示 3 按照比例分列展示 4 折叠/展开系列参考: python︱写markdown一样写网页,代码快速生成web工 ...
Element-UI学习之旅-Layout布局
你能获得什么? 如何使用Layout布局. layout布局组件 Elemen-ui对于layout组件的描述为:通过基础的 24 分栏,迅速简便地创建布局.如何理解呢?如下图所示,将页面以行进行分割 ...
移位 display属性内补白外补白 Layout布局
移位移位的三种方式-------translate translate(45px,45px) translatex(45px) translatey(45px) matrix----放大+倾斜 ma ...

Unity2017探究Layout布局

Unity2017探究Layout布局相关推荐

最新文章

热门文章