文字少的时候,直接显示文字;文字多的时候,自动添加滑动条,拖动滑动条后查看全部文字。

  • 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相关推荐

  1. 给文本框添加灰色提示文字

    html> <head> <title>中国站长天空-网页特效-表单特效-给文本框添加灰色提示文字</title> <meta http-equiv=& ...

  2. html在input中加超链接,如何给文本框添加超链接

    任务流程 第一步 明确任务目标 第二步 明确任务内容 第三步 根据辅导资料完成相应学习 第四步 完成任务 第五步 复习(任务/课程) 任务目标 在PowerPoint中给文字添加超链接后,文字下面会有 ...

  3. 滚动条的值如何赋值_如何给Word文本框添加滚动条?史上最详细步骤

    在工作中我们经常需要使用Microsoft Word来进行编辑文件等,而Microsoft Word也总是能给我们许多的惊喜,因为它总能帮助我们去解决许多工作上的问题.当有些小伙伴不再是局限于仅仅使用 ...

  4. Markdown 如何自动给长代码块添加滑动条 / 文本选择性隐藏

    Markdown 如何自动给长代码块添加滑动条 / 文本选择性隐藏 当用 Markdown 进行文档编辑时,遇到长代码或者长文本无法进行展示,这时我们就可以用如下两种方式,让我们的长文本仅占一个小区间 ...

  5. 【OpenCV 】计算物体的凸包/创建包围轮廓的矩形和圆形边界框/createTrackbar添加滑动条/

    目录 topic 1:模板匹配 topic 2:图像中寻找轮廓 topic 3:计算物体的凸包 topic 4:轮廓创建可倾斜的边界框和椭圆¶ topic 5:轮廓矩¶ topic 6:为程序界面添加 ...

  6. WinForm -- 为TextBox文本框添加鼠标右键菜单

    WinForm -- 为TextBox文本框添加鼠标右键菜单 1. 新建一个WinForm项目,放置一个TextBox控件 2. 从工具箱拖进来一个ContextMenuStrip 3. 将TextB ...

  7. 给文本框添加模糊搜索功能(“我记录”MVC框架下实现)

    步骤: 1.在文本框中输入内容时,触发keyup事件: 2.在keyup事件的处理方法中,通过Ajax调用控制器的方法: 3.在控制器方法中,搜索满足条件的数据,这里分页获取数据,且只取第一页的数据, ...

  8. html表格输入框怎么左移动,当我向CSS中的文本框添加边框时,HTML表单输入会移动...

    我想在登录表单上的输入字段中添加边框,但是当我添加边框时:1px纯黑色;到#登录表单输入,然后所有的文本框移出位置.当我向CSS中的文本框添加边框时,HTML表单输入会移动 当用户输入不正确的凭据到表 ...

  9. tkinter向文本框里加内容_给tkinter文本框添加右键菜单

    给tkinter文本框添加右键菜单 需求:直接右键点击使用tkinter创建的文本框是不会弹出菜单的.我们需要实现右键点击tkinter框架下的Entry对象.Text对象后弹出右键菜单可复制.粘贴和 ...

最新文章

  1. 【ACM】杭电OJ 2018
  2. HI3519V101支持的sensor
  3. 一文解读“边缘计算” 和物联网的亲密关系!
  4. 【Paper】2006_Time-Optimal Control of a Hovering Quad-Rotor Helicopter
  5. 重学数据结构004——栈的基本操作及实现(数组实现)
  6. Android 调用12306接口,GitHub - AndroidyxChen/loading-12306: 仿PC端12306的刷新loading的自定义view...
  7. oracle状态blocked,oracle 监听状态为BLOCKED
  8. 【今日CV 计算机视觉论文速览 第109期】Wed, 1 May 2019
  9. Python机器学习:KNN算法06网格搜索
  10. 苹果公布App审查新机制 禁止发布疫情相关娱乐程序和游戏
  11. SAP License:ERP系统供应商管理都包含什么?
  12. [素数拓展] 质因数的个数 [2007年清华大学计算机研究生机试真题]
  13. xp配置iis和php,XP下让IIS支持PHP
  14. Hadoop yarn配置参数
  15. 人口增长模型——基于matlab语言
  16. ps盖印图层在哪里_PS盖印图层快捷键
  17. 用java编国际象棋2之棋子的走法和吃法
  18. java随机星星怎么闪_原生js实现星星闪烁的效果
  19. android称重的技术,智能称重系统之智能地磅称解决方案
  20. java nio 缓冲区(二)

热门文章

  1. 好文转载—程序员的禅修之路
  2. 微信小程序setData不起作用
  3. Day3-T31项目 异常处理与日志——2021-11-02
  4. 总结自己大学学习Java过程感悟
  5. Python3中正则表达式使用方法
  6. [转贴]电脑使用者的眼睛保护须知
  7. 取消华为mate30 删除图片时手机弹出提示:“..检测xx删除了图片..“
  8. conda 包安装位置 虚拟环境_conda指定位置配置虚拟环境
  9. 给PPT插入页码和总页码
  10. 制作卡通(动漫风)效果