Unity Scroll View ，Content随文本内容动态改变垂直高度

最新推荐文章于 2024-07-16 03:30:34 发布
最新推荐文章于 2024-07-16 03:30:34 发布
阅读量1.8k 收藏 2
点赞数 3
分类专栏： Unity 文章标签： unity 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41260141/article/details/125721954
版权

前言

Scroll View对象下的Content对象提供内容，需要根据文本内容动态改变垂直高度，使得可以通过垂直滚动条控制展示的内容。
在这里插入图片描述

设置

为Content对象添加Content Size Filter组件，设置如下：
在这里插入图片描述

CusomeLeyen
关注
专栏目录
【Unity】 UI自适应案例
灵境引路人
05-23 845
案例一：背包自动布局 案例二：文字自适应高度
【Unity3D-UGUI系列】（十二）ScrollView 滚动视图组件详解
热门推荐
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
08-31 1万+
一、前言 首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。 UGUI系统是从Unity 4.6版本后才开始集成到Unity编辑器中。 UGUI的特点： 灵活 快速 可视化 对于开发者来说有很多的优点，比如说： 效率高 实现效果好 易于使用和拓展 与Unity编辑器的兼容性高 这是本系列文章的第十二篇： 【Unity3D-UGUI系列】（一）Canvas 画布组件详解 【Unity3D-UGUI系列】（二）Text文本
Unity——UGUI的ScrollView根据每行显示的汉字数、行高度，适应文本长度
Delesgues的博客
03-05 1957
使用ScrollView做文字显示时，能实现较长的文字可以通过拖拽来查看未显示完全的内容。那么如何来确定ScrollView下Content的GridLayoutGroup要设置多大，才能刚好显示所有文字，不会有显示不全或空余较多空间的现象。对于不确定文字量的情况下，或需要动态更新文字的时候，就要让GridLayoutGroup根据需要动态设置来满足实际开发需求。 首先我们需要知道要设置多大的字...
Android ScrollView 动态设置宽高
weixin_31518415的博客
07-16 111
Android ScrollView 动态设置宽高 在Android开发中，ScrollView是一个常用的布局控件，用于在有限的空间内展示更多的内容。然而，有时候我们需要根据内容的多少动态地设置ScrollView的宽高。本文将介绍如何实现这一功能，并提供相应的代码示例。 1. ScrollView 简介 ScrollV...
scroll-view自动适应高度，不定高度
qiuqiang748的博客
03-13 4671
scroll-view标签不定高，自适应高度滚动
unity 分辨率自适应方法及ScrollView子控件自适应问题
思依_vr 的专栏
12-11 4388
项目所需，unity需要自适应分辨率，尤其需要适应全屏模式。 设置方法： 设置Canvas 属性，如下图 主要设置的属性包括： Render Mode 设置为 Screen Space Canvase Scaler 的UI Scale Mode 为 Scale with Screen Size Match Mode 为 适配宽度。这样不同比例的分辨率，高度多出来的部分需要用黑色panel填充一下...
UI-ScrollView中的Content自适应宽高
zhanxxiao的博客
07-11 672
Unity中的UI 的组件 ScrollView 做的是一个比较好的组件，但是唯一的缺点就是：
[Unity]Scroll View的Content不能完全显示子UI的问题解决办法
BuladeMian的博客，菜得抠脚，菜得真实
05-19 2301
Scroll View在Inspector视图的内容。 Scroll View -Viewport --Content ---UI Image ---UI Image 1 ---UI Image 2 -Scrollbar Horizontal -Scrollbar Vertiacl Scroll View的Content不能完全显示子UI 的...
unity岩浆气泡_【Unity】UGUI聊天消息气泡 随文本内容自适应
weixin_39716877的博客
12-18 587
游戏中需要用做UGUI做聊天界面。其中聊天气泡ChatItem的UI要求能随着聊天内容文本的长度自适应的。网上搜了一下聊天气泡的UI，发现都不太符合咱的需求，具体来说是文本宽度不足一行时，文本宽度自增；文本宽度大于一行时，文本高度自增。效果如下图：实现方法：1、(UGUI)Scroll View/Viewport/Content是挂气泡Item的节点，给它添加Content Size Fitter...
unity 利用ScrollView 实现文本框内容自动滚动
qq_26459233的博客
08-14 2792
Unity利用ScrollView 实现文本框内容超出后自动滚动
Unity中文字竖直滚动
qq_56666242的博客
05-10 344
纵向字幕滚动 1.创建文本模式，选择Scroll View 2.调整填充模式点击Shift并选中最后一个填充模式 3.调整Canvas模式为World Space 4.删除不必要的配件 5.为Content添加Text组件后输入文本内容，并调整Content的Height属性（如果高度不够，多出的文字无法实现），调整ViewPort的属性。 6.取消选择Scroll View中的横向移动和惯性。 7.添加脚本ScrollViewCtrl，将其挂载到Scroll V.
UIScrollView自适应高度或宽度
04-28
iOS-UIScrollView自适应高度或自适应宽度实现，内有技术关键点讲解及代码实现； 使用Objective-C实现，Swift亦可，实现自适应高度或宽度思想一致
Unity UGUI 效果 之 ScrollView 轻松实现滚动（内容多少大小可以动态自动调整）预览效果
仙魁XAN
10-04 1万+
Unity UGUI 效果 之 ScrollView 轻松实现滚动（内容多少大小可以动态自动调整）预览效果 目录 Unity UGUI 效果 之 ScrollView 轻松实现滚动（内容多少大小可以动态自动调整）预览效果 一、简单介绍 二、实现原理 三、注意实现 四、效果预览 五、实现步骤 一、简单介绍 UGUI，是Unity自带的 GUI 系统，有别于 NGUI；使用 UGUI 也能制作出比较酷炫的效果 。 本节介绍，使用 UGUI 自带的 ScrollVi...
Unity ScrollViewContent适配问题(contentsizefilter不刷新、ContentSizeFilter失效问题)解决方案，
weixin_42141703的博客
11-20 707
在做scollview下拉框content自适应向下延长的功能时，经常会发生contentsizfilter第一次进入时不生效的情况，是因为这个组件是在启用的下一帧执行的，所以我们会发现对Content的子物体重新赋值以改变其长度或者重新失活再激活子物体，可以使其刷新、生效。解决此问题首先确认图示组件是否都正确配置，然后在赋值处加入以下两句代码。//YourContent为你需要刷新的物体/组件。
Unity 问题 之 ScrollView ,LayoutGroup,ContentSizeFitter 一起使用时，动态变化时无法及时刷新更新适配界面的问题
仙魁XAN
12-22 3070
Unity 在开发中，记录一些报错问题，以便后期遇到同样问题处理。有时我们在开发中，一起使用 ScrollView ,LayoutGroup,ContentSizeFitter，对于简单的排布，一般会很好的自动更新适配，但是有时候复杂了时候未必很好的自动的调整，进行很好适配。ScrollView在可滚动区域中显示内容。当你向ScrollView添加内容时，内容会被添加到ScrollView的内容容器(#unity-content-container)中。
UnityUGUI：ScrollView的Content不能根据实际Content下的游戏物体的多少自动改变Content的宽高问题
qq_34818497的博客
06-22 8564
在实际使用UGUI开发的过程中发现一个UGUI的BUG： 当Content下的子物体增加时，ScrollBar下的Handle滑条大小没有实时根据发生Content下的子物体数量发生变化。(在Hierarchy面板中右键创建UI->ScrollView,在子物体中找到Content，需要按行列布置的游戏物体都作为Content的子物体挂在Content下) （以开发垂直的ScrollVi...
Unity UI ScrollView内item内容完整显示 超框自动滑动
weixin_44054505的博客
12-09 966
UGUI列表超框内容滑动显示
Unity学习笔记——ScrollView常用技巧
m0_52058484的博客
05-28 4636
Unity之ScrollView使用
Unity Scroll Rect滚动到底部
淡定九号的博客
02-02 3677
Scroll View自动滚到底部
unity Scroll View根据子内容数量改变Content物体滑动位置
最新发布
09-22
在Unity中，Scroll View通常用于场景视图里展示大量游戏对象，当子内容数量变化时，你需要动态调整Content物体的滑动位置以便用户能够查看所有内容。这涉及到两个关键步骤： 1. **设置Scroll View组件**： 首先，在Unity编辑器中，选中包含所有子物体的游戏物体，然后添加`UI Canvas`并将其作为根，接着在Canvas上添加`Vertical Layout Group`或`Horizontal Layout Group`，最后在布局组上添加`ScrollView`。 2. **监听内容变化**： 使用`OnEnable()`或`Update()`函数，你可以获取`ScrollView`的内容大小（例如，通过`children.Count`）以及当前已显示的范围（如`contentSizeDelta`属性）。当你发现内容数量发生变化时，计算新的滑动偏移值。 ```csharp private ScrollView scrollView; void Start() { scrollView = GetComponent<ScrollView>(); } void Update() { if (scrollView != null) { int contentCount = scrollView.transform.childCount; // 根据内容数量计算新滑动位置 float newScrollPosition = CalculateNewScrollPosition(contentCount); // 更新滚动条的位置 scrollView.verticalNormalizedScrollValue = newScrollPosition / contentCount; } } private float CalculateNewScrollPosition(int contentCount) { // 算法可以根据你的需求调整，这里只是一个简化示例 return Mathf.Clamp(0f, 1f - 1f / contentCount, 1f); } ``` 3. **处理边界条件**： 调整滑动位置时，需要确保不会超出界，`Mathf.Clamp`函数可以保证这一点。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值