UGUI 在面板经常使用的表格布局制作

最新推荐文章于 2023-05-06 18:13:39 发布
原创 最新推荐文章于 2023-05-06 18:13:39 发布 · 1k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文深入讲解Unity中UI的三种布局方式：横向布局、纵向布局及表格布局，介绍如何使用ScrollRect组件结合mask遮罩实现不同布局，并通过HorizontallayoutGroup、VerticalLayoutGroup和GridLayoutGroup组件调整子物体排列。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

前言
  • 我以前学过这个
  • 但是由于很轻视UI，只喜欢敲代码时候的爽快感，所以总是忘记。所以在这里总结一下
  • 布局分为横向布局，纵向布局，表格布局。可以根据需要加上滑动效果
横向布局
  • Scroll Rect组件 mask遮罩
  • 横向布局组件【Horizontal layoyt Group】【content size filter 】
  • 设置content size filter的horizontal fit 为preferred
    • 子物体
  • 需要将横向布局组件赋给Scroll rect 的Content
纵向布局
  • Scroll Rect组件 mask遮罩
  • 横向布局组件【Vertical layoyt Group】【content size filter 】
  • 设置content size filter的Vertical fit 为preferred
    • 子物体
  • 需要将横向布局组件赋给Scroll rect 的Content
表格布局
  • Scroll Rect组件 mask遮罩
  • 横向布局组件【Grid layoyt Group】【content size filter 】
  • 根据滑动方向设置content size filter的某个属性为preferred
    • 子物体
  • 需要将横向布局组件赋给Scroll rect 的Content
Unity数字孪生开发笔记——UGUI控件篇
Lcl_huolitianji的博客
12-14 8806
Unity数字孪生开发笔记——GUI控件篇一、常见GUI控件二级目录三级目录 一、常见GUI控件 二级目录 三级目录
UGUI的列表
小强的博客
01-17 5239
UGUI的列表   Unity3D提供的UGUI系统非常适合于制作基本的用户图形操作界面，也就是常说的GUI。在标准的UGUI组件包里有很多常用的UI组件，只需要将它们进行组合便能制作出合乎要求又好用的图形界面。   但是UGUI并没有提供一个常用的界面组件，即列表展示组件，取而代之的是一个更加泛化的滑动组件ScrollView，这个组件的特点就是能轻松地做出水平或垂直方向有滑动能力的界面组件
最新版UGUI_XChat_表格工具.unitypackage
09-27
最新版UGUI_XChat_表格工具.unitypackage。最新版简单好用
基于UGUI实现类似Excel表格功能
华清
10-11 1952
曾经有一个类似这种需求，想在Unity中实现类似Excel表中的一个功能，能在Scene窗口中“新增行”、“可视化配置”、“所见所得”、“单元格合并”等功能。 经过我对UGUI的一些深层次了解以及结合Editor编辑器窗口开发，先看效果图： 我可在编辑器上实时更改相关参数，那么在Scene窗口中实时的显示最新的效果，并且我也可以看到每一个单元格的ID，可根据ID的信息，然后在代码中填充数据...
UGUI的表格布局组件
超胆孤侠
09-03 818
GridLayout Group 网格布局组件 需要自己建立一个空物体，然后添加该组件，可以对下面的空物体进行布局控制 注意 在表格布局里面我们无法直接控制子物体的宽高，只能在GridLayout Group组件里面通过Cell Size进行控制 属性 Cell Size 子物体尺寸 Spacing 子物体之间的间距 Start Corner 子物体开始的角度位置 Start ...
ugui自动布局组件_如何使用自动布局创建灵活的表格组件
weixin_26715991的博客
08-31 195
ugui自动布局组件Creating a flexible master component for tables has surely been a challenge for me. In the ideal world, tables should be as adaptable as possible: 为表创建灵活的主组件无疑对我来说是一个挑战。 在理想的世界中，表格应尽可能适应： I...
unity图表插件GraphMaker1.5.7（UGUI）
02-03
unity插件图表类，扇形图，折线图，条形图静态和动态的制作
unity-ugui制作表格
最新发布
10-27
7. 调整表格布局：可以通过调整Canvas的大小、位置，或者改变组件之间的层次关系，来调整表格的布局。 8. 完善表格功能：可以根据具体需求，添加更多表格的功能，比如排序、过滤、搜索等。 9. 测试和优化：在表格...
UGUI自适应布局与国际化：支持多语言界面
![unity UGUI自适应问题](https://opengraph.githubassets.com/a4bb95f9698c461e4f6f7632153f69287a4fa9ae2ba50a6c14b1b7fd26a502cc/gasgiant/Markup-Attributes) # 1. UGUI自适应布局与国际...在Unity游戏引擎中，UGUI
UGUI优化技巧：实现无卡顿的高效滚动列表复用
UGUI是Unity的用户界面系统，提供了制作2D界面的组件和工具，包括各种UI元素，如按钮、输入框、滑动条、面板等。ScrollRect则是UGUI中一个专门用于滚动视图的组件，非常适合用于实现长列表和表格的滚动效果。 ### ...
UGUI自适应问题排查与优化：确保界面完美呈现
在快速发展的移动游戏和应用市场中，自适应设计已经变得尤为重要。它保证了无论在哪种尺寸的屏幕上，用户界面(UI)都能提供良好的用户体验。UGUI是Unity游戏引擎内置的用户界面系统，它提供了强大的组件和工具来实现...
unity 表格插件
05-03
Graph Maker 是一个unity的表格插件，可用用它制作表格
Unity之UGUI表格布局
LightInDarkness的博客
04-12 2423
    好久没写博客了，最近挺忙的。这里简单介绍一下表格布局的层级关系，作为备用。    --Image + ScrollRect + Mask (滑动组件 + 区域遮罩)            --Image + Grid Layout Group                --Item Mask所在物体的Image组件Source Image选择UIMask，Scroll Rect的Con...
Unity——利用GUUI制作通过外部数据自动生成表格
leikang111的博客
05-06 703
unity利用UI制作表格
再谈UGUI列表
小强的博客
03-23 788
再谈UGUI列表  在之前的两篇博客《UGUI的列表》和《UGUI列表进阶》中讨论了如何基于UGUI的ScollView通用可滑动组件设计一个功能相对窄化的列表组件方便使用，采用了类似Android系统中的ListView组件设计思想，抽象化的列表，剥离子项生成与列表本身，使用Adapter机制等等。   两篇博客一共讨论了两种实现方式，非重用的和重用的，两者的最大区别在于生成的子项数目不同，非重
UGui实现排行榜，列表数据赋值，排序、升序、降序。
十画的博客
12-30 2862
目录 UGUI滑动列表实现： 步骤： 下面是代码实现自动生成列表项并进行赋值排序： UGUI滑动列表实现： 步骤： 第一步 创建一个Image，为了方便区分我们改名为“ScrollView”，添加ScrollRect组件，设置组件：把horziontal（水平方向移动）取消勾选。再添加Mask组件，将Show Mask Graphic取消勾选。 第二步 在ScrollView下添加Image，作为列表的背景，改名为”Viewport“。 第三步 在Viewport下添加Imag.
Unity应用自带UGUI与EPPlus库制作自制Excel（.xlsx）操作程序
weixin_52847003的博客
10-23 1575
实现步骤： 1.向Unity导入EPPlus相关文件，助力Unity操作Excel文件 2.应用Unity自带UGUI制作基础表格 3.基于前两步制作可存可改Excel信息的表格 一、向Unity中导入EPPlus相关文件 请参考我的另一篇博客：导入EPPlus步骤 二、应用Unity制作基础表格 在学习优快云的各种博客后，笔者结合自身需求与现有Unity（2021.1.19f1c1）版本给出以下步骤： 首先在场景内新建Canvas，在Canvas内新建一个Panel，在Panel内新建一
UGUI 网格布局组（Grid Layout Group）
热门推荐
海涛高软
08-19 2万+
之所以讲解网格布局组，是因为网格布局组比水平布局组和垂直布局组都要强大，个人认为在实际开发过程中只要掌握住网格布局组就可以满足实际开发需要这个网格布局组，功能上类似于NGUI的Grid和Table组件，说到NGUI的Grid和table这两个组件，个人建议使用table组件，功能强大，使用方便下面开始做一个案例解决办法是添加一个content size filter组件 可以调整Grid的位置，用
5如何将表格的一行数据清空_基于UGUI实现类似Excel表格功能
weixin_39619270的博客
01-10 296
曾经有一个类似这种需求，想在Unity中实现类似Excel表中的一个功能，能在Scene窗口中“新增行”、“可视化配置”、“所见所得”、“单元格合并”等功能。经过我对UGUI的一些深层次了解以及结合Editor编辑器窗口开发，先看效果图： ​我可在编辑器上实时更改相关参数，那么在Scene窗口中实时的显示最新的效果，并且我也可以看到每一个单元格的ID，可根据ID的信息，然后在代码中填...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值