unity3d实现广告滑动效果

新建了一个带mask的prefab,加上代码只需要将图片prefab、按钮prefab和所想添加的图片

拖进去会自动生成按钮,滑动速度可以随意调time,滑动效果用itween实现的,所以需要加上itween插件

效果如下:(图片是我最爱的马路小天使(ˉ﹃ˉ))

附上代码

 1 using UnityEngine;
 2 using System.Collections.Generic;
 3 using UnityEngine.UI;
 4
 5 public class Mask : MonoBehaviour {
 6
 7     public List<Sprite> sprite = new List<Sprite>();
 8     List<GameObject> image=new List<GameObject >();
 9     public GameObject pic;
10     public Button but;
11     public float time;
12     float width, height;
13     int num;
14     void Start ()
15     {
16         num = sprite.Count;
17          width = this.gameObject.GetComponent<RectTransform>().rect.width;
18          height = this.gameObject.GetComponent<RectTransform>().rect.height;
19          pic.transform.GetComponent<RectTransform>().sizeDelta=new Vector2(width,height);
20          for (int i = 0; i < num; i++)
21          {
22
23              GameObject p = Instantiate(pic,new Vector3(transform.position.x+i*width,transform.position.y,0),transform.rotation)as GameObject;
24              p.transform.parent = this.gameObject.transform;
25              image.Add (p) ;
26              p.GetComponent<Image>().sprite = sprite[i];
27              Button b = Instantiate(but, new Vector3(transform.position.x- ( 25 * num - 15) / 2+25*i, transform.position.y - height/2 + 15, 0), transform.rotation) as Button;
28              b.transform.parent = GameObject.FindWithTag("Button").transform;
29              System.Object obj = (System.Object)i;
30              b.onClick.AddListener(delegate(){this.MoveToPic((int)obj);});
31          }
32
33
34     }
35     void OnGUI()
36     {
37         if (GUI.Button(new Rect(transform.position.x + 20 + width / 2, Screen.height - transform.position.y - 15, 30, 30), ">"))
38         {
39             if (image[0].transform.position.x < transform.position.x-3)
40             {
41                 Move(1);
42             }
43         }
44         if (GUI.Button(new Rect(transform.position.x -width/2-50,Screen.height- transform.position.y-15 , 30, 30), "<"))
45         {
46             if (image[num - 1].transform.position.x > transform.position.x+3)
47             {
48                 Move(-1);
49             }
50         }
51     }
52     public void Move(int dir)
53     {
54         for (int i = 0; i <num; i++)
55         {
56             iTween.MoveAdd(image[i], iTween.Hash("x", width * dir, "time", time));
57         }
58     }
59     public void MoveToPic(int i)
60     {
61
62         float offset = transform.position.x - image[i].transform.position.x;
63         for (int j = 0; j < num; j++)
64         {
65             iTween.MoveAdd(image[j], iTween.Hash("x", offset, "time", time));
66         }
67     }
68
69
70 }

时间: 2024-08-03 13:28:09

unity3d实现广告滑动效果的相关文章

使用ViewPager实现广告滑动效果

效果图:               watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSk1DNjAx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" > watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSk1DNjAx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA

广告指示器滑动效果

这段代码用的是ViewPager+自定义控件技术实现的广告指示器滑动效果 先展示下主要代码以及效果 后面会附上源代码的 BannerFragment.java package com.example.ex_templete; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v

Android开发之ViewPager实现轮播图(轮播广告)效果的自定义View

最近开发中需要做一个类似京东首页那样的广告轮播效果,于是采用ViewPager自己自定义了一个轮播图效果的View. 主要原理就是利用定时任务器定时切换ViewPager的页面. 效果图如下: 主页面布局实现如下: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android&

广告条效果实现----ViewPager加载大图片(LruCache)以及定时刷新

先来看看效果: 1.广告条效果应该是使用的比较广泛的一个效果了,使用的基本构架就是一个ViewPager组件,在低版本的Android中,我们需要手动导入v4 jar包才可以使用. 2.ViewPager的加载方式与listview的加载方式不太一样,对于listview,其中总是会使用到子view的复用,但是对于viewpager,动态滑动的时候,它只保持三个页面在内存中,也就是:当前显示页面,前一个页面和后一个页面:其他页面都被销毁释放掉. 3.对于大图片的加载,如果不做处理,可能一两张图片

实现ViewPager多页面滑动效果

 viewPager实现引导页 ViewPager多页面滑动效果 1.Android的左右滑动在实际编程经常能用到,比如查看多张图片,左右 切换tab页. 2.自android 3.0之后的SDK中提供了android-support-V4包用以实现 版本兼容,让老版本系统下的应用通过加入jar包实现扩展,其中有一 个可以实现左右滑动的类ViewPager 今天我们就用ViewPager类来实现引导页的实战案例 实现功能: 1.实现ViewPager多页面滑动效果. 2.下方的显示当前焦点页

android UI之ViewPager多页面滑动效果

  viewPager实现引导页 ViewPager多页面滑动效果 1.Android的左右滑动在实际编程经常能用到,比如查看多张图片,左右 切换tab页. 2.自android 3.0之后的SDK中提供了android-support-V4包用以实现 版本兼容,让老版本系统下的应用通过加入jar包实现扩展,其中有一 个可以实现左右滑动的类ViewPager 今天我们就用ViewPager类来实现引导页的实战案例 实现功能: 1.实现ViewPager多页面滑动效果. 2.下方的显示当前

Android第六期 - ViewPage与菜单栏本地页面监听滑动效果

首先是JiaoyuzixunActivity.java代码部分: package com.gaoxiaotong.ctone.jiaoyuzixun; import java.util.ArrayList; import java.util.HashMap; import java.util.Iterator; import java.util.List; import java.util.Map; import org.json.JSONArray; import org.json.JSONO

Android 自定义 HorizontalScrollView 打造再多图片(控件)也不怕 OOM 的横向滑动效果

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38140505 自从Gallery被谷歌废弃以后,Google推荐使用ViewPager和HorizontalScrollView来实现Gallery的效果.的确HorizontalScrollView可以实现Gallery的效果,但是HorizontalScrollView存在一个很大的问题,如果你仅是用来展示少量的图片,应该是没问题的,但是如果我希望HorizontalScr

UI--单行文本水平触摸滑动效果

<代码里的世界> -UI篇 用文字札记描绘自己 android学习之路 转载请保留出处 by Qiao http://blog.csdn.net/qiaoidea/article/details/45115047 [导航] - 单行文本水平触摸滑动效果 通过EditText实现TextView单行长文本水平滑动效果 - 多行文本折叠展开 自定义布局View实现多行文本折叠和展开 1.初衷 最近做应用的时候有用到TextView单行长文本,当文本内容过长时候又想实现触摸水平滑动效果.网上找了很多