1. 程式人生 > >unity3D 學習UGUI (三)3個排列元件

unity3D 學習UGUI (三)3個排列元件

UGUI的三個元件

在Canvas下建立個空物體,依次新增這三個元件
在空物體下建立image子物件來測試
Vertical Layout Group 組內元素垂直排列
Horizontal Layout Group 組內元素水平排列
Grid Layout Group 網格排序

Vertical Layout Group

1

讓子物體垂直豎向排列

Horizontal Layout Group

和上述的差不多,只是變成讓子物體水平橫向排列

Grid Layout Group

網格,讓子UI物體的排列成格子網格狀,UI物件可以是多種型別,一般為Image,Text,和Panel組合物體

3
這裡都不詳細介紹屬性了,實際多操作下就能明白
最後一個Constraint是限制類型,可以行數,列數
另外注意:格子裡面的Panel是移不動的。

使用技巧:每在Grid下建立一個Image 直接儲存 ctrl + s 、Command +s 就可以自動排序
加上元件ContentSizeFitter就可以自動排序子物體,無需自己拖動,配合動態建立物體。

相關推薦

unity3D 學習UGUI 3排列元件

UGUI的三個元件 在Canvas下建立個空物體,依次新增這三個元件 在空物體下建立image子物件來測試 Vertical Layout Group 組內元素垂直排列 Horizontal Layout Group 組內元素水平排列 Grid Lay

unity3d學習筆記--不用一句程式碼快速載入並控制第人稱主角

本系列文章由Aimar_Johnny編寫,歡迎轉載,轉載請註明出處,謝謝。 http://blog.csdn.net/lzhq1982/article/details/12581957 我們的世界不能只有水流山川,花草樹木,讓我們的主角正式登場吧。這篇文章將介紹怎樣

Unity3D 學習筆記 輸入與輸出

輸入類  --》 輸入系統的介面 虛擬軸 定義軸向概念 使用成堆按鈕來設定軸的正向或負向的數值,形象對應遊戲操縱桿中搖桿或按鍵在某個方向重的正負最大形成 Edit ->Project Settings -> Input 在屬性編輯器中顯示輸入管理類 可以使用某

Unity3D學習筆記:V3、運動、幀率、OnGUI

靈活 void 有一個 pow 結構 間隔 NPU generic 最大值 盯著看:盯住一個點 transform.LookAt(Vector3 worldPosition); using System.Collections; using System.Collect

Unity3D學習日記貝塞爾曲線

這裡有很多小夥伴可能不知道啥事貝塞爾曲線是啥玩意,如果你用過PS的鋼筆功能就知道這是啥,如果還是不知道這是啥那麼說一個遊戲你就知道了“憤怒的小鳥”這個遊戲用到彈弓效果可以用這個貝塞爾曲線來實現。還不知道的話拿自己去百度谷歌,這個是遊戲很常用到的一個畫曲線的函式方式。 那麼我

Matlab學習筆記--選單與控制元件

26、選單的建立 使用函式uimenu建立選單. 使用示例: clear all ; clc ; rect=get(0,'screenSize');%獲取螢幕尺寸 N=512;%螢幕尺寸 %建立圖形視窗 gwin=figure('MenuBar','none','Nu

Unity3D學習筆記十六:Shader著色器3- 光照

像素 環境 斜率 偏移 target off 分辨 屬性 思路 光照模型:用數學的方法模擬現實世界中的光照效果。 場景中模型身上的光反射到相機中的光線: 1.漫反射:產生明暗效果 2.高光反射:產生鏡面反射,物體中有最亮且比較耀眼的一部分 3.自發光: 4.環境光:

Meteor學習路程之資料庫的例子3【查詢】

這個例子插入的例子是在http://blog.csdn.net/miss_ll/article/details/54573400資料庫基礎進行繼續完善的,資料庫中存在著三條資料。 查詢的方式: (1)條件查詢 修改資料庫helper,我這裡是testsusers.js Tem

【Python】搭建你的第一簡單的神經網路_實踐篇_NN&DL學習筆記

前言 本文為《Neural Network and Deep Learning》學習筆記(三),可以轉載但請標明原文地址。 本人剛剛入門、筆記簡陋不足、多有謬誤,而原書精妙易懂、不長篇幅常有柳暗花明之處,故推薦閱讀原書。 《Neural Network and Deep Learning

Unity3D課程學習筆記

1.Fantasy Skybox FREE 構建自己的遊戲場景 其實這個操作很簡單,只要在Asset Store中搜索Fantasy Skybox FREE,然後在Camera中新增Component,然後新增Skybox,再將相應的Skybox圖案新增上去,就能夠完成了。 新增天空盒具體的

Mysql++學習------舉栗子

下面例子顯示瞭如何建立利用Sql++建立一個連線,執行查詢操作,返回一個結果集,並且列印. #include <iostream> #include <mysql++.h> #include <errno.h> #include <stdlib.h>

PyTorch 學習筆記:transforms的二十二方法

本文擷取自《PyTorch 模型訓練實用教程》,獲取全文pdf請點選:https://github.com/tensor-yu/PyTorch_Tutorial 文章目錄 一、 裁剪——Crop 1.隨機裁剪:transforms.Random

Python3《機器學習實戰》學習筆記:決策樹實戰篇之為自己配隱形眼鏡

轉載請註明作者和出處: http://blog.csdn.net/c406495762 執行平臺: Windows Python版本: Python3.x IDE: Sublime text3 一 前言     上篇文章,Python3《

TensorFlow學習系列:儲存/恢復和混合多模型

這篇教程是翻譯Morgan寫的TensorFlow教程,作者已經授權翻譯,這是原文。 目錄 在學習這篇部落格之前,我希望你已經掌握了Tensorflow基本的操作。如果沒有,你可以閱讀這篇入門文章。 為什麼要

Unity3D學習筆記:Lua

path 單行 一個數 eat 之間 分享 mst pat ole Lua:是一個輕量級的腳本語句。不需要編譯,直接運行的語言。 環境配置: 執行Lua有兩種方式: 1、交互式編程(輸入後能立即看到效果) 2、腳本式編程:運行lua文件,.lua為文件後綴 Lu

Unity3D學習筆記十三:矩陣

轉置 pda atime private art mesh fir render 旋轉矩陣 矩陣 矩陣就是一行和列組織起來的矩形數字塊。 矩陣可以理解為是向量的數組。 矩陣的維度和記法 矩陣的維度是包含多少行多少列!例如1行2列的矩陣 記法:矩陣m中,對於第1行第2列的

Unity3D學習筆記十四:Shader著色器1

mission inf 向量 投影 rim tags 系統 依賴 什麽是 一、GPU:圖形處理器,Graphics Processing Unit 顯卡的處理器就是圖形處理器。與CPU類似。 GPU和CPU的區別? 1.CPU主要是為了串行指令設計,GPU則是為了大規模

Unity3D學習筆記十五:Shader著色器2- 頂點片元著色器

結構體 意義 float inline 有意義 pro spa ocl rcu Alpha測試 AlphaTest Great:大於 AlphaTest Less:小於 AlphaTest Equal:等於 AlphaTest GEqual:大於等於 AlphaTest L

Unity3D學習筆記十二:Xlua2

使用 ceil list date action oat static arp 分享 Xlua支持通過子類對象訪問父類的變量屬性和方法 對於C#的ref,out參數的方法 當調用的時候:out類型的參數是不需要傳遞實參的,普通的參數和ref參數需要傳遞實參。 out,r

Unity3D學習筆記十七:頂點偏移和溶解

mar exc car struct range pass 偏移 discard 通過 頂點偏移 沿向量方向偏移,沿自身坐標系方向偏移 沿法線方向偏移,球體放大,立方體拆分 Shader "Lesson/VFVertOffsetVertex" { Proper