UGUI之用脚本动态的改变Button的背景图片

当我们在制作一些特殊的面板时，有时会通过一个按钮来控制面板的显示与隐藏，同时又要按钮的背景图片能够表明当前面板的显示状态时，这就涉及到动态的改变Button的背景图片了。

先呈上demo图片：

面板隐藏时的图片，其中的紫色区域即为一个面板，露出一部分是为了提示玩家，而红色三角形即为按钮背景，三角形朝下，表示面板隐藏



面板显示时的图片，紫色区域即为面板部分，三角形朝上，表示面板显示



这是怎么做到的呢？请看下面的代码：

代码一：

<span style="font-size:14px;">using UnityEngine;
using System.Collections;

public class Status : MonoBehaviour {

public static bool hide = true;
}</span>

代码二：

<span style="font-size:14px;">using UnityEngine;
using UnityEngine.UI;
using System.Collections;

public class DanjiButtonCallback : MonoBehaviour
{
public void Up2Down()
{
GameObject trans = GameObject.Find("ButtonPanels");
GameObject obj = GameObject.Find("Up2down");
Button mbtn = obj.GetComponent<Button>();
if (Status.hide)
{
Status.hide = false;
mbtn.image.sprite = Resources.Load<Sprite>("2DSprites/buttoncontrol1");
trans.transform.position -= new Vector3(0, 40,0);
}else
{
Status.hide = true;
mbtn.image.sprite = Resources.Load<Sprite>("2DSprites/buttoncontrol2");
trans.transform.position += new Vector3(0, 40, 0);
}
}
}</span>

代码一是用于存储游戏状态的类Status，其中的静态变量hide用于表示面板的隐藏与否，代码二中的“ButtonPanels”表示面板对象，“2DSprites/buttoncontrol1"和”2DSprite/buttoncontrol2"表示两种状态下的Button背景图片，“Up2down"表示控制面板的按钮，函数Up2Down为按钮Up2down的回调函数