zoukankan      html  css  js  c++  java
  • 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);
        }
    }
  • 相关阅读:
    leetcode 5414 收藏清单
    leetcode 714 买卖股票的最佳时机含手续费(dp)
    春招的一个记录
    leetcode 560 和为k的子数组(前缀和 + map)
    机器学习--激活函数篇
    leetcode 回文链表(O(1)空间复杂度)
    Leetcode 659 分割数组为连续子序列 (贪心)
    论文笔记:MeLU: Meta-Learned User Preference Estimator for Cold-Start Recommendation
    jni.h头文件详解一
    JNI笔记
  • 原文地址:https://www.cnblogs.com/madinglin/p/8476830.html
Copyright © 2011-2022 走看看