Unity 给InputField输入框添加滑动条

最新推荐文章于 2025-03-03 18:57:26 发布
转载 最新推荐文章于 2025-03-03 18:57:26 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://www.jianshu.com/p/0aa6691e05b3

本文详细介绍了如何在Unity中为InputField输入框添加滚动条功能，包括SingleLine、MultiLineSubmit和MultiLineNewline三种输入类型。通过调整布局设置，实现单行和多行输入的自适应滚动，使用户在输入大量文本时能有更好的交互体验。

Unity 给InputField输入框添加滑动条

原文链接：https://www.jianshu.com/p/0aa6691e05b3

原文的第五步，将竖直方向设置为自适应 PreferredSize，可能是作者图没有改过来，其他地方都OK
在这里插入图片描述
Add:
输入框的三种输入类型
在这里插入图片描述

在这里插入图片描述

类型说明详细
SingleLine单线只允许输入一行。具有水平滚动和无换行。按enter键将提交InputField
MultiLineSubmit多重提交是具有垂直滚动和溢出的多行输入字段。按返回键将提交
MultiLineNewline多行是具有垂直滚动和溢出的多行输入字段。按回车键将插入一个新行字符
【Unity-UGUI控件全面解析】| InputField 输入框组件详解
努力前行，总会成为自己心中的那道光
05-02 2万+
InputField 输入框组件 是一个用来输入内容的组件，它将简单的标签转换为可交互的输入字段。 通常用来输入账号、密码、聊天信息，或者输入参数等情况。 可从菜单 (Component > UI > Input Field) 中将输入字段 (Input Field) 脚本添加到任何现有的文本控件对象。完成此操作后，还应将该对象拖动到输入字段的 Text 属性以便启用编辑。
Unity InputField实现框自适应内容简便方法
不在同一频道上的呆子的博客
03-18 1578
Unity InputField实现框自适应内容简便方法
Unity支持滚动输入框ScrollInputField
枫叶的博客
03-23 1038
Unity支持滚动输入框ScrollInputField
Unity3D 为UGUI InputField添加滑动条
qq_49903862的博客
08-20 635
Unity 为UFUI InputField添加滑动条 1.先创建一个Scroll View，把横向拖拽条删掉，其他的根据喜好自己设定 2.Scroll View设置要修改一下，否则子物体位置会有问题 3.在Content下创建一个InputField再把它撑满设置得很长 4.把两个子物体也撑满，防止位置有问题 5.设置InputField为多行并且回车可换行 6.给Content添加Text组建和ContentSizeFitter，并且Text的参数要和InputField用于子物体的Text参数一样。（
Unity 使用InputField和Scroll View制作可滑动的简介功能
qq_42345116的博客
11-17 2559
效果图： 一、新建Scroll View组件 右键Canvas——>UI——>Scroll View 二、创建InputField 在新建的Scroll View——>Viewport——>Content下创建InputField 三、组件整合使用及思路 InputFiexd组件无法使用Content Size Fitter组件自动调整大小，所以需要使用代码将输入的字符赋值给Scroll View下Content的Text组件，Content通过...
Unity UGUI带滚动条的文本框显示
qq_37421018的博客
10-25 1万+
1、 创建一个 image或者Panel都行，用来作为背景：添加Scroll Rect组件和Mask 2D组件 Scroll Rect组件：用来实现滚动列表的组件 Mask 2D：与Mask组件作用一样， 用来遮罩，使其只显示它的部分，不会显示超出它的部分（这里解释得不清楚，看一下后面效果就能懂，另外新版的2018版的Mask组件没有作用，这个没有研究，只有用Mask 2D才有效果） 2...
Unity 给InputField添加滚动条
晓冬的博客
06-20 2587
1.为了能让InputField弄个滚动条真的是翻遍了百度，最后还是在自己的努力下完成了这一壮举。 首先在场景中添加一个ScrollRect（滚动视图），以下是我的设置，可以根据自己的喜好设置，建议将惯性关掉。 2.在滚动视图的Content对象添加输入框InputField 3.将InputField的直线类型设置成多行新行 4.最后开始编写一个脚本来适应内容。Unity中自带有自适应的组件但是无法正常使用。 添加一个脚本：InputContentSize.cs Text组件赋值I
Unity InputField滑动条
qq_41604498的博客
04-25 1177
然后根据美术需求将位置进行调整，记得InputFiled下的Text不要被Scrollbar挡住了，然后写脚本监听InputFiled的输入事件onValueChanged，将内容更新即可。但是美术希望，文本没有超出这个输入框的时候，不展示ScrollBar。自行实验一下，在文本内容变化的时候，scrollbar的属性value size的变化。size则是滑动块的大小，滑动块越小，当然输入框内容超出的越多。value在0-1范围内，0的时候在顶部，1在底部。InputField增加滑动条效果。
Unity UGUI InputField 加滑动条
金樽空对月的博客
04-19 913
这里只考虑竖直方向的滑动，水平方向同理。 思路是把InputField放到ScrollView下，让InputField作为ScrollRect的Content。动态获取输入的文字的高度（InputField.preferredHeight)，然后改变InputField的RectTransform高度。 代码参考 using UnityEngine; using UnityEngine.UI; public class Test : MonoBehaviour { public Inp
InputField 在ScrollRect中可以拖动和输入
浪里独行的博客
02-18 511
类似这种 https://stackoverflow.com/questions/41198388/unable-to-scroll-in-scroll-rect-with-input-fields-unity
Unity学习笔记：UGUI相关知识
qq_39332021的博客
12-05 844
将小图片合并为图集：将每个小图片的Packing tag中的 标签调为相同，然后在Window窗口中找到Sprite Packer选项 选定好标签后用Appake合并 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓在事件中添加委托的方法写在Start方法中执行↓↓↓↓↓↓↓↓↓↓↓↓↓↓ Image 消息框 Rect Transform 花瓣打开前 Pos X Pos Y Pos Z文本相对于花瓣的位置 Ri...
Unity3d中UGUI组件精简复盘（十五）InputField组件
qq_1628941121的博客
08-04 912
上一节，我们简单概括了Unity3D编辑器中Slider组件的简要介绍。具体详情链接为：Unity3d中UGUI组件精简复盘（十四）Dropdown组件 话不多说，我们直接进入正题~ 今天我们简要概括复盘的组件便是Dropdown组件啦~ InputField组件 输入框，继承于Selectable基类 属性：应用于登陆，用户名输入 Text Component： Text的Transform Text： Text输入的文本内容 Character Limit： 字符的数量限制，最多能输入多少个，数值为0则
Unity InputField相关设置
qq_42692691的博客
07-22 2349
Content Type （文本类型） 1.Standard（标准类型）：可输入当前字体支持的任何字符 2.Integer Number（整数类型）：只能输入一个整数 3.Decimal Number（十进制数）：可以输入整数或者小数 4.Alpha numeric（文字和数字）：可以输入文字和字母 5.Name（姓名类型）：能输入英文及其他文字，当输入英文时自动姓名化 6.Password（密码类型）：输入的字符显示为"*" Line Type（换行方式）：当输入的内容超过输入域边界时 1.single
【UGUI】InputField输入框
热门推荐
GreAmbWang的博客
05-02 1万+
InputField 组成 InputField组件 这里的Interactable，Transition，Navigation属性都是与Button组件的相同 看看后面的不同的属性 Text Component：将用于将文本呈现到屏幕的Text组件 Text：输入框的值 Character Limit：输入字符限制。0表示不限制 Content Type：...
Unity UGUI入门
不断努力向上攀登的路，比站在顶峰更加让人热血沸腾！
04-19 1738
没有限制的，自动排序。
Unity TMP_InputField 多行输入时的高度适应
2301_79311694的博客
03-03 641
【代码】Unity TMP_InputField 多行输入时的高度适应。
UGUI进阶组件[十四]InputField
weixin_43149049的博客
01-11 2482
InputField是常用的基础组件 属性如下图所示 TextComponent 指定InputField要控制的Text组件，InputField获得的输入内容会放到Text组件的text里面 Text 存放InputField获得的输入内容字符串 CharacterLimit 限制输入的字符串的长度，一般一个中文是两个长度，一个英文是一个字符串长度，所以设置长度为3的话，则能输入3个英文字母...
Unity——InputField组件自动换行和enter键换行
weixin_43205816的博客
12-27 1486
你可以在Inspector面板中选择InputField，然后找到其下的Text组件，将Horizontal Overflow设置为Wrap，这样当文本达到输入框宽度时，它会自动换行。如果你想限制最大行数，可以在InputField组件中设置Line Type为MultiLine Newline，并且调整Character Limit来间接控制行数，或者通过脚本动态管理行数。如果需要更复杂的行为，你可以编写脚本来监听输入事件，并根据需要插入换行符（\n）。例如，在检测到特定快捷键组合时手动添加换行。
【Unity3D_UGUI速成班】——09. InputField
xxxhhhyxy的博客
04-17 1399
对于像炉石、阴阳师这类的手游，玩家都需要输入自己的账号密码才能进入游戏。如何文字字符串并导入系统呢？当然是InputField（输入框），在界面上输入字符串并保存。
unity inputfield 无法输入
最新发布
06-24
另外，引用[5]提到了滑动条控制，如果InputField与滚动条配合使用，需要确保滚动条没有干扰输入。生成相关问题：1.如何检测Unity中InputField是否被点击？2.UnityInputField在移动设备上无法弹出键盘怎么办？3.如何...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值