文字太多时给文本框添加滑动条——text + ContentSizeFitter + Scroll View
文字少的时候,直接显示文字;文字多的时候,自动添加滑动条,拖动滑动条后查看全部文字。
1、字少的时候
2、字多的时候自动增加一个垂直滑动条
一、问题的来源
在一个固定区域显示文字,这些文字有时候会很多,有时候又比较少,多的时候需要显示不全,需要滑动条。
1、字少的时候
2、字多的时候自动增加一个垂直滑动条
二、实现的方法
1、第一步,Text文本框添加内容自适应组件ContentSizeFitter
【1】设置ContentSizeFitter为垂直方向内容自适应,也就是当内容很多的时候,文本框在垂直方向自己伸展,水平方向保持不变。
【2】一些属性的设置
图示1:设置了该text伸展时,上方不动,往下拓展
图示2:把该text的锚点调节到顶部,不然它默认在text几何中心
2、第二步,添加一个Scroll View组件,这个组件大小刚好覆盖text区域
3、第三步,关联Scroll View和Text【关键一步】
1、Scroll view自动伸展的秘诀——Content
插曲: 当Content内容增多的时候,组件自己计算滑动值的大小
之前绕了许多弯路,拼命在Content里面装这个会伸展的Text,最终以失败告终,后来用代码实时把text的高度赋值给Conten,发现读text高度值的时候,读到的不是扩展后的值。后来突发奇想,直接把Conten换成Text不是更直接吗?2、重置Content的对象
scrollView.GetComponent<ScrollRect>().content = myTexts.rectTransform;
重置content后的层级关系图
把text拖到scroll view中,与Content对象同级
- 3 、修正text的位置
每次Scroll view显示完文本后,发现text文本框的位置会被移动,直接暴力解决,在现实文本前,把把Content的位置赋给text
myTexts.transform.position = scrollView.GetComponent<ScrollRect>().transform.position);//初始化位置
文字太多时给文本框添加滑动条——text + ContentSizeFitter + Scroll View相关推荐
- 给文本框添加灰色提示文字
html> <head> <title>中国站长天空-网页特效-表单特效-给文本框添加灰色提示文字</title> <meta http-equiv=& ...
- html在input中加超链接,如何给文本框添加超链接
任务流程 第一步 明确任务目标 第二步 明确任务内容 第三步 根据辅导资料完成相应学习 第四步 完成任务 第五步 复习(任务/课程) 任务目标 在PowerPoint中给文字添加超链接后,文字下面会有 ...
- 滚动条的值如何赋值_如何给Word文本框添加滚动条?史上最详细步骤
在工作中我们经常需要使用Microsoft Word来进行编辑文件等,而Microsoft Word也总是能给我们许多的惊喜,因为它总能帮助我们去解决许多工作上的问题.当有些小伙伴不再是局限于仅仅使用 ...
- Markdown 如何自动给长代码块添加滑动条 / 文本选择性隐藏
Markdown 如何自动给长代码块添加滑动条 / 文本选择性隐藏 当用 Markdown 进行文档编辑时,遇到长代码或者长文本无法进行展示,这时我们就可以用如下两种方式,让我们的长文本仅占一个小区间 ...
- 【OpenCV 】计算物体的凸包/创建包围轮廓的矩形和圆形边界框/createTrackbar添加滑动条/
目录 topic 1:模板匹配 topic 2:图像中寻找轮廓 topic 3:计算物体的凸包 topic 4:轮廓创建可倾斜的边界框和椭圆¶ topic 5:轮廓矩¶ topic 6:为程序界面添加 ...
- WinForm -- 为TextBox文本框添加鼠标右键菜单
WinForm -- 为TextBox文本框添加鼠标右键菜单 1. 新建一个WinForm项目,放置一个TextBox控件 2. 从工具箱拖进来一个ContextMenuStrip 3. 将TextB ...
- 给文本框添加模糊搜索功能(“我记录”MVC框架下实现)
步骤: 1.在文本框中输入内容时,触发keyup事件: 2.在keyup事件的处理方法中,通过Ajax调用控制器的方法: 3.在控制器方法中,搜索满足条件的数据,这里分页获取数据,且只取第一页的数据, ...
- html表格输入框怎么左移动,当我向CSS中的文本框添加边框时,HTML表单输入会移动...
我想在登录表单上的输入字段中添加边框,但是当我添加边框时:1px纯黑色;到#登录表单输入,然后所有的文本框移出位置.当我向CSS中的文本框添加边框时,HTML表单输入会移动 当用户输入不正确的凭据到表 ...
- tkinter向文本框里加内容_给tkinter文本框添加右键菜单
给tkinter文本框添加右键菜单 需求:直接右键点击使用tkinter创建的文本框是不会弹出菜单的.我们需要实现右键点击tkinter框架下的Entry对象.Text对象后弹出右键菜单可复制.粘贴和 ...
最新文章
- 【ACM】杭电OJ 2018
- HI3519V101支持的sensor
- 一文解读“边缘计算” 和物联网的亲密关系!
- 【Paper】2006_Time-Optimal Control of a Hovering Quad-Rotor Helicopter
- 重学数据结构004——栈的基本操作及实现(数组实现)
- Android 调用12306接口,GitHub - AndroidyxChen/loading-12306: 仿PC端12306的刷新loading的自定义view...
- oracle状态blocked,oracle 监听状态为BLOCKED
- 【今日CV 计算机视觉论文速览 第109期】Wed, 1 May 2019
- Python机器学习:KNN算法06网格搜索
- 苹果公布App审查新机制 禁止发布疫情相关娱乐程序和游戏
- SAP License:ERP系统供应商管理都包含什么?
- [素数拓展] 质因数的个数 [2007年清华大学计算机研究生机试真题]
- xp配置iis和php,XP下让IIS支持PHP
- Hadoop yarn配置参数
- 人口增长模型——基于matlab语言
- ps盖印图层在哪里_PS盖印图层快捷键
- 用java编国际象棋2之棋子的走法和吃法
- java随机星星怎么闪_原生js实现星星闪烁的效果
- android称重的技术,智能称重系统之智能地磅称解决方案
- java nio 缓冲区(二)