怎么让unity图片UI透明部分不可点击或点击无效

12 篇文章 0 订阅

摘自:https://jingyan.baidu.com/article/acf728fd814e47f8e410a362.html

在使用unity3d制作界面的时候需要用到UI图片作为按钮使用,有些背景透明的不规则图片需要剔除透明部分,让背景透明被点击的时候无效,只有点击到有显示的图片部分才响应点击事件。

           

方法/步骤

  1. 1

    打开untiy3d选择GameObject--UI--Image

  2. 2

    然后会创建一个Image图片,我们设置其位置大小等。

  3. 3

    把我们透明背景的图片类型设置为 Sprite(2D and UI)

  4. 4

    接着把图片放到场景中的Image里面,作为显示图片。

  5. 5

    接着给Image添加Polygon Collider 2D组件。

  6. 6

    点击编辑按钮,在里面鼠标拖拽创建网格,包含图片显示的部分。

  7. 7

    接着在Image上面添加一个脚本,Update里面在鼠标左键点击的时候响应事件。

    if(Input.GetMouseButtonDown(0)){

    if (GetComponent<PolygonCollider2D>().OverlapPoint(Input.mousePosition)) {

    print("点击到图片");

    }

    }

  8. 8最后运行场景,鼠标点击到图片显示的部分就会得到输出,透明的部分点击并没有效果。

        

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值