zoukankan      html  css  js  c++  java
  • UGUI组件之 Anchors 锚点定位(九宫定位 and 弹性定位)简单笔记

    ====================================================

    1.AnchorPresets 面板
    1.面板介绍
    Anchor Presets:锚点预设(设置)面板;通过该面板设置游戏物体的定位锚点。
    该面板上的功能按钮一共分三类:
    ①九宫定位按钮 [九个] ②弹性定位按钮 [七个] ③辅助操作按钮 [八个]
    [通过图片介绍功能布局]

    --------------------------------------------------------------------------------------------------------------------------------
    2.三个图标
    UI 尺寸调节图标:UI 游戏物体的四个角上的蓝色圆圈。
    UI 中心点图标:蓝色空心圆环,默认在 UI 游戏物体的中心。
    锚点定位图标:四个白色空心三角形,默认四个三角形顶点相对

    ====================================================

    2.九宫定位
    1.九宫定位介绍
    九宫定位就是把 UI 游戏物体按九宫布局的方式进行定位,设置完毕九宫定位后,
    无论屏幕尺寸比例如何改变,UI 游戏物体的位置永远在九宫位置。

    --------------------------------------------------------------------------------------------------------------------------------
    2.九宫定位演示
    创建九个图片,然后按九宫的位置分别定位。[操作演示]

    AnchorPresets 面板操作时,按住Alt+Shift+鼠标左键 可以快速将UI组件移动到锚点位置,同时将RectTransform归零

    --------------------------------------------------------------------------------------------------------------------------------
    3.细节注意事项
    ①每一个 UI 游戏物体都有自己独立的一个锚点;
    ②子物体的锚点位置是相对于父物体而言的;
    ③游戏物体的中心点和锚点之间的位置偏移,其实就是一个笛卡尔二维坐标系。

    ====================================================

    1.相对于父物体定位
    1.基础介绍
    每一个 UI 游戏物体的锚点定位,都是相对于它的父物体而言的。[见上图]
    UI 界面的制作原则是由外到内,由大到小。
    ----------------------------------
    2.相对于 Panel 定位
    UI 游戏物体中的 Panel 是使用的弹性定位,和 Canvas 保持大小一致。
    一般情况下,游戏 UI 不会直接放到 Canvas 的下面,而是先在 Canvas 下面
    使用 Panel 划分出不同的功能面板,比如:背包,副本,商城......
    然后在对应的面板上完成具体的 UI 功能布局和功能实现,这样我们才可以灵活
    的控制某个功能面板的显示与隐藏。
    ====================================================

    1.弹性定位介绍
    弹性定位是相对于九宫定位而言的,九宫定位是相对于一个锚点进行定位;
    而弹性定位是相对于两个锚点进行定位。
    而且当我们使用弹性定位的时候,RectTransform 上的控制属性会发生相应
    的改变(x 位置,y 位置,宽,高)。

    ----------------------------------

    2.弹性定位演示

    ====================================================

    1.Anchors 属性
    1.基础介绍
    RectTransform 面板上有一组 Anchors 属性,该属性位置有四个控制项,
    分别对应 x 轴和 y 轴的最大值最小值。[简单演示]
    通过这个位置的属性配合 Anchors 锚点设置面板,可以让锚点定位效果变的更
    丰富和细致。当我们点击了不同的定位功能按钮后,该区域的值都会自动改变。
    [面板原理分析]
    其实该区域的四个值对应的就是锚点上四个空心三角形的位置。

  • 相关阅读:
    ubuntu 12.04下 eclipse的安装
    ubuntu 12.04下 ns3的下载 安装
    win10下装上virtualbox 以及在virtualbox上装上 ubuntu 12.04
    Java并发,synchronized锁住的内容
    JVM深入理解
    华为面试流程
    eclipse将项目打包成jar在linux中运行
    1.整数反转
    静态方法
    java中生成任意之间数的随机数
  • 原文地址:https://www.cnblogs.com/madinglin/p/8484991.html
Copyright © 2011-2022 走看看