一，签到效果

实现效果：

二，实现步骤

2.1 场景搭建

1. 创建Image设计为大背景，作为一级父物体，命名为：SignPanel
2. 再SignPanel下再创建一个Image，命名为Context。作为所有签到内容的父物体，并在其上添加’Grid Layout Group’，根据签到内容大小调整其数值即可：
   
3. 再创建一个Image，作为签到内容的背景板，在其下一次创建：Image，Text，Button，Image；分别作为每个签到内容的奖励图片，奖励数量，可领取按钮，已领取图片。此物体将作为签到内容的克隆体。
   

最终搭建场景如下：

2.2 创建配置

通过ScriptableObject做一个配置文件，里面存储每日签到的奖励类型和数量。创建代码命名为MonthSignAwardData，继承修改为ScriptableObject，并给其添加CreateAssetMenu编辑器拓展。

完整代码如下：

using System;
using System.Collections.Generic;
using UnityEngine;[CreateAssetMenu(fileName = "MonthSignAwardData", menuName = "GameData/MonthSignAwardData", order = 1)]
public class MonthSignAwardData : ScriptableObject
{public List<AwardItem>  awardDataList = new List<AwardItem>();
}[Serializable]
public class AwardItem
{/// <summary>/// 奖励类型 0:金币，1:钻石/// </summary>public CurrencyType awardType;// 奖励数量public int awardCount;
}

创建完成此代码就可以在文件中右键 --> Create --> GameData --> MonthSignAwardData。创建出一个MonthSignAwardData配置文件，然后手动编辑一下奖励内容就可以了。

PS：我这里为了方便演示后面加载，将配置文件直接存储到Resources文件夹下了。

2.3 编写代码

逻辑也比较简单，通过PlayerPrefs存储一个上次签到日期，存储一个上传签到索引。然后通过上次签到日期和本地日期比较判断今日是否已签到。

完整逻辑如下：

using System;
using System.Collections;
using System.Collections.Generic;
using DG.Tweening;
using UnityEngine;
using UnityEngine.UI;public class MonthSignIn : MonoBehaviour
{[Header("奖励图")][SerializeField] private Sprite[] Spr_AwardSprites;[Header("模版")][SerializeField] private GameObject Obj_Item;[Header("内容父物体")][SerializeField] private Transform Tran_Context;[Header("关闭按钮")][SerializeField] private Button Btn_Close;[Header("内容列表")][SerializeField] private List<SignItem> signList;// 配置文件private MonthSignAwardData _signAwardData;// 上次签到索引private int LastSignIndex{get { return PlayerPrefs.GetInt("CzhenyaGameDataLastSignIndex", 0); }set { PlayerPrefs.SetInt("CzhenyaGameDataLastSignIndex", value); }}// 上次签到日期private string LastSignDate{get { return PlayerPrefs.GetString("CzhenyaGameDataLastSignDate", "yy-MM-dd"); }set { PlayerPrefs.SetString("CzhenyaGameDataLastSignDate", value); }}void Start(){Obj_Item.gameObject.SetActive(false);_signAwardData = Resources.Load<MonthSignAwardData>("MonthSignAwardData");signList = new List<SignItem>();for (int i = 0; i < _signAwardData.awardDataList.Count; i++){Transform itemTrans = Instantiate(Obj_Item, Tran_Context).transform;itemTrans.gameObject.SetActive(true);SignItem signItem = new SignItem();signItem.Img_Context = itemTrans.GetChild(0).GetComponent<Image>();signItem.Text_ContextNum = itemTrans.GetChild(1).GetComponent<Text>();signItem.Btn_Receive = itemTrans.GetChild(2).GetComponent<Button>();signItem.Obj_Mask = itemTrans.GetChild(3).gameObject;signItem.Btn_Receive.onClick.AddListener(OnClickReceive);int awardCount = _signAwardData.awardDataList[i].awardCount;int spriteIndex = (int)_signAwardData.awardDataList[i].awardType;signItem.Img_Context.sprite = Spr_AwardSprites[spriteIndex];//signItem.Img_Context.SetNativeSize();signItem.Text_ContextNum.text = "x" + awardCount;signList.Add(signItem);}Btn_Close.onClick.AddListener(OnClickClose);UpdateSignStatus();}/// <summary>/// 更新签到状态/// </summary>void UpdateSignStatus(){for (int i = 0; i < signList.Count; i++){signList[i].Btn_Receive.gameObject.SetActive(false);signList[i].Obj_Mask.SetActive(i < LastSignIndex);}// 今天没签if (!LastSignDate.Contains(DateTime.Today.ToString("MM/dd/yyyy"))){signList[LastSignIndex].Btn_Receive.gameObject.SetActive(true);}}/// <summary>/// 点击签到 -- 领取签到奖励/// </summary>void OnClickReceive(){int curIndex = LastSignIndex;// todo... 恭喜获得Debug.Log("当前领取id：" + curIndex);if (LastSignIndex >= 27){LastSignIndex = 0;}else{LastSignIndex++;}LastSignDate = DateTime.Today.ToString("MM/dd/yyyy");UpdateSignStatus();}/// <summary>/// 关闭面板/// </summary>void OnClickClose(){gameObject.SetActive(false);}}// 签到内容
public class SignItem
{public Image Img_Context;public Text Text_ContextNum;public Button Btn_Receive;public GameObject Obj_Mask;
}public enum CurrencyType
{/// <summary>/// 金币/// </summary>Gold,/// <summary>/// 钻石/// </summary>Gam,
}

将上面代码挂载到SignPanel，然后将公开变量挨个赋值：

三，拓展：入场动画

将下面代码添加到MonthSignIn类中，即可实现开篇看到的入场动画效果：

private void OnEnable()
{PlayDoAni();
}
// 播放进入动画
public void PlayDoAni()
{StartCoroutine(DoAni());
}// 入场动画
IEnumerator DoAni()
{for (int i = 1; i < Tran_Context.childCount; i++){Tran_Context.GetChild(i).gameObject.SetActive(false);}for (int i = 1; i < Tran_Context.childCount; i++){Tran_Context.GetChild(i).gameObject.SetActive(true);Tran_Context.GetChild(i).transform.localScale = Vector3.zero;Tran_Context.GetChild(i).DOScale(Vector3.one, 0.2f).SetEase(Ease.OutBack);if (i % 3 == 0){yield return new WaitForSeconds(0.06f);}}
}

源码和步骤都在上面分享过了，若还有什么不明白的，可以点击链接下载，积分不够的童鞋关注下方卡片公号​，回复：“月签到” 即可获得Demo源码~