• UGUI组件之ScrollRect 组件简单笔记(Scroll View)


    ========================================================
    1.ScrollRect 介绍 Scroll View
    添加ScrollRect组件用的是Scroll View
    ScrollRect:卷动区域。[简单演示]


    “卷动区域”是在 ScrollBar 的基础之上延伸出来的 UI 界面效果。
    单独的 ScrollBar 组件是无意义的,需要结合 ScrollRect 才能真正实现功能。
    ----------------------------------
    2.ScrollRect 组成部分分析
    ScrollRect Image [核心组件,背景图片]
      |---Mask Image [遮罩,用于遮罩的图片]
        |---空物体 [用于卷动显示的数据]
      |---横向卷动条 [ScrollBar 游戏物体]
      |---纵向卷动条 [ScrollBar 游戏物体]
    ----------------------------------
    2.ScrollRect 组件属性
    1.基本控制属性
      Content:ScrollRect 控制的数据区域;
      Horizontal:控制数据是否可以横向拖动;
      Vertical:控制数据是否可以纵向拖动;
      Movement Type:三种运动类型;[不限制 -- 弹性 -- 不动]
    ----------------------------------
    2.引用控制属性
      Viewport:视口区域的引用;
      Scrollbar:Scrollbar 游戏物体的引用;
      Visibilty:卷动条的清晰度,保持默认即可[第三个];
      Spacing:控制卷动条和数据区域之间的间距。
    ----------------------------------
    ----------------------------------
    ScrollRect 事件绑定(Scroll View)
      m_SR = gameObject.GetComponent<ScrollRect>();
      m_SR.onValueChanged.AddListener(ScrollRectChange);
    ----------------------------------
    private void ScrollRectChange(Vector2 T)
    {
    print(T.x+"----"+T.y);
    }
    ========================================================

    using UnityEngine;
    using UnityEngine.UI;
    
    public class Scrollviewdemo : MonoBehaviour 
        {
        private ScrollRect m_SR;
            void Start ()
        {
            m_SR = gameObject.GetComponent<ScrollRect>();
            //监听值改变事件
            m_SR.onValueChanged.AddListener(ScrollRectChange);
        }
    
        private void ScrollRectChange(Vector2 T)
        {
            print(T.x+"----"+T.y);
        }
    }
  • 相关阅读:
    网格形变
    网格简化
    无法打开包括文件: “QWidget”: No such file or directory
    遇到一个 bug svg 抖动的解决方案
    echarts-gl 遇到一个错误 groupGL 未定义
    鼠标操控三维视角
    鼠标控制3维操作 不知道能不能获得一些灵感
    tensorflow 安装
    Codeforces Round #541 (Div. 2) B.Draw!
    Codeforces Round #541 (Div. 2) A.Sea Battle
  • 原文地址:https://www.cnblogs.com/madinglin/p/8476830.html
Copyright © 2020-2023  润新知