好看的引导页

最新推荐文章于 2024-05-26 14:25:50 发布
最新推荐文章于 2024-05-26 14:25:50 发布
阅读量1.3k 收藏 1
点赞数
先看效果图: 
 


1.显示三个页面的Activity  用view pager去加载三个fragment实现,控制点点点的切换,监听view pager的切换,控制fragment动画的开始跟结束,重写了view pager,实现了背景图片的移动效果. 
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
/**
  * 主Activity
  * @author ansen
  * @create time 2015-08-07
  */ 
public class KaKaLauncherActivity extends FragmentActivity { 
     private GuideViewPager vPager; 
     private List<LauncherBaseFragment> list = new ArrayList<LauncherBaseFragment>(); 
     private BaseFragmentAdapter adapter; 
    
     private ImageView[] tips; 
     private int currentSelect;  
        
     @Override 
     protected void onCreate(Bundle savedInstanceState) { 
         super.onCreate(savedInstanceState); 
         setContentView(R.layout.activity_luancher_main); 
            
         //初始化点点点控件 
         ViewGroup group = (ViewGroup)findViewById(R.id.viewGroup); 
         tips = new ImageView[3]; 
         for (int i = 0; i < tips.length; i++) { 
             ImageView imageView = new ImageView(this); 
             imageView.setLayoutParams(new LayoutParams(10, 10)); 
             if (i == 0) { 
                 imageView.setBackgroundResource(R.drawable.page_indicator_focused); 
             } else { 
                 imageView.setBackgroundResource(R.drawable.page_indicator_unfocused); 
             } 
             tips=imageView; 
             LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(new ViewGroup.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT)); 
             layoutParams.leftMargin = 20;//设置点点点view的左边距 
             layoutParams.rightMargin = 20;//设置点点点view的右边距 
             group.addView(imageView,layoutParams); 
         } 
  
         //获取自定义viewpager 然后设置背景图片 
         vPager = (GuideViewPager) findViewById(R.id.viewpager_launcher); 
         vPager.setBackGroud(BitmapFactory.decodeResource(getResources(),R.drawable.bg_kaka_launcher)); 
  
         /**
          * 初始化三个fragment  并且添加到list中
          */ 
         RewardLauncherFragment rewardFragment = new RewardLauncherFragment(); 
         PrivateMessageLauncherFragment privateFragment = new PrivateMessageLauncherFragment(); 
         StereoscopicLauncherFragment stereoscopicFragment = new StereoscopicLauncherFragment(); 
         list.add(rewardFragment); 
         list.add(privateFragment); 
         list.add(stereoscopicFragment); 
  
         adapter = new BaseFragmentAdapter(getSupportFragmentManager(),list); 
         vPager.setAdapter(adapter); 
         vPager.setOffscreenPageLimit(2); 
         vPager.setCurrentItem(0); 
         vPager.setOnPageChangeListener(changeListener); 
     } 
  
     /**
      * 监听viewpager的移动
      */ 
     OnPageChangeListener changeListener=new OnPageChangeListener() { 
         @Override 
         public void onPageSelected(int index) { 
             setImageBackground(index);//改变点点点的切换效果 
             LauncherBaseFragment fragment=list.get(index); 
  
             list.get(currentSelect).stopAnimation();//停止前一个页面的动画 
             fragment.startAnimation();//开启当前页面的动画 
  
             currentSelect=index; 
         } 
  
         @Override 
         public void onPageScrolled(int arg0, float arg1, int arg2) {} 
         @Override 
         public void onPageScrollStateChanged(int arg0) {} 
     }; 
  
  
     /**
      * 改变点点点的切换效果
      * @param selectItems
      */ 
     private void setImageBackground(int selectItems) { 
         for (int i = 0; i < tips.length; i++) { 
             if (i == selectItems) { 
                 tips.setBackgroundResource(R.drawable.page_indicator_focused); 
             } else { 
                 tips.setBackgroundResource(R.drawable.page_indicator_unfocused); 
             } 
         } 
     } 
}


2.重写viewpager   在dispatchDraw方法中控制显示的背景图片区域, 
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
/**
  * 重写ViewPager  主要做一个切换背景的功能
  * @author ansen
  * @create time 2015-08-07
  */ 
public class GuideViewPager extends ViewPager { 
     private Bitmap bg; 
     private Paint b = new Paint(1); 
        
     public GuideViewPager(Context context) { 
         super(context); 
     } 
    
     public GuideViewPager(Context context, AttributeSet attrs) { 
         super(context, attrs); 
     } 
    
     @Override 
     protected void dispatchDraw(Canvas canvas) { 
         if (this.bg != null) { 
             int width = this.bg.getWidth(); 
             int height = this.bg.getHeight(); 
             int count = getAdapter().getCount(); 
             int x = getScrollX(); 
             // 子View中背景图片需要显示的宽度，放大背景图或缩小背景图。 
             int n = height * getWidth() / getHeight(); 
                
             /**
              * (width - n) / (count - 1)表示除去显示第一个ViewPager页面用去的背景宽度，剩余的ViewPager需要显示的背景图片的宽度。
              * getWidth()等于ViewPager一个页面的宽度，即手机屏幕宽度。在该计算中可以理解为滑动一个ViewPager页面需要滑动的像素值。
              * ((width - n) / (count - 1)) /getWidth()也就表示ViewPager滑动一个像素时，背景图片滑动的宽度。
              * x * ((width - n) / (count - 1)) /  getWidth()也就表示ViewPager滑动x个像素时，背景图片滑动的宽度。
              * 背景图片滑动的宽度的宽度可以理解为背景图片滑动到达的位置。
              */ 
             int w = x * ((width - n) / (count - 1)) / getWidth(); 
             canvas.drawBitmap(this.bg, new Rect(w, 0, n + w, height), new Rect( x, 0, x + getWidth(), getHeight()), this.b); 
         } 
         super.dispatchDraw(canvas); 
     } 
        
     public void setBackGroud(Bitmap paramBitmap) { 
         this.bg = paramBitmap; 
         this.b.setFilterBitmap(true); 
     } 
}


3.主体布局文件  上面放一个自定义的viewpager  下面放一个显示点点的RelativeLayout 
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     xmlns:tools="http://schemas.android.com/tools" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" > 
    
     <com.example.view.GuideViewPager 
         android:id="@+id/viewpager_launcher" 
         android:layout_width="match_parent" 
         android:layout_height="match_parent" /> 
    
     <RelativeLayout 
         android:layout_width="fill_parent" 
         android:layout_height="wrap_content" 
         android:orientation="vertical" > 
    
         <LinearLayout 
             android:id="@+id/viewGroup" 
             android:layout_width="fill_parent" 
             android:layout_height="wrap_content" 
             android:layout_alignParentBottom="true" 
             android:layout_marginBottom="30dp" 
             android:gravity="center_horizontal" 
             android:orientation="horizontal" /> 
     </RelativeLayout> 
    
</RelativeLayout>


4.ViewPager适配器 
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
/**
  * Viewpager适配器
  * @author apple
  *
  */ 
public class BaseFragmentAdapter extends FragmentStatePagerAdapter { 
     private List<LauncherBaseFragment>list; 
     public BaseFragmentAdapter(FragmentManager fm, List<LauncherBaseFragment> list) { 
         super(fm); 
         this.list = list; 
     } 
    
     public BaseFragmentAdapter(FragmentManager fm) { 
         super(fm); 
     } 
    
     @Override 
     public Fragment getItem(int arg0) { 
         return list.get(arg0); 
     } 
    
     @Override 
     public int getCount() { 
         return list.size(); 
     } 
}

5.Fragment抽象类 有两个抽象方法,开启动画跟停止动画  所有的Fragment都继承这个类  Viewpager切换的时候可以更好的控制每个Fragment开启动画,结束动画 
复制代码
1
2
3
4
5
6
7
8
9
/**
  * Fragment抽象类
  * @author ansen
  * 
  */ 
public abstract class LauncherBaseFragment extends Fragment{ 
     public abstract void  startAnimation(); 
     public abstract void  stopAnimation(); 
}

6.打赏页Fragment  三个动画效果  硬币向下移动动画+打赏图片缩放动画+改变打赏图片透明度然后隐藏图片 
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
/**
  * 打赏页面
  * @author ansen
  * @create time 2015-08-07
  */ 
public class RewardLauncherFragment extends LauncherBaseFragment{ 
     private ImageView ivReward; 
     private ImageView ivGold; 
        
     private Bitmap goldBitmap; 
     private boolean started;//是否开启动画(ViewPage滑动时候给这个变量赋值) 
        
     @Override 
     public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) { 
         View rooView=inflater.inflate(R.layout.fragment_reward_launcher, null); 
         ivGold=(ImageView) rooView.findViewById(R.id.iv_gold); 
         ivReward=(ImageView) rooView.findViewById(R.id.iv_reward); 
            
         //获取硬币的高度 
         goldBitmap=BitmapFactory.decodeResource(getActivity().getResources(),R.drawable.icon_gold); 
         startAnimation(); 
         return rooView; 
     } 
        
     public void startAnimation(){ 
         started=true; 
            
         //向下移动动画 硬币的高度*2+80    
         TranslateAnimation translateAnimation=new TranslateAnimation(0,0,0,goldBitmap.getHeight()*2+80); 
         translateAnimation.setDuration(500); 
         translateAnimation.setFillAfter(true); 
            
         ivGold.startAnimation(translateAnimation); 
         translateAnimation.setAnimationListener(new AnimationListener() { 
             @Override 
             public void onAnimationStart(Animation animation) {} 
             @Override 
             public void onAnimationEnd(Animation animation){ 
                 if(started){ 
                     ivReward.setVisibility(View.VISIBLE); 
                     //硬币移动动画结束开启缩放动画 
                     Animation anim=AnimationUtils.loadAnimation(getActivity(),R.anim.reward_launcher);   
                     ivReward.startAnimation(anim); 
                     anim.setAnimationListener(new AnimationListener(){ 
                         @Override   
                         public void onAnimationStart(Animation animation) {}   
                         @Override   
                         public void onAnimationRepeat(Animation animation) {}   
                         @Override   
                         public void onAnimationEnd(Animation animation) { 
                                 //缩放动画结束 开启改变透明度动画 
                                 AlphaAnimation alphaAnimation=new AlphaAnimation(1,0); 
                                 alphaAnimation.setDuration(1000); 
                                 ivReward.startAnimation(alphaAnimation); 
                                 alphaAnimation.setAnimationListener(new AnimationListener() { 
                                     @Override 
                                     public void onAnimationStart(Animation animation) {} 
                                     @Override 
                                     public void onAnimationRepeat(Animation animation) {} 
                                     @Override 
                                     public void onAnimationEnd(Animation animation) { 
                                         //透明度动画结束隐藏图片 
                                         ivReward.setVisibility(View.GONE); 
                                     } 
                             }); 
                         } 
                     }); 
                 } 
             } 
             @Override 
             public void onAnimationRepeat(Animation animation) {} 
         }); 
     } 
        
     @Override 
     public void stopAnimation(){ 
         started=false;//结束动画时标示符设置为false 
         ivGold.clearAnimation();//清空view上的动画 
     } 
}


7.私信页面   四个动画效果   并且四个动画都相同,其实只要我们实现了一个,其他的基本都很容易了.   依次实现四个图片的放大然后还原 
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
/**
  * 私信
  * @author ansen
  */ 
public class PrivateMessageLauncherFragment extends LauncherBaseFragment{ 
     private ImageView ivLikeVideo,ivThinkReward,ivThisWeek,ivWatchMovie; 
        
     private Animation likeAnimation,thinkAnimation,watchAnimation,thisWeekAnimation; 
        
     private boolean started;//是否开启动画 
        
     @Override 
     public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) { 
         View rooView=inflater.inflate(R.layout.fragment_private_message_launcher, null); 
            
         ivLikeVideo=(ImageView) rooView.findViewById(R.id.iv_private_message_like_video); 
         ivThinkReward=(ImageView) rooView.findViewById(R.id.iv_private_message_think_reward); 
         ivWatchMovie=(ImageView) rooView.findViewById(R.id.iv_private_message_watch_movie); 
         ivThisWeek=(ImageView) rooView.findViewById(R.id.private_message_this_week); 
         return rooView; 
     } 
        
     public void stopAnimation(){ 
         //动画开启标示符设置成false    
         started=false; 
         /**
          * 清空所有控件上的动画
          */ 
         ivLikeVideo.clearAnimation(); 
         ivThinkReward.clearAnimation(); 
         ivWatchMovie.clearAnimation(); 
         ivThisWeek.clearAnimation(); 
     } 
        
        
     public void startAnimation(){ 
         started=true; 
            
         /**
          * 每次开启动画前先隐藏控件
          */ 
         ivLikeVideo.setVisibility(View.GONE); 
         ivThinkReward.setVisibility(View.GONE); 
         ivWatchMovie.setVisibility(View.GONE); 
         ivThisWeek.setVisibility(View.GONE); 
            
         new Handler().postDelayed(new Runnable() {//延时0.5秒之后开启喜欢视频动画 
             @Override 
             public void run(){ 
                 if(started) 
                     likeVideoAnimation(); 
             } 
         },500); 
     } 
        
     /**
      * 好喜欢你的视频
      */ 
     private void likeVideoAnimation(){ 
         ivLikeVideo.setVisibility(View.VISIBLE); 
            
         likeAnimation = AnimationUtils.loadAnimation(getActivity(),R.anim.private_message_launcher); 
         ivLikeVideo.startAnimation(likeAnimation);//开启动画 
         likeAnimation.setAnimationListener(new AnimationListener(){   
             @Override   
             public void onAnimationStart(Animation animation) {}   
             @Override   
             public void onAnimationRepeat(Animation animation) {}   
             @Override   
             public void onAnimationEnd(Animation animation) {//监听动画结束 
                     if(started) 
                         thinkReward(); 
             }   
         });  
     } 
        
     /**
      * 谢谢你的打赏
      */ 
     private void thinkReward(){ 
         ivThinkReward.setVisibility(View.VISIBLE); 
         thinkAnimation = AnimationUtils.loadAnimation(getActivity(),R.anim.private_message_launcher); 
         ivThinkReward.startAnimation(thinkAnimation); 
         thinkAnimation.setAnimationListener(new AnimationListener(){   
             @Override   
             public void onAnimationStart(Animation animation) {}   
             @Override   
             public void onAnimationRepeat(Animation animation) {}   
             @Override   
             public void onAnimationEnd(Animation animation) { 
                 if(started) 
                     watchMovie(); 
             }   
         });  
     } 
        
     /**
      * 一起看个电影呗
      */ 
     private void watchMovie(){ 
         ivWatchMovie.setVisibility(View.VISIBLE); 
         watchAnimation = AnimationUtils.loadAnimation(getActivity(),R.anim.private_message_launcher); 
         ivWatchMovie.startAnimation(watchAnimation); 
         watchAnimation.setAnimationListener(new AnimationListener(){   
             @Override   
             public void onAnimationStart(Animation animation) {}   
             @Override   
             public void onAnimationRepeat(Animation animation) {}   
             @Override   
             public void onAnimationEnd(Animation animation) { 
                 if(started) 
                     thisWeek(); 
             }   
         });  
     } 
        
     /**
      * 好啊  这周末有空
      */ 
     private void thisWeek(){ 
         ivThisWeek.setVisibility(View.VISIBLE); 
         thisWeekAnimation = AnimationUtils.loadAnimation(getActivity(),R.anim.private_message_launcher);   
         ivThisWeek.startAnimation(thisWeekAnimation); 
     } 
}

8.最后一个引导页  就两个动画  图片的放大跟缩小,其实用xml布局的话一个动画就能搞定,跟私信页面的动画差不多.小伙伴写的代码.这里换了一种方式.代码比较多. 
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
/**
  * 最后一个
  * @author apple
  */ 
public class StereoscopicLauncherFragment extends LauncherBaseFragment implements OnClickListener{ 
     private static final float ZOOM_MAX = 1.3f; 
     private static final  float ZOOM_MIN = 1.0f; 
        
     private ImageView imgView_immediate_experience; 
        
     @Override 
     public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) { 
         View rooView=inflater.inflate(R.layout.fragment_stereoscopic_launcher, null); 
         imgView_immediate_experience=(ImageView) rooView.findViewById(R.id.imgView_immediate_experience); 
         imgView_immediate_experience.setOnClickListener(this); 
         return rooView; 
     } 
        
     public void playHeartbeatAnimation(){ 
             /**
              * 放大动画
              */ 
         AnimationSet animationSet = new AnimationSet(true); 
         animationSet.addAnimation(new ScaleAnimation(ZOOM_MIN, ZOOM_MAX, ZOOM_MIN, ZOOM_MAX, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,0.5f)); 
         animationSet.addAnimation(new AlphaAnimation(1.0f, 0.8f)); 
     
         animationSet.setDuration(500); 
         animationSet.setInterpolator(new AccelerateInterpolator()); 
         animationSet.setFillAfter(true); 
     
         animationSet.setAnimationListener(new AnimationListener() { 
             @Override 
             public void onAnimationStart(Animation animation) { 
             } 
     
             @Override 
             public void onAnimationRepeat(Animation animation) { 
             } 
     
             @Override 
             public void onAnimationEnd(Animation animation) { 
                     /**
                      * 缩小动画
                      */ 
                 AnimationSet animationSet = new AnimationSet(true); 
                 animationSet.addAnimation(new ScaleAnimation(ZOOM_MAX, ZOOM_MIN, ZOOM_MAX,ZOOM_MIN, Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF, 0.5f)); 
                 animationSet.addAnimation(new AlphaAnimation(0.8f, 1.0f)); 
                 animationSet.setDuration(600); 
                 animationSet.setInterpolator(new DecelerateInterpolator()); 
                 animationSet.setFillAfter(false); 
                  // 实现心跳的View 
                 imgView_immediate_experience.startAnimation(animationSet); 
             } 
         }); 
          // 实现心跳的View 
         imgView_immediate_experience.startAnimation(animationSet); 
     }  
    
     @Override 
     public void onClick(View v) { 
//      Intent intent = new Intent(); 
//      intent.setClass(getActivity(),MainActivity.class); 
//      startActivity(intent); 
//      getActivity().finish(); 
     } 
    
     @Override 
     public void startAnimation() { 
         playHeartbeatAnimation(); 
     } 
    
     @Override 
     public void stopAnimation() { 
            
     } 
}

最后总结:以上就是三个引导页的核心代码了,还有一些布局文件,动画效果的布局文件我就不一一贴出来的,大家可以去下载我的源码,在这个过程中碰到的几个大的问题说明一下. 
1.viewpager切换的时候要结束上个fragment的动画   我是通过boolean变量去控制的 
2.背景图片移动的效果    之前自己走了很多弯路,后面在网上找了一个demo拿过来用了.因为大家都有开源精神所以这里省了很多功夫 
3.图片放大缩小以前居然不知道一个xml动画布局就能搞定.之前一直想办法用两个动画实现 
眷眷浮生
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
好看的引导页.zip
08-21
好看的引导页自适应个人引导页，移动端，PC端。没有jS的，纯静态页。小动态。页可以自己使用。很好看。大家可以下载看看，很不错的页面。
Android开发实战之漂亮的ViewPager引导页
09-01
在Android应用开发中，创建一个吸引用户的引导页是提高用户体验的重要环节。`ViewPager`组件是实现这一功能的理想选择，因为它允许用户左右滑动查看多个页面，非常适合用来展示一系列的介绍图片或动画。本文将深入...
Android简洁漂亮的引导页
weixin_30770783的博客
11-12 402
原文地址：http://www.apkbus.com/forum.php?mod=viewthread&tid=239742 源码位置：http://pan.baidu.com/s/1eQAtzjk 转载于:https://www.cnblogs.com/flyoung/p/4958088.html
一款好看的单页个人引导页源码
字节网盘SEO工具
10-11 2325
简介： 修改index.html和a.html文件内容即可。 话不多说上教程 1.先购买台主机 2.进入控制面板绑定域名。 3.在wwwroot目录上传源码。 4.解压源码。 网盘下载地址： http://kekewangLuo.net/wZ1fh5hd50F0 图片： ...
3款简洁个人网站引导页（附带源码）
最新发布
孤客科技
05-26 942
3款简洁个人网站引导页（附带源码）关注微信公众号祖龙科技工作室即可领取源码，谢谢你们的支持，你们的支持是我们创作的动力！谢谢大家！
超级好看的ZYI官网单页html引导页网站源码
aichibeigua的博客
04-20 782
介绍： 一款动态背景特效的html单页引导页面源码，喜欢的可以下载看看。 网盘下载地址： http://kekewl.cc/V0GvkJfV4yC 图片：
一款简约漂亮的引导页源码（单双页）
爱酷码的博客
04-30 1297
源码介绍 这是大佬【AyagawaSeirin】免费开源的单页个人主页纯静态源码、目前有两个主页版本 master单页版、double双页版、非常漂亮的单页HTML源码、喜欢的自行下载修改源码！ 下载地址 https://pan.baidu.com/s/1-HpVT8IC9FF8gNnIuYauIg?pwd=df5u ...
精品个人或团队引导页网站HTML源码_好看大气.zip
08-15
精品个人或团队引导页网站HTML源码_好看大气 2023全新宽屏大气好看团队个人指导页网站HTML源码，带音乐视频mv，源码比较小，只有七兆，就因为一个MV占了十几兆。源码也很漂亮，但是有个缺点就是没有手机适配，只能PC...
一款旋转头像引导页源码 非常好看的
04-02
一款旋转头像引导页源码 非常好看的 效果演示http://www.lmtaolu.cn/biaobai/ 一款非常漂亮的引导页，动态下雪特效背景自动切换 头像修改在src目录里的tx.png 背景修改bodyBgs数组里面的图片地址，自动背景变换！
贼鸡儿好看的HTML5引导页源码
12-17
"贼鸡儿好看的HTML5引导页源码"这个项目，正如其标题所言，是一个设计精美的HTML5引导页模板，它以其大气、漂亮、高端的特点吸引用户的眼球。这个引导页特别之处在于采用了下拉滚动的设计模式，这种模式在现代网页...
简约风好看的个人引导页源码.zip
01-09
"简约风好看的个人引导页源码.zip" 提供了一个实用的解决方案，帮助你轻松创建具有专业感和个人特色的引导页面。这份源码基于HTML、JavaScript和CSS技术，通过记事本即可进行修改，适合初学者和有一定编程基础的设计...
超好看影视app自适应下载页源码html.zip
06-28
这个源码自带自适应效果电脑手机端都可以直接访问 修改index文件的内容为自己的内容,初始内容是影视app宣传页
android引导页控件漂亮效果,ViewPager实现漂亮的引导页
weixin_32312913的博客
05-31 205
废话就不多说了，直接上效果图和代码fry.activity01package fry;import java.util.arraylist;import java.util.collection;import java.util.iterator;import java.util.list;import java.util.listiterator;import com.example.viewp...
app引导页(背景图片切换加各个页面动画效果)
热门推荐
安辉
08-27 1万+
前言:不知不觉中又加班到了10点半,整个启动页面做了一天多的时间,一共有三个页面,每个页面都有动画效果,动画效果调试起来麻烦,既要跟ios统一,又要匹配各种不同的手机,然后产品经理还有可能在中途改需求,程序员各种苦逼有木有,在这个过程中也学到了蛮多东西的,所以写一篇博客跟大家分享一下. 1.显示三个页面的Activity  用view pager去加载三个fragment实现,控制点点点
app引导页
zyxNobita专栏
08-29 793
先看效果图: 1.显示三个页面的Activity  用view pager去加载三个fragment实现,控制点点点的切换,监听view pager的切换,控制fragment动画的开始跟结束,重写了view pager,实现了背景图片的移动效果. [java] view plaincopy /** 
简单粗暴的实现背景图无限循环滚动
kimi
03-24 1万+
先上图，UI说了，这里要做动画，让小车感觉在奔跑的动画。UI的建议是背景图不停的移动，视觉上就是小车不停的在奔跑。那么，怎么实现呢？很简单，可能不是最佳的实现方式，但是很暴力。码代码：public class AutoPlayView extends View { Drawable mDrawableLeft, mDrawableRight; int drawableWidth, d
记录抓取soul app（一）
半吊子python全栈
06-07 1万+
今天闲逛APP Store的时候，发现一个叫做soul的app ,感觉蛮有意思，如何下载，查看了一下，发现用手一点一点的看太麻烦了，然后赶紧把手机调到代理模式，用Fiddler来查看查看搭建好环境发现刷新广场的消息，实时获取的消息是一个get请求，然后返回回来的数据是一个json格式的数据，但是里面有2个参数是我们不知道的这2个参数分别是sign 和 nonce，尝试去请求的话，参数不对会返回““...
ios设置app初始化的背景图片Launch Images
伟大的路人 的博客
10-22 1482
Using a Launch Screen Storyboard DEC 24TH, 2014 STORYBOARD, XCODE Static Launch Images Launch images are what iOS displays whilst loading an App to give the impression of a responsive syste
好看的qq引导跳转页源码
09-07
好看的QQ引导跳转页源码可以用HTML、CSS和JavaScript编写。以下是一个示例的源码： ...<!... 好看的QQ引导跳转页 ...请注意，这只是一个示例源码，你可以根据需要进行修改和美化以创建符合你预期的好看的QQ引导跳转页。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值