UGUI练习 - 提示框

---

• 原作者视频

简单的提示框功能

项目地址
效果图：

---

1. 制作提示框，各个组件的用途提示框有标题和内容，这个是上下布局所以用VerticalLayoutGroup，Padding设置上下左右以及上下内容元素的间距，Control Child Size内容元素的大小将会自己调节，Child Force Expand所有元素将会自动铺满到父节点大小。
   Content Size Fitter Tips Bg将会根据内容大小将会自己调节
   Layout Element TextMeshPro里面的文本将会一直往后排列，像下面这样。
   
   
   2.代码就3个脚本直接看上面Git项目就行了，这里有2个需要说明的。
   SetLayoutElementEnable上面的LayoutElement设置了宽度为150,如果你里面字很少，那么就会有很长的空白处，这个函数就是判断字符长度，然后控制是否启动LayoutElement

• 下面那个红圈的内容 如果这个UI在屏幕的右上角，这时显示提示框将不会显示完整，所以这里设置pivot位置，这里这么想，你屏幕时1920*1080，然后鼠标坐标为(1920，1080)，那么这里设置了pivot坐标就为(1, 1)，也就是右上角，所以提示框的内容实在你鼠标位置的左下方。
  

---