zoukankan      html  css  js  c++  java
  • 屏幕坐标(Input.mousePosition)转换UI坐标

    屏幕坐标(Input.mousePosition)转换UI坐标

    需要了解到的知识点

    1:屏幕坐标的起点位置 左下角为(0,0)点,右上角为(Screen.width,Screen.height)

    2:UI坐标的起点位置 屏幕中心点

    方法1

    			Vector2 uisize = canvas.GetComponent<RectTransform>().sizeDelta;//得到画布的尺寸
                Vector2 screenpos = Input.mousePosition;
                Vector2 screenpos2;
                screenpos2.x = screenpos.x - (Screen.width / 2);//转换为以屏幕中心为原点的屏幕坐标
                screenpos2.y = screenpos.y - (Screen.height / 2);
                Vector2 uipos;//UI坐标
                uipos.x = screenpos2.x*  (uisize.x / Screen.width);//转换后的屏幕坐标*画布与屏幕宽高比
                uipos.y = screenpos2.y * ( uisize.y / Screen.height);
    

    方法2

       			Vector3 worldPos=Camera.main.ScreenToWorldPoint(Input.mousePosition);//屏幕坐标转换世界坐标
                Vector2 uiPos = canvas.transform.InverseTransformPoint(worldPos);//世界坐标转换位本地坐标
    

    方法3

    Vector2 uipos = Vector3.one;
    RectTransformUtility.ScreenPointToLocalPointInRectangle(canvas.transform as RectTransform,
                Input.mousePosition, Camera.main, out uipos);
    //将屏幕空间点转换为RectTransform的局部空间中位于其矩形平面上的位置。
    //cam参数是与屏幕点关联的摄像机。对于Canvas中设置为Screen Space - Overlay模式的RectTransform,cam参数应为null。
    //当在提供PointerEventData对象的事件处理程序中使用ScreenPointToLocalPointInRectangle时,可以使用PointerEventData.enterEventData(用于悬停功能)或PointerEventData.pressEventCamera(用于单击功能)获取正确的摄像头。这将自动为给定事件使用正确的相机(或null)。
    
  • 相关阅读:
    做一个假文件上传按钮
    说说正则表达式的exec方法
    ES6快到碗里来---一个简单的爬虫指南
    Vue.js之组件(component)
    分享一些求职上的坑
    hexo 静态页面生成后页面打不开的问题
    todolist增加markdown模块
    说说看不懂时该怎么办
    markdown语法简介
    vue.js过渡效果之--javascript钩子
  • 原文地址:https://www.cnblogs.com/grassgarden/p/9782650.html
Copyright © 2011-2022 走看看