IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 游戏开发 -> Unity 为UFUI InputField添加滑动条 -> 正文阅读

[游戏开发]Unity 为UFUI InputField添加滑动条

Unity 为UFUI InputField添加滑动条

1.先创建一个Scroll View,把横向拖拽条删掉,其他的根据喜好自己设定
请添加图片描述2.Scroll View设置要修改一下,否则子物体位置会有问题
请添加图片描述3.在Content下创建一个InputField再把它撑满设置得很长
请添加图片描述4.把两个子物体也撑满,防止位置有问题
请添加图片描述5.设置InputField为多行并且回车可换行
请添加图片描述6.给Content添加Text组建和ContentSizeFitter,并且Text的参数要和InputField用于子物体的Text参数一样。(InputField无法字适应,我们用一个看不到的Text自适应用来给Scroll View拖拽。而把InputField设置的非常长(也可以写代码根据需求动态修改))
请添加图片描述7.最后要写一个小脚本,让InputField的输入value改变时实时传到Content的Text,如下:

using UnityEngine;
using UnityEngine.UI;

public class InputFieldToContent : MonoBehaviour
{
    private static readonly string no_breaking_space = "\u00A0";
    
    InputField m_InputField;
    Text m_Text;
    void Start()
    {
        m_InputField = GetComponent<InputField>();
        m_Text = transform.parent.GetComponent<Text>();
        m_InputField.onValueChanged.AddListener((value) =>
        {
            //替换空格编码格式
            m_InputField.text = m_InputField.text.Replace(" ", no_breaking_space);

            m_Text.text = m_InputField.text;
        });
    }
}

8.拖到InputField上。

在这里插入图片描述结果
请添加图片描述

  游戏开发 最新文章
6、英飞凌-AURIX-TC3XX: PWM实验之使用 GT
泛型自动装箱
CubeMax添加Rtthread操作系统 组件STM32F10
python多线程编程:如何优雅地关闭线程
数据类型隐式转换导致的阻塞
WebAPi实现多文件上传,并附带参数
from origin ‘null‘ has been blocked by
UE4 蓝图调用C++函数(附带项目工程)
Unity学习笔记(一)结构体的简单理解与应用
【Memory As a Programming Concept in C a
上一篇文章      下一篇文章      查看所有文章
加:2021-08-22 13:49:17  更:2021-08-22 13:49:40 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 1:18:15-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码