Unity学习笔记——UI九宫格的原理

这篇具有很好参考价值的文章主要介绍了Unity学习笔记——UI九宫格的原理。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

本篇文章仅代表我自己对UI九宫格的理解,如有错误,希望大家指出

原理

九宫格就是指UI切片时的9个格子,9个格子的拉伸原理:1,3,7,9不拉伸;2,8水平拉伸;4,6垂直拉伸;所谓的拉伸其实就是是否发生形变,水平拉伸的意思是只有水平拉伸才产生形变,垂直拉伸不产生形变,其他同理。
unity九宫格,ui,学习,unity

下面这张图你知道左边和右边分别代表了九宫格的几号吗?

unity九宫格,ui,学习,unity

首先需要说明的是,九宫格的顺序是固定的,也就是九宫格一定是存在的,所以左边在九宫格的顺序是4,右边是5;所以在对UI水平拉伸时只能改变5的形变而垂直拉伸时4和5都会形变,如下两图
unity九宫格,ui,学习,unity
unity九宫格,ui,学习,unity

总结

UI九宫格是制作UI的关键,UI九宫格本质以是否发生形变为基准,记住九宫格各个格子的作用就能以UI原理不变应对UI万变文章来源地址https://www.toymoban.com/news/detail-572806.html

到了这里,关于Unity学习笔记——UI九宫格的原理的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Unity开发笔记:截取指定位置含有UI的场景截图并输出

    学习记录整理,自用,也希望能帮助到有相同需求的人。 如果直接截全图: 截取指定位置含有UI的场景截图: 例如这种情况下只想要中间的: UI所在的Canvas设置为RenderMode.ScreenSpaceCamera并挂载相机,然后设置该相机的渲染RenderTexture并开始render,注意这里渲染是从屏幕中心扩展

    2024年02月13日
    浏览(38)
  • 解决Unity中UI的中心锚点无法拖动修改问题(笔记)

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 记录一下UI中容易忘记的细节。

    2024年02月08日
    浏览(41)
  • 【Unity学习】完全基于Ultimate Replay 2.0的UI回放系统

    前面两节已经介绍了本人在项目中使用的结合JSON和Ultimate Replay 2.0的UI回放系统,那是在项目结构特殊,代码不好更改的情况下,本人所做的些许调整。但在这几天的开发过程中,我发现通常情况下只使用Ultimate Replay 2.0即可实现大部分情况下的UI回放。 这在基于JSON的UI回放系

    2024年02月12日
    浏览(57)
  • 45 对接海康视频九宫格的实现

    这里主要是 来看一下 海康视频 的一个九宫格播放的需求 然后 在实际使用的过程中产生了一些问题, 比如 增加一个视频, 应该只增量请求这一个视频的服务, 而一些实现下是全量请求了 整个视频列表的服务 另外 就是全屏播放, 如果是 自己写样式来实现 全屏播放, 可能需要

    2024年04月15日
    浏览(34)
  • Unity用鼠标拖拽UI,UI跟随鼠标移动

    先上效果 继承几个拖拽的接口 IBeginDragHandler, IDragHandler,IEndDragHandler 计算下偏移量,转换下坐标系 限制下可拖拽的范围,我设置的是canvas的大小 欢迎大佬多多来给萌新指正,欢迎大家来共同探讨。 如果各位看官觉得文章有点点帮助,跪求各位给点个“一键三连”,谢啦~ 声明

    2024年02月06日
    浏览(80)
  • Unity UI——UGUI

    包名: com.unity.ugui Canvas :   容纳所有UI元素的区域。   一种带有画布组件的游戏对象。   使用EventSystem对象来协助消息系统。 绘制顺序: 按照在 Hierarchy 中显示的顺序绘制,由上到下。 如果两个 UI 元素重叠,则后一个元素将显示在前一个元素之上 渲染模式:(Render Mode)

    2024年04月28日
    浏览(39)
  • Unity UI 优化技巧

    问题:当 UI Canvas 的任何元素发生变化时,都会影响整个 Canvas。 Canvas 是 Unity UI 的重要组成部分。它创建一个网格来表示放置在其顶部的 UI 元素,在 UI 元素更改时重建网格,并调用 GPU 来渲染实际的用户界面。 创建这些网络可能非常昂贵。UI 元素应该写在组件中,以便可以

    2024年04月14日
    浏览(35)
  • Unity UI规范

    参考自:Unity 程序员UI编码规范 - 知乎 (zhihu.com) 大部分情况下,我们一套UI,能基本全部适配好,Unity UI让建立一个可以适应不同分辨率和宽高比屏幕调整位置和缩放UI很简单。然而,一种设计不总适合所有平台,所以创建多种版本的UI(或者说部分UI)来让每个设备上都有最佳

    2024年03月17日
    浏览(45)
  • Unity UI 框架

    开源地址:  GitHub - NRatel/NRFramework.UI: 基于 Unity UGUI 的 UI 开发框架 基于 Unity UGUI 的 UI 开发框架. Contribute to NRatel/NRFramework.UI development by creating an account on GitHub. https://github.com/NRatel/NRFramework.UI 一些相关的思考: https://blog.csdn.net/NRatel/article/details/127931997 https://blog.csdn.net/NRatel/a

    2024年02月01日
    浏览(55)
  • Unity--UI框架

    先说明该UI框架的作用是用来控制UI面板之间的相互跳转的,使用了UI框架后,最大的用处就可以避免页面切换时复杂的操作,使用UI框架可以更好的管理UI页面,控制页面的显示和关闭也分别只由一个函数控制,极大的优化了代码 先看一张UI框架图  结合上方的图,开始逐步制

    2024年02月06日
    浏览(30)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包