Unity之UGUI做翻頁效果

所用的插件為:itween


image.png
image.png

image.png

image.png
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class FengjiManager : MonoBehaviour {
    public static FengjiManager Instance { get {return instance; }}
    private static FengjiManager instance;

    public int listNumber;//預(yù)制件數(shù)量;
    public int numberByShow;//每次顯示做大個(gè)數(shù)
    public Transform parent;//顯示的父物體
    public Transform parent2;//按鈕的父物體
    public GameObject prefab;//UI預(yù)制件
    public GameObject prefab2;//按鈕預(yù)制件


    public int yy;
  
    // Use this for initialization
    void Start () {
        instance = this;       
        GetAllFjType(listNumber, numberByShow, prefab, parent, prefab2, parent2);
    }
    
    // Update is called once per frame
    void Update () {
        
    }

    
    public void GetAllFjType(int number,int showNumber,GameObject prefab,Transform parent, GameObject prefab2, Transform parent2) {

        for (int i = 0; i < number; i++)
        {
            GameObject go = Instantiate(prefab).gameObject;
            go.transform.SetParent(parent);
            go.transform.localScale = Vector3.one;
            go.transform.localPosition = Vector3.zero;
        }

        if (number/ showNumber > 0)
        {
            if (number<= showNumber)
            {
                return;
            }
           else if(number% showNumber == 0)
            {
                for (int i = 0; i < (number / showNumber); i++)
                {
                    GameObject btn = Instantiate(prefab2).gameObject;
                    btn.name = "image"+i.ToString();                                 
                    btn.transform.SetParent(parent2);
                    btn.transform.localScale = Vector3.one;
                    btn.transform.localPosition = Vector3.zero;
                    btn.GetComponent<Toggle>().onValueChanged.AddListener(delegate (bool isTrue) { OnBtnPage(btn.name); });
                    btn.GetComponent<Toggle>().group = parent2.GetComponent<ToggleGroup>();
                }
            }
            else
            {               
                for (int i = 0; i <= (number / showNumber); i++)
                {
                    GameObject btn = Instantiate(prefab2).gameObject;
                    btn.name = "image" + i.ToString();
                    btn.transform.SetParent(parent2);
                    btn.transform.localScale = Vector3.one;
                    btn.transform.localPosition = Vector3.zero;
                    btn.GetComponent<Toggle>().onValueChanged.AddListener(delegate(bool isTrue) { OnBtnPage(btn.name); });
                    btn.GetComponent<Toggle>().group = parent2.GetComponent<ToggleGroup>();
                }
            }
        }
    }

    int preIndex = 0;

    public void OnBtnPage( string name) {

       
        int index =int.Parse(name.Substring(5, 1));
        if (preIndex == index)
        {
            return;
        }     
       
        Debug.Log(parent.position.y);
        if (preIndex<index)
        {
            int chaju = index - preIndex;
            iTween.MoveTo(parent.gameObject, new Vector3(parent.position.x, parent.position.y+ chaju*yy, 0), chaju * 0.5f);
            //parent.GetComponent<RectTransform>().offsetMax = new Vector2(parent.GetComponent<RectTransform>().offsetMax.x, parent.GetComponent<RectTransform>().offsetMax.y + chaju*yy);
        }
        else
        {
            int chaju = preIndex - index;
            iTween.MoveTo(parent.gameObject, new Vector3(parent.position.x, parent.position.y - chaju*yy, 0), chaju * 0.5f);
            //parent.GetComponent<RectTransform>().offsetMax = new Vector2(parent.GetComponent<RectTransform>().offsetMax.x, parent.GetComponent<RectTransform>().offsetMax.y- chaju*yy);
        }
        Debug.Log(index);
        preIndex = index;
    }
}

運(yùn)行效果見:
https://v.youku.com/v_show/id_XMzg1NDA2MTE3Ng==.html?spm=a2h0k.11417342.soresults.dtitle&_time=15.969


https://v.qq.com/x/page/pasdfgzxcvyjsy7.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末湖员,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌杏节,老刑警劉巖谴麦,帶你破解...
    沈念sama閱讀 211,290評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件哮伟,死亡現(xiàn)場(chǎng)離奇詭異亮蒋,居然都是意外死亡献幔,警方通過查閱死者的電腦和手機(jī)煮寡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門虹蓄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人幸撕,你說我怎么就攤上這事薇组。” “怎么了坐儿?”我有些...
    開封第一講書人閱讀 156,872評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵律胀,是天一觀的道長。 經(jīng)常有香客問我貌矿,道長炭菌,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,415評(píng)論 1 283
  • 正文 為了忘掉前任逛漫,我火速辦了婚禮黑低,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘酌毡。我一直安慰自己克握,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評(píng)論 6 385
  • 文/花漫 我一把揭開白布枷踏。 她就那樣靜靜地躺著菩暗,像睡著了一般。 火紅的嫁衣襯著肌膚如雪旭蠕。 梳的紋絲不亂的頭發(fā)上停团,一...
    開封第一講書人閱讀 49,784評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音下梢,去河邊找鬼客蹋。 笑死,一個(gè)胖子當(dāng)著我的面吹牛孽江,可吹牛的內(nèi)容都是我干的讶坯。 我是一名探鬼主播,決...
    沈念sama閱讀 38,927評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼岗屏,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼辆琅!你這毒婦竟也來了漱办?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,691評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤婉烟,失蹤者是張志新(化名)和其女友劉穎娩井,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體似袁,經(jīng)...
    沈念sama閱讀 44,137評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡洞辣,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評(píng)論 2 326
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了昙衅。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片扬霜。...
    茶點(diǎn)故事閱讀 38,622評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖而涉,靈堂內(nèi)的尸體忽然破棺而出著瓶,到底是詐尸還是另有隱情,我是刑警寧澤啼县,帶...
    沈念sama閱讀 34,289評(píng)論 4 329
  • 正文 年R本政府宣布材原,位于F島的核電站,受9級(jí)特大地震影響季眷,放射性物質(zhì)發(fā)生泄漏余蟹。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評(píng)論 3 312
  • 文/蒙蒙 一瘟裸、第九天 我趴在偏房一處隱蔽的房頂上張望客叉。 院中可真熱鬧,春花似錦话告、人聲如沸兼搏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽佛呻。三九已至,卻和暖如春病线,著一層夾襖步出監(jiān)牢的瞬間吓著,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來泰國打工送挑, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留绑莺,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,316評(píng)論 2 360
  • 正文 我出身青樓惕耕,卻偏偏與公主長得像纺裁,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,756評(píng)論 25 707
  • 不知不覺中加入刻意訓(xùn)練營已有一周欺缘,貌似在這一周每天的打卡里栋豫,我都是接近截止時(shí)間才提交的,其中一天還是補(bǔ)交的...
    徐徐向上閱讀 212評(píng)論 0 0
  • 一谚殊、構(gòu)思:立意丧鸯、標(biāo)題、內(nèi)容(選裁嫩絮、剪裁)丛肢、結(jié)構(gòu)、語言(平實(shí)絮记、華麗摔踱、辛辣) 二、腹稿:標(biāo)題怨愤、開頭(啟)、中間(主體-...
    劍走偏鋒獨(dú)行俠閱讀 378評(píng)論 0 1
  • 晚上占先生跟我說要出去吃飯蛹批,說今天6月初六吃狗肉的日子撰洗。 說實(shí)話,我是一口都沒吃腐芍。雖然也不怎么喜歡狗差导,但是真心覺得...
    星光璀璨520閱讀 346評(píng)論 2 2