安卓导航界面智能大屏导航怎样同时打开两个界面
点击联系发帖人
时间：2016-11-25 13:11
凯斯特智能大屏安卓导航手机互联功能介绍 - 在线观看 - 热点 - 乐视视频
凯斯特智能大屏安卓导航手机互联功能介绍
收藏成功！同时能自动追剧。
下载到电脑
缓存至手机
我们对您的信息保密并不收取任何费用
转存到云盘
方式B免费发短信到手机
我们对您的信息保密并不收取任何费用
方式C下载APP到本机
英雄，快来抢沙发！
英雄，快来抢沙发！
乐视集团旗下网站
乐视网频道
乐视网旗下产品
Copyright &
乐视视频（le.com）All rights reserved.感受智能 “手机互联” 北箭大屏导航就是强
随着安卓性能越来越稳定，安卓大屏导航已经成为不可逆转的趋势。深圳市北箭电子有限公司，经过多年沉淀，专车专用大屏导航全面实现3D实景导航、高清视频播放、蓝牙智能通话、高清视频成像等多重功能。为提升车主享受大屏智能新体验，北箭不断升级带来意想不到的全新功能。从来没有被别的厂家超越，北箭安卓大屏导航，现以全线支持苹果系统手机/安卓系统手机车机互联，再也不用额外安装各种笨重的同屏显示器，简单互联即可体验强大的智能中控效果。 车主都会遇到开车来电的状况，在行车中难以真正做到一心一意。接通电话的瞬间，就会严重分散注意力。如何简单接电话，北箭大屏导航实现&手机互联&，更大的视觉，更简单的接通方式，彻底消除安全隐患。 北箭安卓大屏导航带来全新方式，将手机与车机连接实现多屏互动，同步手机功能应用，原车融合，导航就是一部超大智能手机。在车上就可以体验大屏上网看照片、听音乐、看电影的享受，高品质声音，和高清视觉成像，流动畅快，从不卡顿。停车时刷个微博、朋友圈;等人的时候打开新闻客户端，看看今日重要新闻;还有畅快游戏任你大屏在线爽玩儿;体验手机在线导航，实时更新，不会产生任何额外流量。畅快体验，就在北箭安卓大屏导航。 &手机互联&的乐趣，北箭让你从此不再受限制。领先突破实现苹果系统手机互联，不管你是苹果粉，还是安卓机。智能互联，都能为你实现。追求卓越，只在北箭影音导航。 想要了解具体连接操作请看小编自拍详解： 北箭安卓大屏导航，现已实现安卓系统手机/苹果系统手机车机互联& &&& &&
8.88-16.28万
11.59-16.99万
19.98-31.58万
13.18-21.88万
7.98-14.98万
9.98-16.18万
7.99-12.08万
10.78-16.08万
9.98-18.68万
10.99-15.99万
扫一扫，下载客户端看更多内容
同级别车型优惠推荐
太平洋汽车网官方热线服务时间: 9:00-18:00
热门IT产品
请登录后操作1035人阅读
Android Dev（83）
微信是现在比较流行的应用了，在各大安卓市场几乎都是名列前茅了。说实话不得不羡慕腾讯庞大的用户群体，只要腾讯敢做，就会有很多人去用。废话不多说，下面就开始说一下如何实现微信的第一次启动程序的用户导航，ViewPager相信大家都不陌生了，是google放出的一个安卓低版本的兼容包android-support-v4.jar，里面有很多类我们可以去使用。那这个导航就是使用这个类来辅助完成的，在每一个View里放置一个图片，当我们使用ViewPager滑动界面的时候，就会看到一张张图片，从而实现这个效果，我们来看一下官方的：
& 其实使用过微信的用户都知道，每次启动程序都会有这个启动画面，如果是第一次使用当然还会出现后面的导航界面。下面以第一次使用为例，来说明如何实现。当启动出现进入第一个Activity，其实就是那个启动画面，有地球那个，之后会在这个Activity里面设置一个Handler去延迟（1秒，数值可以自己设定）执行启动导航界面的Activity，代码如下：
import android.os.B&
import android.os.H&
import android.app.A&
import android.content.I&
import android.view.W&
import android.view.WindowM&
public class Appstart extends Activity{&
&* @author:wangjinyu501
&* 这个Activiyt是程序启动画面，也就是一个图片。在这个Activity里使用了Handler一秒后会进入到引导Activity里面。
&&& @Override&
&&& public void onCreate(Bundle savedInstanceState) {&
&&&&&&& super.onCreate(savedInstanceState);&&
&&&&&&& requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉标题栏，注意一定要在绘制view之前调用这个方法，不然会出现&&
&&&&&&& //AndroidRuntimeException: requestFeature() must be called before adding content 这个错误。&&
&&&&&&& setContentView(R.layout.appstart);&
&&&&&&& getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);&& //全屏显示&&
&&&&&&&&&&& new Handler().postDelayed(new Runnable(){&
&&&&&&& public void run(){&
&&&&&&&&&&& Intent intent = new Intent (Appstart.this,Viewpager.class);&&&&&&&&&&
&&&&&&&&&&& startActivity(intent);&&&&&&&&&&&
&&&&&&&&&&& this.finish();//结束本Activity&&
&&&&&&& }&
&&& }, 1000);&
import android.os.B
import android.os.H
import android.app.A
import android.content.I
import android.view.W
import android.view.WindowM
public class Appstart extends Activity{
&* @author:wangjinyu501
&* 这个Activiyt是程序启动画面，也就是一个图片。在这个Activity里使用了Handler一秒后会进入到引导Activity里面。
&@Override
&public void onCreate(Bundle savedInstanceState) {
&&super.onCreate(savedInstanceState);&
&&requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉标题栏，注意一定要在绘制view之前调用这个方法，不然会出现
&&//AndroidRuntimeException: requestFeature() must be called before adding content 这个错误。
&&setContentView(R.layout.appstart);
&&getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);&& //全屏显示
&&&&&&&& new Handler().postDelayed(new Runnable(){
&&public void run(){
&&&Intent intent = new Intent (Appstart.this,Viewpager.class);&&&
&&&startActivity(intent);&&&
&&&this.finish();//结束本Activity
&}, 1000);
}& 之后就进入前面说的导航页面了，其实就是多个View，每一个View就是一张图片，非常简单，而且就是基于ViewPager实现的，唯一有一些难度的就是当我们滑动图片的时候，下面那些移动的小圆点会随着改变。这种效果在其他程序的导航界面中也是很常见的。代码如下：
import java.util.ArrayL&
import android.app.A&
import android.content.I&
import android.os.B&
import android.support.v4.view.PagerA&
import android.support.v4.view.PagerTitleS&
import android.support.v4.view.ViewP&
import android.support.v4.view.ViewPager.OnPageChangeL&
import android.view.LayoutI&
import android.view.V&
import android.view.animation.A&
import android.view.animation.TranslateA&
import android.widget.ImageV&
public class Viewpager extends Activity {&
&&& private ViewPager mViewP//声明ViewPager对象&&
&&& private PagerTitleStrip mPagerTitleS//声明动画标题&&
&&& private ImageView mPageI// 动画图片&&
&&& private int currIndex = 0;//当前页面&&
&&& private ImageView mPage0,mPage1,mPage2,mPage3,mPage4,mPage5,mPage6,mPage7,mPage8;//声明导航图片对象&&
&&& @Override&
&&& public void onCreate(Bundle savedInstanceState) {&
&&&&&&& super.onCreate(savedInstanceState);&
&&&&&&& setContentView(R.layout.viewpager);&
&&&&&&& mViewPager = (ViewPager)findViewById(R.id.viewpager);&&&&&&&&&
&&&&&&& mViewPager.setOnPageChangeListener(new MyOnPageChangeListener());&
&&&&&&& mPagerTitleStrip = (PagerTitleStrip)findViewById(R.id.pagertitle);&&
&&&&&&& mPage0 = (ImageView)findViewById(R.id.page0);&
&&&&&&& mPage1 = (ImageView)findViewById(R.id.page1);&
&&&&&&& mPage2 = (ImageView)findViewById(R.id.page2);&
&&&&&&& mPage3 = (ImageView)findViewById(R.id.page3);&
&&&&&&& mPage4 = (ImageView)findViewById(R.id.page4);&
&&&&&&& mPage5 = (ImageView)findViewById(R.id.page5);&
&&&&&&& mPage6 = (ImageView)findViewById(R.id.page6);&
&&&&&&& mPage7 = (ImageView)findViewById(R.id.page7);&
&&&&&&& mPage8 = (ImageView)findViewById(R.id.page8);&
&&&&&&&&&&&&&&&&
&&&&&&& //将要分页显示的View装入数组中&&
&&&&&&& LayoutInflater mLi = LayoutInflater.from(this);&
&&&&&&& View view1 = mLi.inflate(R.layout.view1, null);&
&&&&&&& View view2 = mLi.inflate(R.layout.view2, null);&
&&&&&&& View view3 = mLi.inflate(R.layout.view3, null);&
&&&&&&& View view4 = mLi.inflate(R.layout.view4, null);&
&&&&&&& View view5 = mLi.inflate(R.layout.view5, null);&
&&&&&&& View view6 = mLi.inflate(R.layout.view6, null);&
&&&&&&& View view7 = mLi.inflate(R.layout.view7, null);&
&&&&&&& View view8 = mLi.inflate(R.layout.view8, null);&
&&&&&&& View view9 = mLi.inflate(R.layout.view9, null);&
&&&&&&&&&&&&&&&&&
&&&&&&& //每个页面的view数据&&
&&&&&&& final ArrayList&View& views = new ArrayList&View&();&
&&&&&&& views.add(view1);&
&&&&&&& views.add(view2);&
&&&&&&& views.add(view3);&
&&&&&&& views.add(view4);&
&&&&&&& views.add(view5);&
&&&&&&& views.add(view6);&
&&&&&&& views.add(view7);&
&&&&&&& views.add(view8);&
&&&&&&& views.add(view9);&
&&&&&&& //每一个也没得标题&&
&&&&&&& final ArrayList&String& titles = new ArrayList&String&();&
&&&&&&& titles.add(&①&);&
&&&&&&& titles.add(&②&);&
&&&&&&& titles.add(&③&);&
&&&&&&& titles.add(&④&);&
&&&&&&& titles.add(&⑤&);&
&&&&&&& titles.add(&⑥&);&
&&&&&&& titles.add(&⑦&);&
&&&&&&& titles.add(&⑧&);&
&&&&&&& titles.add(&⑨&);&
&&&&&&&&&&&&&&&&
&&&&&&& //填充ViewPager的数据适配器，我们重写即可&&
&&&&&&& PagerAdapter mPagerAdapter = new PagerAdapter() {&
&&&&&&&&&&&&&
&&&&&&&&&&& @Override&
&&&&&&&&&&& public boolean isViewFromObject(View arg0, Object arg1) {&
&&&&&&&&&&&&&&& return arg0 == arg1;&
&&&&&&&&&&& }&
&&&&&&&&&&&&&
&&&&&&&&&&& @Override&
&&&&&&&&&&& public int getCount() {&
&&&&&&&&&&&&&&& return views.size();&
&&&&&&&&&&& }&
&&&&&&&&&&& @Override&
&&&&&&&&&&& public void destroyItem(View container, int position, Object object) {&
&&&&&&&&&&&&&&& ((ViewPager)container).removeView(views.get(position));&
&&&&&&&&&&& }&
&&&&&&&&&&&&&
&&&&&&&&&&& @Override&
&&&&&&&&&&& public CharSequence getPageTitle(int position) {&
&&&&&&&&&&&&&&& return titles.get(position);&
&&&&&&&&&&& }&
&&&&&&&&&&&&&
&&&&&&&&&&& @Override&
&&&&&&&&&&& public Object instantiateItem(View container, int position) {&
&&&&&&&&&&&&&&& ((ViewPager)container).addView(views.get(position));&
&&&&&&&&&&&&&&& return views.get(position);&
&&&&&&&&&&& }&
&&&&&&& };&
&&&&&&& mViewPager.setAdapter(mPagerAdapter);//与ListView用法相同，设置重写的Adapter。这样就实现了ViewPager的滑动效果。&&
&&& public class MyOnPageChangeListener implements OnPageChangeListener {&
&&&&&&& public void onPageSelected(int arg0) {//参数arg0为选中的View&&
&&&&&&&&&&& Animation animation =//声明动画对象&&
&&&&&&&&&&& switch (arg0) {&
&&&&&&&&&&& case 0: //页面一&&&&&&&&&&&&&
&&&&&&&&&&&&&&& mPage0.setImageDrawable(getResources().getDrawable(R.drawable.page_now));//进入第一个导航页面，小圆点为选中状态，下一个页面的小圆点是未选中状态。&&
&&&&&&&&&&&&&&& mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0+1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);//圆点移动效果动画，从当前View移动到下一个View&&
&&&&&&&&&&&&&&& }&&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 1: //页面二&&
&&&&&&&&&&&&&&& mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page_now));//当前View&&
&&&&&&&&&&&&&&& mPage0.setImageDrawable(getResources().getDrawable(R.drawable.page));//上一个View&&
&&&&&&&&&&&&&&& mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page));//下一个View&&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {//如果滑动到上一个View&&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0); //圆点移动效果动画，从当前View移动到下一个View&&
&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&& } else if (currIndex == arg0+1) {//圆点移动效果动画，从当前View移动到下一个View，下同。&&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 2: //页面三&&
&&&&&&&&&&&&&&& mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page_now));&
&&&&&&&&&&&&&&& mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&
&&&&&&&&&&&&&&& } else if (currIndex == arg0+1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 3:&
&&&&&&&&&&&&&&& mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page_now));&
&&&&&&&&&&&&&&& mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&
&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&& } else if (currIndex == arg0+1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 4:&
&&&&&&&&&&&&&&& mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page_now));&
&&&&&&&&&&&&&&& mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& mPage5.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&
&&&&&&&&&&&&&&& } else if (currIndex == arg0+1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 5:&
&&&&&&&&&&&&&&& mPage5.setImageDrawable(getResources().getDrawable(R.drawable.page_now));&
&&&&&&&&&&&&&&& mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& mPage6.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&
&&&&&&&&&&&&&&& } else if (currIndex == arg0+1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 6:&
&&&&&&&&&&&&&&& mPage6.setImageDrawable(getResources().getDrawable(R.drawable.page_now));&
&&&&&&&&&&&&&&& mPage5.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& mPage7.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&
&&&&&&&&&&&&&&& } else if (currIndex == arg0+1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 7:&
&&&&&&&&&&&&&&& mPage7.setImageDrawable(getResources().getDrawable(R.drawable.page_now));&
&&&&&&&&&&&&&&& mPage8.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& mPage6.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&
&&&&&&&&&&&&&&& } else if (currIndex == arg0+1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 8:&
&&&&&&&&&&&&&&& mPage8.setImageDrawable(getResources().getDrawable(R.drawable.page_now));&
&&&&&&&&&&&&&&& mPage7.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& }&
&&&&&&&&&&& currIndex = arg0;//设置当前View&&
&&&&&&&&&&& animation.setFillAfter(true);// True:设置图片停在动画结束位置&&
&&&&&&&&&&& animation.setDuration(300);//设置动画持续时间&&
&&&&&&& }&
&&& public void startbutton(View v) {&&&
&&&&&&&&&&&&&&& Intent intent = new Intent();&
&&&&&&& intent.setClass(Viewpager.this,Viewdoor.class);//进入到开门效果的Activity&&
&&&&&&& startActivity(intent);&
&&&&&&& this.finish();//结束本Activity&&
&&&&& }&&&
import java.util.ArrayL
import android.app.A
import android.content.I
import android.os.B
import android.support.v4.view.PagerA
import android.support.v4.view.PagerTitleS
import android.support.v4.view.ViewP
import android.support.v4.view.ViewPager.OnPageChangeL
import android.view.LayoutI
import android.view.V
import android.view.animation.A
import android.view.animation.TranslateA
import android.widget.ImageV
public class Viewpager extends Activity {
&private ViewPager mViewP//声明ViewPager对象
&private PagerTitleStrip mPagerTitleS//声明动画标题
&private ImageView mPageI// 动画图片
&private int currIndex = 0;//当前页面
&private ImageView mPage0,mPage1,mPage2,mPage3,mPage4,mPage5,mPage6,mPage7,mPage8;//声明导航图片对象
&&& @Override
&&& public void onCreate(Bundle savedInstanceState) {
&&&&&&& super.onCreate(savedInstanceState);
&&&&&&& setContentView(R.layout.viewpager);
&&&&&&& mViewPager = (ViewPager)findViewById(R.id.viewpager);&&&&&&&
&&&&&&& mViewPager.setOnPageChangeListener(new MyOnPageChangeListener());
&&&&&&& mPagerTitleStrip = (PagerTitleStrip)findViewById(R.id.pagertitle);
&&&&&&& mPage0 = (ImageView)findViewById(R.id.page0);
&&&&&&& mPage1 = (ImageView)findViewById(R.id.page1);
&&&&&&& mPage2 = (ImageView)findViewById(R.id.page2);
&&&&&&& mPage3 = (ImageView)findViewById(R.id.page3);
&&&&&&& mPage4 = (ImageView)findViewById(R.id.page4);
&&&&&&& mPage5 = (ImageView)findViewById(R.id.page5);
&&&&&&& mPage6 = (ImageView)findViewById(R.id.page6);
&&&&&&& mPage7 = (ImageView)findViewById(R.id.page7);
&&&&&&& mPage8 = (ImageView)findViewById(R.id.page8);
&&&&&&&&&&&&&&
&&&&&&& //将要分页显示的View装入数组中
&&&&&&& LayoutInflater mLi = LayoutInflater.from(this);
&&&&&&& View view1 = mLi.inflate(R.layout.view1, null);
&&&&&&& View view2 = mLi.inflate(R.layout.view2, null);
&&&&&&& View view3 = mLi.inflate(R.layout.view3, null);
&&&&&&& View view4 = mLi.inflate(R.layout.view4, null);
&&&&&&& View view5 = mLi.inflate(R.layout.view5, null);
&&&&&&& View view6 = mLi.inflate(R.layout.view6, null);
&&&&&&& View view7 = mLi.inflate(R.layout.view7, null);
&&&&&&& View view8 = mLi.inflate(R.layout.view8, null);
&&&&&&& View view9 = mLi.inflate(R.layout.view9, null);
&&&&&&& &&&&
&&&&&&& //每个页面的view数据
&&&&&&& final ArrayList&View& views = new ArrayList&View&();
&&&&&&& views.add(view1);
&&&&&&& views.add(view2);
&&&&&&& views.add(view3);
&&&&&&& views.add(view4);
&&&&&&& views.add(view5);
&&&&&&& views.add(view6);
&&&&&&& views.add(view7);
&&&&&&& views.add(view8);
&&&&&&& views.add(view9);
&&&&&&& //每一个也没得标题
&&&&&&& final ArrayList&String& titles = new ArrayList&String&();
&&&&&&& titles.add(&①&);
&&&&&&& titles.add(&②&);
&&&&&&& titles.add(&③&);
&&&&&&& titles.add(&④&);
&&&&&&& titles.add(&⑤&);
&&&&&&& titles.add(&⑥&);
&&&&&&& titles.add(&⑦&);
&&&&&&& titles.add(&⑧&);
&&&&&&& titles.add(&⑨&);
&&&&&&&&&&&&&&
&&&&&&& //填充ViewPager的数据适配器，我们重写即可
&&&&&&& PagerAdapter mPagerAdapter = new PagerAdapter() {
&&&@Override
&&&public boolean isViewFromObject(View arg0, Object arg1) {
&&&&return arg0 == arg1;
&&&@Override
&&&public int getCount() {
&&&&return views.size();
&&&@Override
&&&public void destroyItem(View container, int position, Object object) {
&&&&((ViewPager)container).removeView(views.get(position));
&&&@Override
&&&public CharSequence getPageTitle(int position) {
&&&&return titles.get(position);
&&&@Override
&&&public Object instantiateItem(View container, int position) {
&&&&((ViewPager)container).addView(views.get(position));
&&&&return views.get(position);
&&mViewPager.setAdapter(mPagerAdapter);//与ListView用法相同，设置重写的Adapter。这样就实现了ViewPager的滑动效果。
&&& public class MyOnPageChangeListener implements OnPageChangeListener {
&&public void onPageSelected(int arg0) {//参数arg0为选中的View
&&&Animation animation =//声明动画对象
&&&switch (arg0) {
&&&case 0:&//页面一&&&
&&&&mPage0.setImageDrawable(getResources().getDrawable(R.drawable.page_now));//进入第一个导航页面，小圆点为选中状态，下一个页面的小圆点是未选中状态。
&&&&mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0+1) {
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);//圆点移动效果动画，从当前View移动到下一个View
&&&case 1: //页面二
&&&&mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page_now));//当前View
&&&&mPage0.setImageDrawable(getResources().getDrawable(R.drawable.page));//上一个View
&&&&mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page));//下一个View
&&&&if (currIndex == arg0-1) {//如果滑动到上一个View
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&//圆点移动效果动画，从当前View移动到下一个View
&&&&} else if (currIndex == arg0+1) {//圆点移动效果动画，从当前View移动到下一个View，下同。
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);
&&&case 2: //页面三
&&&&mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
&&&&mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0-1) {
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);
&&&&} else if (currIndex == arg0+1) {
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);
&&&case 3:
&&&&mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
&&&&mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0-1) {
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);
&&&&} else if (currIndex == arg0+1) {
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);
&&&case 4:
&&&&mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
&&&&mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&mPage5.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0-1) {
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);
&&&&} else if (currIndex == arg0+1) {
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);
&&&case 5:
&&&&mPage5.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
&&&&mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&mPage6.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0-1) {
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);
&&&&} else if (currIndex == arg0+1) {
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);
&&&case 6:
&&&&mPage6.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
&&&&mPage5.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&mPage7.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0-1) {
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);
&&&&} else if (currIndex == arg0+1) {
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);
&&&case 7:
&&&&mPage7.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
&&&&mPage8.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&mPage6.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0-1) {
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);
&&&&} else if (currIndex == arg0+1) {
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);
&&&case 8:
&&&&mPage8.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
&&&&mPage7.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0-1) {
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);
&&&currIndex = arg0;//设置当前View
&&&animation.setFillAfter(true);// True:设置图片停在动画结束位置
&&&animation.setDuration(300);//设置动画持续时间
&&& public void startbutton(View v) {&
&&&&& &&&&&&&& Intent intent = new Intent();
&&intent.setClass(Viewpager.this,Viewdoor.class);//进入到开门效果的Activity
&&startActivity(intent);
&&this.finish();//结束本Activity
} 下面再看一下导航Activity的布局文件，
& ?xml version=&1.0& encoding=&utf-8&?&&
& FrameLayout xmlns:android=&/apk/res/android&&
&&& android:layout_width=&fill_parent&&
&&& android:layout_height=&fill_parent&&
&&& android:orientation=&vertical& &&&&
&&& &android.support.v4.view.ViewPager&
&&&&&&& android:id=&@+id/viewpager&&
&&&&&&& android:layout_width=&wrap_content&&
&&&&&&& android:layout_height=&wrap_content&&
&&&&&&& android:layout_gravity=¢er& &&&
&&&&&&& &android.support.v4.view.PagerTitleStrip&
&&&&&&&&&&& android:id=&@+id/pagertitle&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&0dp&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:background=�&&
&&&&&&&&&&& android:textColor=&#ffff& /&&
&&& &/android.support.v4.view.ViewPager&&&&
&&& &LinearLayout&
&&&&&&& android:layout_width=&match_parent&&
&&&&&&& android:layout_height=&match_parent&&
&&&&&&& android:orientation=&horizontal&&
&&&&&&& android:gravity=¢er_horizontal& &&&&&&&&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page0&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page_now& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page1&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&10dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page2&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&10dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page3&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&10dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page4&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&10dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page5&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&20dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page6&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&10dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page7&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&10dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page8&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&10dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&&&&&&&&&&&
&&& &/LinearLayout&&
&&& &LinearLayout&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&match_parent&&
&&&&&&&&&&& android:orientation=&vertical& &&
&&&&&&&&&&& &Button&
&&&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&&&& android:layout_height=&32dp&&
&&&&&&&&&&&&& android:layout_marginTop=&8dp&&
&&&&&&&&&&&&& android:layout_marginLeft=&8dp&&
&&&&&&&&&&&&& android:text=&直接开始我的微信生活&&
&&&&&&&&&&&&& android:textSize=&10sp&&
&&&&&&&&&&&&& android:textColor=&#fff&&
&&&&&&&&&&&&& android:background=&@drawable/button_bg&&&&&&&&&&&&&&&&
&&&&&&&&&&&&& android:onClick=&startbutton&&
&&&&&&&&&&&&& /&&
&&&& &/LinearLayout&&
& /FrameLayout&&
&?xml version=&1.0& encoding=&utf-8&?&
& FrameLayout xmlns:android=&/apk/res/android&
&&& android:layout_width=&fill_parent&
&&& android:layout_height=&fill_parent&
&&& android:orientation=&vertical& &&
&&& &android.support.v4.view.ViewPager
&&&&&&& android:id=&@+id/viewpager&
&&&&&&& android:layout_width=&wrap_content&
&&&&&&& android:layout_height=&wrap_content&
&&&&&&& android:layout_gravity=¢er& &
&&&&&&& &android.support.v4.view.PagerTitleStrip
&&&&&&&&&&& android:id=&@+id/pagertitle&
&&&&&&&&&&& android:layout_width=&wrap_content&
&&&&&&&&&&& android:layout_height=&0dp&
&&&&&&&&&&& android:layout_gravity=&bottom&
&&&&&&&&&&& android:background=�&
&&&&&&&&&&& android:textColor=&#ffff& /&
&&& &/android.support.v4.view.ViewPager&&
&&& &LinearLayout
&&&&&&& android:layout_width=&match_parent&
&&&&&&& android:layout_height=&match_parent&
&&&&&&& android:orientation=&horizontal&
&&&&&&& android:gravity=¢er_horizontal& &&&&&&&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page0&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&& &
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page_now& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page1&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&&&& &
&&&&&&& &android:layout_marginLeft=&10dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page2&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&&&& &
&&&&&&& &android:layout_marginLeft=&10dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page3&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&&&& &
&&&&&&& &android:layout_marginLeft=&10dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page4&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&&&& &
&&&&&&& &android:layout_marginLeft=&10dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page5&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&&&& &
&&&&&&& &android:layout_marginLeft=&20dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page6&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&&&& &
&&&&&&& &android:layout_marginLeft=&10dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page7&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&&&& &
&&&&&&& &android:layout_marginLeft=&10dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page8&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&& &
&&&&&&& &android:layout_marginLeft=&10dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&&&&&&&&&
&&& &/LinearLayout&
&&& &LinearLayout
&&&&&&&&&&& android:layout_width=&wrap_content&
&&&&&&&&&&& android:layout_height=&match_parent&
&&&&&&&&&&& android:orientation=&vertical& &
&&&&&&&&&&& &Button
&&&&&&&&&&&&& android:layout_width=&wrap_content&
&&&&&&&&&&&&& android:layout_height=&32dp&
&&&&&&&&&&&&& android:layout_marginTop=&8dp&
&&&&&&&&&&&&& android:layout_marginLeft=&8dp&
&&&&&&&&&&&&& android:text=&直接开始我的微信生活&
&&&&&&&&&&&&& android:textSize=&10sp&
&&&&&&&&&&&&& android:textColor=&#fff&
&&&&&&&&&&&&& android:background=&@drawable/button_bg&&&&&&&&&&&&&&
&&&& android:onClick=&startbutton&
&&&&&&&&&&&&& /&
&&&& &/LinearLayout&
&/FrameLayout&& 在这里采用了Framelayout布局，因为这样就可以把开启我的维新生活Button以及下面的圆点一同显示在同一个页面上。这是一个小技巧，非常实用。导航页面完毕我们点击开启我的微信生活就会进入到一个大门效果的Activity，这也是一个动画效果。原理就是两张图片，分别朝不同的方向移动就实现了开门的效果。代码如下：[java]
import android.os.B&
import android.os.H&
import android.app.A&
import android.content.I&
import android.view.M&
import android.view.animation.A&
import android.view.animation.AnimationS&
import android.view.animation.TranslateA&
import android.widget.ImageV&
public class Viewdoor extends Activity {&
&&& private ImageView mL//往左边移动的图片&&
&&& private ImageView mR//往右边移动的图片&&
&&& @Override&
&&& public void onCreate(Bundle savedInstanceState) {&
&&&&&&& super.onCreate(savedInstanceState);&
&&&&&&& setContentView(R.layout.viewdoor);&
&&&&&&& mLeft = (ImageView)findViewById(R.id.imageLeft);&
&&&&&&& mRight = (ImageView)findViewById(R.id.imageRight);&
&&&&&&& AnimationSet anim = new AnimationSet(true);//动画集，一个类似于集合的功能&&
&&&&&&& TranslateAnimation mytranslateanim = new TranslateAnimation(Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,-1f,Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,0f);&
&&&&&&& mytranslateanim.setDuration(2000);//设置动画时间&&
&&&&&&& anim.addAnimation(mytranslateanim);//添加动画&&
&&&&&&& anim.setFillAfter(true);//设置动画结束时停在结束位置&&
&&&&&&& mLeft.startAnimation(anim);//开始动画，下同。&&
&&&&&&& AnimationSet anim1 = new AnimationSet(true);&
&&&&&&& TranslateAnimation mytranslateanim1 = new TranslateAnimation(Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,+1f,Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,0f);&
&&&&&&& mytranslateanim1.setDuration(1500);&
&&&&&&& anim1.addAnimation(mytranslateanim1);&
&&&&&&& anim1.setFillAfter(true);&
&&&&&&& mRight.startAnimation(anim1);&
&&&&&&& new Handler().postDelayed(new Runnable(){&
&&&&&&&&&&& public void run(){&
&&&&&&&&&&&&&&& Intent intent = new Intent (Viewdoor.this,Main.class);& //进入到主页面&&&&&&&&&&
&&&&&&&&&&&&&&& startActivity(intent);&&&&&&&&&&&
&&&&&&&&&&&&&&& Viewdoor.this.finish();//结束本Activity&&
&&&&&&&&&&& }&
&&&&&&& }, 1500);&
import android.os.B
import android.os.H
import android.app.A
import android.content.I
import android.view.M
import android.view.animation.A
import android.view.animation.AnimationS
import android.view.animation.TranslateA
import android.widget.ImageV
public class Viewdoor extends Activity {
&private ImageView mL//往左边移动的图片
&private ImageView mR//往右边移动的图片
&&& @Override
&&& public void onCreate(Bundle savedInstanceState) {
&&&&&&& super.onCreate(savedInstanceState);
&&&&&&& setContentView(R.layout.viewdoor);
&&&&&&& mLeft = (ImageView)findViewById(R.id.imageLeft);
&&&&&&& mRight = (ImageView)findViewById(R.id.imageRight);
&&&&&&& AnimationSet anim = new AnimationSet(true);//动画集，一个类似于集合的功能
&&TranslateAnimation mytranslateanim = new TranslateAnimation(Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,-1f,Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,0f);
&&mytranslateanim.setDuration(2000);//设置动画时间
&&anim.addAnimation(mytranslateanim);//添加动画
&&anim.setFillAfter(true);//设置动画结束时停在结束位置
&&mLeft.startAnimation(anim);//开始动画，下同。
&&AnimationSet anim1 = new AnimationSet(true);
&&TranslateAnimation mytranslateanim1 = new TranslateAnimation(Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,+1f,Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,0f);
&&mytranslateanim1.setDuration(1500);
&&anim1.addAnimation(mytranslateanim1);
&&anim1.setFillAfter(true);
&&mRight.startAnimation(anim1);
&&new Handler().postDelayed(new Runnable(){
&&&public void run(){
&&&&Intent intent = new Intent (Viewdoor.this,Main.class);&//进入到主页面&&
&&&&startActivity(intent);&&&
&&&&Viewdoor.this.finish();//结束本Activity
&&}, 1500);
}& 至此，关于微信的导航功能就介绍到这，比较重要的地方有，ViewPager的使用，小圆点动画效果的设置，也就是Tween动画要熟练掌握。下一篇将讲述微信主页面的实现，欢迎大家关注！
效果如下：
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：314938次
积分：3748
积分：3748
排名：第6503名
原创：98篇
转载：11篇
评论：325条
文章：60篇
阅读：127681
(3)(1)(4)(4)(5)(6)(7)(2)(2)(11)(18)(8)(6)(10)(20)(4)(1)(1)}
凯斯特智能大屏安卓导航手机互联功能介绍
收藏成功！同时能自动追剧。
下载到电脑
缓存至手机
我们对您的信息保密并不收取任何费用
转存到云盘
方式B免费发短信到手机
我们对您的信息保密并不收取任何费用
方式C下载APP到本机
英雄，快来抢沙发！
英雄，快来抢沙发！
乐视集团旗下网站
乐视网频道
乐视网旗下产品
Copyright &
乐视视频（le.com）All rights reserved.感受智能 “手机互联” 北箭大屏导航就是强
随着安卓性能越来越稳定，安卓大屏导航已经成为不可逆转的趋势。深圳市北箭电子有限公司，经过多年沉淀，专车专用大屏导航全面实现3D实景导航、高清视频播放、蓝牙智能通话、高清视频成像等多重功能。为提升车主享受大屏智能新体验，北箭不断升级带来意想不到的全新功能。从来没有被别的厂家超越，北箭安卓大屏导航，现以全线支持苹果系统手机/安卓系统手机车机互联，再也不用额外安装各种笨重的同屏显示器，简单互联即可体验强大的智能中控效果。 车主都会遇到开车来电的状况，在行车中难以真正做到一心一意。接通电话的瞬间，就会严重分散注意力。如何简单接电话，北箭大屏导航实现&手机互联&，更大的视觉，更简单的接通方式，彻底消除安全隐患。 北箭安卓大屏导航带来全新方式，将手机与车机连接实现多屏互动，同步手机功能应用，原车融合，导航就是一部超大智能手机。在车上就可以体验大屏上网看照片、听音乐、看电影的享受，高品质声音，和高清视觉成像，流动畅快，从不卡顿。停车时刷个微博、朋友圈;等人的时候打开新闻客户端，看看今日重要新闻;还有畅快游戏任你大屏在线爽玩儿;体验手机在线导航，实时更新，不会产生任何额外流量。畅快体验，就在北箭安卓大屏导航。 &手机互联&的乐趣，北箭让你从此不再受限制。领先突破实现苹果系统手机互联，不管你是苹果粉，还是安卓机。智能互联，都能为你实现。追求卓越，只在北箭影音导航。 想要了解具体连接操作请看小编自拍详解： 北箭安卓大屏导航，现已实现安卓系统手机/苹果系统手机车机互联& &&& &&
8.88-16.28万
11.59-16.99万
19.98-31.58万
13.18-21.88万
7.98-14.98万
9.98-16.18万
7.99-12.08万
10.78-16.08万
9.98-18.68万
10.99-15.99万
扫一扫，下载客户端看更多内容
同级别车型优惠推荐
太平洋汽车网官方热线服务时间: 9:00-18:00
热门IT产品
请登录后操作1035人阅读
Android Dev（83）
微信是现在比较流行的应用了，在各大安卓市场几乎都是名列前茅了。说实话不得不羡慕腾讯庞大的用户群体，只要腾讯敢做，就会有很多人去用。废话不多说，下面就开始说一下如何实现微信的第一次启动程序的用户导航，ViewPager相信大家都不陌生了，是google放出的一个安卓低版本的兼容包android-support-v4.jar，里面有很多类我们可以去使用。那这个导航就是使用这个类来辅助完成的，在每一个View里放置一个图片，当我们使用ViewPager滑动界面的时候，就会看到一张张图片，从而实现这个效果，我们来看一下官方的：
& 其实使用过微信的用户都知道，每次启动程序都会有这个启动画面，如果是第一次使用当然还会出现后面的导航界面。下面以第一次使用为例，来说明如何实现。当启动出现进入第一个Activity，其实就是那个启动画面，有地球那个，之后会在这个Activity里面设置一个Handler去延迟（1秒，数值可以自己设定）执行启动导航界面的Activity，代码如下：
import android.os.B&
import android.os.H&
import android.app.A&
import android.content.I&
import android.view.W&
import android.view.WindowM&
public class Appstart extends Activity{&
&* @author:wangjinyu501
&* 这个Activiyt是程序启动画面，也就是一个图片。在这个Activity里使用了Handler一秒后会进入到引导Activity里面。
&&& @Override&
&&& public void onCreate(Bundle savedInstanceState) {&
&&&&&&& super.onCreate(savedInstanceState);&&
&&&&&&& requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉标题栏，注意一定要在绘制view之前调用这个方法，不然会出现&&
&&&&&&& //AndroidRuntimeException: requestFeature() must be called before adding content 这个错误。&&
&&&&&&& setContentView(R.layout.appstart);&
&&&&&&& getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);&& //全屏显示&&
&&&&&&&&&&& new Handler().postDelayed(new Runnable(){&
&&&&&&& public void run(){&
&&&&&&&&&&& Intent intent = new Intent (Appstart.this,Viewpager.class);&&&&&&&&&&
&&&&&&&&&&& startActivity(intent);&&&&&&&&&&&
&&&&&&&&&&& this.finish();//结束本Activity&&
&&&&&&& }&
&&& }, 1000);&
import android.os.B
import android.os.H
import android.app.A
import android.content.I
import android.view.W
import android.view.WindowM
public class Appstart extends Activity{
&* @author:wangjinyu501
&* 这个Activiyt是程序启动画面，也就是一个图片。在这个Activity里使用了Handler一秒后会进入到引导Activity里面。
&@Override
&public void onCreate(Bundle savedInstanceState) {
&&super.onCreate(savedInstanceState);&
&&requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉标题栏，注意一定要在绘制view之前调用这个方法，不然会出现
&&//AndroidRuntimeException: requestFeature() must be called before adding content 这个错误。
&&setContentView(R.layout.appstart);
&&getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);&& //全屏显示
&&&&&&&& new Handler().postDelayed(new Runnable(){
&&public void run(){
&&&Intent intent = new Intent (Appstart.this,Viewpager.class);&&&
&&&startActivity(intent);&&&
&&&this.finish();//结束本Activity
&}, 1000);
}& 之后就进入前面说的导航页面了，其实就是多个View，每一个View就是一张图片，非常简单，而且就是基于ViewPager实现的，唯一有一些难度的就是当我们滑动图片的时候，下面那些移动的小圆点会随着改变。这种效果在其他程序的导航界面中也是很常见的。代码如下：
import java.util.ArrayL&
import android.app.A&
import android.content.I&
import android.os.B&
import android.support.v4.view.PagerA&
import android.support.v4.view.PagerTitleS&
import android.support.v4.view.ViewP&
import android.support.v4.view.ViewPager.OnPageChangeL&
import android.view.LayoutI&
import android.view.V&
import android.view.animation.A&
import android.view.animation.TranslateA&
import android.widget.ImageV&
public class Viewpager extends Activity {&
&&& private ViewPager mViewP//声明ViewPager对象&&
&&& private PagerTitleStrip mPagerTitleS//声明动画标题&&
&&& private ImageView mPageI// 动画图片&&
&&& private int currIndex = 0;//当前页面&&
&&& private ImageView mPage0,mPage1,mPage2,mPage3,mPage4,mPage5,mPage6,mPage7,mPage8;//声明导航图片对象&&
&&& @Override&
&&& public void onCreate(Bundle savedInstanceState) {&
&&&&&&& super.onCreate(savedInstanceState);&
&&&&&&& setContentView(R.layout.viewpager);&
&&&&&&& mViewPager = (ViewPager)findViewById(R.id.viewpager);&&&&&&&&&
&&&&&&& mViewPager.setOnPageChangeListener(new MyOnPageChangeListener());&
&&&&&&& mPagerTitleStrip = (PagerTitleStrip)findViewById(R.id.pagertitle);&&
&&&&&&& mPage0 = (ImageView)findViewById(R.id.page0);&
&&&&&&& mPage1 = (ImageView)findViewById(R.id.page1);&
&&&&&&& mPage2 = (ImageView)findViewById(R.id.page2);&
&&&&&&& mPage3 = (ImageView)findViewById(R.id.page3);&
&&&&&&& mPage4 = (ImageView)findViewById(R.id.page4);&
&&&&&&& mPage5 = (ImageView)findViewById(R.id.page5);&
&&&&&&& mPage6 = (ImageView)findViewById(R.id.page6);&
&&&&&&& mPage7 = (ImageView)findViewById(R.id.page7);&
&&&&&&& mPage8 = (ImageView)findViewById(R.id.page8);&
&&&&&&&&&&&&&&&&
&&&&&&& //将要分页显示的View装入数组中&&
&&&&&&& LayoutInflater mLi = LayoutInflater.from(this);&
&&&&&&& View view1 = mLi.inflate(R.layout.view1, null);&
&&&&&&& View view2 = mLi.inflate(R.layout.view2, null);&
&&&&&&& View view3 = mLi.inflate(R.layout.view3, null);&
&&&&&&& View view4 = mLi.inflate(R.layout.view4, null);&
&&&&&&& View view5 = mLi.inflate(R.layout.view5, null);&
&&&&&&& View view6 = mLi.inflate(R.layout.view6, null);&
&&&&&&& View view7 = mLi.inflate(R.layout.view7, null);&
&&&&&&& View view8 = mLi.inflate(R.layout.view8, null);&
&&&&&&& View view9 = mLi.inflate(R.layout.view9, null);&
&&&&&&&&&&&&&&&&&
&&&&&&& //每个页面的view数据&&
&&&&&&& final ArrayList&View& views = new ArrayList&View&();&
&&&&&&& views.add(view1);&
&&&&&&& views.add(view2);&
&&&&&&& views.add(view3);&
&&&&&&& views.add(view4);&
&&&&&&& views.add(view5);&
&&&&&&& views.add(view6);&
&&&&&&& views.add(view7);&
&&&&&&& views.add(view8);&
&&&&&&& views.add(view9);&
&&&&&&& //每一个也没得标题&&
&&&&&&& final ArrayList&String& titles = new ArrayList&String&();&
&&&&&&& titles.add(&①&);&
&&&&&&& titles.add(&②&);&
&&&&&&& titles.add(&③&);&
&&&&&&& titles.add(&④&);&
&&&&&&& titles.add(&⑤&);&
&&&&&&& titles.add(&⑥&);&
&&&&&&& titles.add(&⑦&);&
&&&&&&& titles.add(&⑧&);&
&&&&&&& titles.add(&⑨&);&
&&&&&&&&&&&&&&&&
&&&&&&& //填充ViewPager的数据适配器，我们重写即可&&
&&&&&&& PagerAdapter mPagerAdapter = new PagerAdapter() {&
&&&&&&&&&&&&&
&&&&&&&&&&& @Override&
&&&&&&&&&&& public boolean isViewFromObject(View arg0, Object arg1) {&
&&&&&&&&&&&&&&& return arg0 == arg1;&
&&&&&&&&&&& }&
&&&&&&&&&&&&&
&&&&&&&&&&& @Override&
&&&&&&&&&&& public int getCount() {&
&&&&&&&&&&&&&&& return views.size();&
&&&&&&&&&&& }&
&&&&&&&&&&& @Override&
&&&&&&&&&&& public void destroyItem(View container, int position, Object object) {&
&&&&&&&&&&&&&&& ((ViewPager)container).removeView(views.get(position));&
&&&&&&&&&&& }&
&&&&&&&&&&&&&
&&&&&&&&&&& @Override&
&&&&&&&&&&& public CharSequence getPageTitle(int position) {&
&&&&&&&&&&&&&&& return titles.get(position);&
&&&&&&&&&&& }&
&&&&&&&&&&&&&
&&&&&&&&&&& @Override&
&&&&&&&&&&& public Object instantiateItem(View container, int position) {&
&&&&&&&&&&&&&&& ((ViewPager)container).addView(views.get(position));&
&&&&&&&&&&&&&&& return views.get(position);&
&&&&&&&&&&& }&
&&&&&&& };&
&&&&&&& mViewPager.setAdapter(mPagerAdapter);//与ListView用法相同，设置重写的Adapter。这样就实现了ViewPager的滑动效果。&&
&&& public class MyOnPageChangeListener implements OnPageChangeListener {&
&&&&&&& public void onPageSelected(int arg0) {//参数arg0为选中的View&&
&&&&&&&&&&& Animation animation =//声明动画对象&&
&&&&&&&&&&& switch (arg0) {&
&&&&&&&&&&& case 0: //页面一&&&&&&&&&&&&&
&&&&&&&&&&&&&&& mPage0.setImageDrawable(getResources().getDrawable(R.drawable.page_now));//进入第一个导航页面，小圆点为选中状态，下一个页面的小圆点是未选中状态。&&
&&&&&&&&&&&&&&& mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0+1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);//圆点移动效果动画，从当前View移动到下一个View&&
&&&&&&&&&&&&&&& }&&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 1: //页面二&&
&&&&&&&&&&&&&&& mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page_now));//当前View&&
&&&&&&&&&&&&&&& mPage0.setImageDrawable(getResources().getDrawable(R.drawable.page));//上一个View&&
&&&&&&&&&&&&&&& mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page));//下一个View&&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {//如果滑动到上一个View&&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0); //圆点移动效果动画，从当前View移动到下一个View&&
&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&& } else if (currIndex == arg0+1) {//圆点移动效果动画，从当前View移动到下一个View，下同。&&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 2: //页面三&&
&&&&&&&&&&&&&&& mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page_now));&
&&&&&&&&&&&&&&& mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&
&&&&&&&&&&&&&&& } else if (currIndex == arg0+1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 3:&
&&&&&&&&&&&&&&& mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page_now));&
&&&&&&&&&&&&&&& mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&
&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&& } else if (currIndex == arg0+1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 4:&
&&&&&&&&&&&&&&& mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page_now));&
&&&&&&&&&&&&&&& mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& mPage5.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&
&&&&&&&&&&&&&&& } else if (currIndex == arg0+1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 5:&
&&&&&&&&&&&&&&& mPage5.setImageDrawable(getResources().getDrawable(R.drawable.page_now));&
&&&&&&&&&&&&&&& mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& mPage6.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&
&&&&&&&&&&&&&&& } else if (currIndex == arg0+1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 6:&
&&&&&&&&&&&&&&& mPage6.setImageDrawable(getResources().getDrawable(R.drawable.page_now));&
&&&&&&&&&&&&&&& mPage5.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& mPage7.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&
&&&&&&&&&&&&&&& } else if (currIndex == arg0+1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 7:&
&&&&&&&&&&&&&&& mPage7.setImageDrawable(getResources().getDrawable(R.drawable.page_now));&
&&&&&&&&&&&&&&& mPage8.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& mPage6.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&
&&&&&&&&&&&&&&& } else if (currIndex == arg0+1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0+1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& case 8:&
&&&&&&&&&&&&&&& mPage8.setImageDrawable(getResources().getDrawable(R.drawable.page_now));&
&&&&&&&&&&&&&&& mPage7.setImageDrawable(getResources().getDrawable(R.drawable.page));&
&&&&&&&&&&&&&&& if (currIndex == arg0-1) {&
&&&&&&&&&&&&&&&&&&& animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&
&&&&&&&&&&&&&&& }&&
&&&&&&&&&&&&&&&&
&&&&&&&&&&& }&
&&&&&&&&&&& currIndex = arg0;//设置当前View&&
&&&&&&&&&&& animation.setFillAfter(true);// True:设置图片停在动画结束位置&&
&&&&&&&&&&& animation.setDuration(300);//设置动画持续时间&&
&&&&&&& }&
&&& public void startbutton(View v) {&&&
&&&&&&&&&&&&&&& Intent intent = new Intent();&
&&&&&&& intent.setClass(Viewpager.this,Viewdoor.class);//进入到开门效果的Activity&&
&&&&&&& startActivity(intent);&
&&&&&&& this.finish();//结束本Activity&&
&&&&& }&&&
import java.util.ArrayL
import android.app.A
import android.content.I
import android.os.B
import android.support.v4.view.PagerA
import android.support.v4.view.PagerTitleS
import android.support.v4.view.ViewP
import android.support.v4.view.ViewPager.OnPageChangeL
import android.view.LayoutI
import android.view.V
import android.view.animation.A
import android.view.animation.TranslateA
import android.widget.ImageV
public class Viewpager extends Activity {
&private ViewPager mViewP//声明ViewPager对象
&private PagerTitleStrip mPagerTitleS//声明动画标题
&private ImageView mPageI// 动画图片
&private int currIndex = 0;//当前页面
&private ImageView mPage0,mPage1,mPage2,mPage3,mPage4,mPage5,mPage6,mPage7,mPage8;//声明导航图片对象
&&& @Override
&&& public void onCreate(Bundle savedInstanceState) {
&&&&&&& super.onCreate(savedInstanceState);
&&&&&&& setContentView(R.layout.viewpager);
&&&&&&& mViewPager = (ViewPager)findViewById(R.id.viewpager);&&&&&&&
&&&&&&& mViewPager.setOnPageChangeListener(new MyOnPageChangeListener());
&&&&&&& mPagerTitleStrip = (PagerTitleStrip)findViewById(R.id.pagertitle);
&&&&&&& mPage0 = (ImageView)findViewById(R.id.page0);
&&&&&&& mPage1 = (ImageView)findViewById(R.id.page1);
&&&&&&& mPage2 = (ImageView)findViewById(R.id.page2);
&&&&&&& mPage3 = (ImageView)findViewById(R.id.page3);
&&&&&&& mPage4 = (ImageView)findViewById(R.id.page4);
&&&&&&& mPage5 = (ImageView)findViewById(R.id.page5);
&&&&&&& mPage6 = (ImageView)findViewById(R.id.page6);
&&&&&&& mPage7 = (ImageView)findViewById(R.id.page7);
&&&&&&& mPage8 = (ImageView)findViewById(R.id.page8);
&&&&&&&&&&&&&&
&&&&&&& //将要分页显示的View装入数组中
&&&&&&& LayoutInflater mLi = LayoutInflater.from(this);
&&&&&&& View view1 = mLi.inflate(R.layout.view1, null);
&&&&&&& View view2 = mLi.inflate(R.layout.view2, null);
&&&&&&& View view3 = mLi.inflate(R.layout.view3, null);
&&&&&&& View view4 = mLi.inflate(R.layout.view4, null);
&&&&&&& View view5 = mLi.inflate(R.layout.view5, null);
&&&&&&& View view6 = mLi.inflate(R.layout.view6, null);
&&&&&&& View view7 = mLi.inflate(R.layout.view7, null);
&&&&&&& View view8 = mLi.inflate(R.layout.view8, null);
&&&&&&& View view9 = mLi.inflate(R.layout.view9, null);
&&&&&&& &&&&
&&&&&&& //每个页面的view数据
&&&&&&& final ArrayList&View& views = new ArrayList&View&();
&&&&&&& views.add(view1);
&&&&&&& views.add(view2);
&&&&&&& views.add(view3);
&&&&&&& views.add(view4);
&&&&&&& views.add(view5);
&&&&&&& views.add(view6);
&&&&&&& views.add(view7);
&&&&&&& views.add(view8);
&&&&&&& views.add(view9);
&&&&&&& //每一个也没得标题
&&&&&&& final ArrayList&String& titles = new ArrayList&String&();
&&&&&&& titles.add(&①&);
&&&&&&& titles.add(&②&);
&&&&&&& titles.add(&③&);
&&&&&&& titles.add(&④&);
&&&&&&& titles.add(&⑤&);
&&&&&&& titles.add(&⑥&);
&&&&&&& titles.add(&⑦&);
&&&&&&& titles.add(&⑧&);
&&&&&&& titles.add(&⑨&);
&&&&&&&&&&&&&&
&&&&&&& //填充ViewPager的数据适配器，我们重写即可
&&&&&&& PagerAdapter mPagerAdapter = new PagerAdapter() {
&&&@Override
&&&public boolean isViewFromObject(View arg0, Object arg1) {
&&&&return arg0 == arg1;
&&&@Override
&&&public int getCount() {
&&&&return views.size();
&&&@Override
&&&public void destroyItem(View container, int position, Object object) {
&&&&((ViewPager)container).removeView(views.get(position));
&&&@Override
&&&public CharSequence getPageTitle(int position) {
&&&&return titles.get(position);
&&&@Override
&&&public Object instantiateItem(View container, int position) {
&&&&((ViewPager)container).addView(views.get(position));
&&&&return views.get(position);
&&mViewPager.setAdapter(mPagerAdapter);//与ListView用法相同，设置重写的Adapter。这样就实现了ViewPager的滑动效果。
&&& public class MyOnPageChangeListener implements OnPageChangeListener {
&&public void onPageSelected(int arg0) {//参数arg0为选中的View
&&&Animation animation =//声明动画对象
&&&switch (arg0) {
&&&case 0:&//页面一&&&
&&&&mPage0.setImageDrawable(getResources().getDrawable(R.drawable.page_now));//进入第一个导航页面，小圆点为选中状态，下一个页面的小圆点是未选中状态。
&&&&mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0+1) {
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);//圆点移动效果动画，从当前View移动到下一个View
&&&case 1: //页面二
&&&&mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page_now));//当前View
&&&&mPage0.setImageDrawable(getResources().getDrawable(R.drawable.page));//上一个View
&&&&mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page));//下一个View
&&&&if (currIndex == arg0-1) {//如果滑动到上一个View
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);&//圆点移动效果动画，从当前View移动到下一个View
&&&&} else if (currIndex == arg0+1) {//圆点移动效果动画，从当前View移动到下一个View，下同。
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);
&&&case 2: //页面三
&&&&mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
&&&&mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0-1) {
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);
&&&&} else if (currIndex == arg0+1) {
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);
&&&case 3:
&&&&mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
&&&&mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0-1) {
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);
&&&&} else if (currIndex == arg0+1) {
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);
&&&case 4:
&&&&mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
&&&&mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&mPage5.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0-1) {
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);
&&&&} else if (currIndex == arg0+1) {
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);
&&&case 5:
&&&&mPage5.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
&&&&mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&mPage6.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0-1) {
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);
&&&&} else if (currIndex == arg0+1) {
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);
&&&case 6:
&&&&mPage6.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
&&&&mPage5.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&mPage7.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0-1) {
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);
&&&&} else if (currIndex == arg0+1) {
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);
&&&case 7:
&&&&mPage7.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
&&&&mPage8.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&mPage6.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0-1) {
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);
&&&&} else if (currIndex == arg0+1) {
&&&&&animation = new TranslateAnimation(arg0+1, arg0, 0, 0);
&&&case 8:
&&&&mPage8.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
&&&&mPage7.setImageDrawable(getResources().getDrawable(R.drawable.page));
&&&&if (currIndex == arg0-1) {
&&&&&animation = new TranslateAnimation(arg0-1, arg0, 0, 0);
&&&currIndex = arg0;//设置当前View
&&&animation.setFillAfter(true);// True:设置图片停在动画结束位置
&&&animation.setDuration(300);//设置动画持续时间
&&& public void startbutton(View v) {&
&&&&& &&&&&&&& Intent intent = new Intent();
&&intent.setClass(Viewpager.this,Viewdoor.class);//进入到开门效果的Activity
&&startActivity(intent);
&&this.finish();//结束本Activity
} 下面再看一下导航Activity的布局文件，
& ?xml version=&1.0& encoding=&utf-8&?&&
& FrameLayout xmlns:android=&/apk/res/android&&
&&& android:layout_width=&fill_parent&&
&&& android:layout_height=&fill_parent&&
&&& android:orientation=&vertical& &&&&
&&& &android.support.v4.view.ViewPager&
&&&&&&& android:id=&@+id/viewpager&&
&&&&&&& android:layout_width=&wrap_content&&
&&&&&&& android:layout_height=&wrap_content&&
&&&&&&& android:layout_gravity=¢er& &&&
&&&&&&& &android.support.v4.view.PagerTitleStrip&
&&&&&&&&&&& android:id=&@+id/pagertitle&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&0dp&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:background=�&&
&&&&&&&&&&& android:textColor=&#ffff& /&&
&&& &/android.support.v4.view.ViewPager&&&&
&&& &LinearLayout&
&&&&&&& android:layout_width=&match_parent&&
&&&&&&& android:layout_height=&match_parent&&
&&&&&&& android:orientation=&horizontal&&
&&&&&&& android:gravity=¢er_horizontal& &&&&&&&&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page0&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page_now& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page1&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&10dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page2&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&10dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page3&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&10dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page4&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&10dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page5&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&20dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page6&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&10dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page7&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&10dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&& &ImageView&
&&&&&&&&&&& android:id=&@+id/page8&&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&wrap_content&&
&&&&&&&&&&& android:layout_gravity=&bottom&&
&&&&&&&&&&& android:layout_marginBottom=&30dp&&&&&&&&&&&&
&&&&&&&&&&& android:layout_marginLeft=&10dp&&
&&&&&&&&&&& android:scaleType=&matrix&&
&&&&&&&&&&& android:src=&@drawable/page& /&&
&&&&&&&&&&&&&&&&
&&& &/LinearLayout&&
&&& &LinearLayout&
&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&& android:layout_height=&match_parent&&
&&&&&&&&&&& android:orientation=&vertical& &&
&&&&&&&&&&& &Button&
&&&&&&&&&&&&& android:layout_width=&wrap_content&&
&&&&&&&&&&&&& android:layout_height=&32dp&&
&&&&&&&&&&&&& android:layout_marginTop=&8dp&&
&&&&&&&&&&&&& android:layout_marginLeft=&8dp&&
&&&&&&&&&&&&& android:text=&直接开始我的微信生活&&
&&&&&&&&&&&&& android:textSize=&10sp&&
&&&&&&&&&&&&& android:textColor=&#fff&&
&&&&&&&&&&&&& android:background=&@drawable/button_bg&&&&&&&&&&&&&&&&
&&&&&&&&&&&&& android:onClick=&startbutton&&
&&&&&&&&&&&&& /&&
&&&& &/LinearLayout&&
& /FrameLayout&&
&?xml version=&1.0& encoding=&utf-8&?&
& FrameLayout xmlns:android=&/apk/res/android&
&&& android:layout_width=&fill_parent&
&&& android:layout_height=&fill_parent&
&&& android:orientation=&vertical& &&
&&& &android.support.v4.view.ViewPager
&&&&&&& android:id=&@+id/viewpager&
&&&&&&& android:layout_width=&wrap_content&
&&&&&&& android:layout_height=&wrap_content&
&&&&&&& android:layout_gravity=¢er& &
&&&&&&& &android.support.v4.view.PagerTitleStrip
&&&&&&&&&&& android:id=&@+id/pagertitle&
&&&&&&&&&&& android:layout_width=&wrap_content&
&&&&&&&&&&& android:layout_height=&0dp&
&&&&&&&&&&& android:layout_gravity=&bottom&
&&&&&&&&&&& android:background=�&
&&&&&&&&&&& android:textColor=&#ffff& /&
&&& &/android.support.v4.view.ViewPager&&
&&& &LinearLayout
&&&&&&& android:layout_width=&match_parent&
&&&&&&& android:layout_height=&match_parent&
&&&&&&& android:orientation=&horizontal&
&&&&&&& android:gravity=¢er_horizontal& &&&&&&&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page0&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&& &
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page_now& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page1&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&&&& &
&&&&&&& &android:layout_marginLeft=&10dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page2&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&&&& &
&&&&&&& &android:layout_marginLeft=&10dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page3&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&&&& &
&&&&&&& &android:layout_marginLeft=&10dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page4&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&&&& &
&&&&&&& &android:layout_marginLeft=&10dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page5&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&&&& &
&&&&&&& &android:layout_marginLeft=&20dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page6&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&&&& &
&&&&&&& &android:layout_marginLeft=&10dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page7&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&&&& &
&&&&&&& &android:layout_marginLeft=&10dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&& &ImageView
&&&&&&&&&&& android:id=&@+id/page8&
&&&&&&& &android:layout_width=&wrap_content&
&&&&&&& &android:layout_height=&wrap_content&
&&&&&&& &android:layout_gravity=&bottom&
&&&&&&& &android:layout_marginBottom=&30dp&&&&&& &
&&&&&&& &android:layout_marginLeft=&10dp&
&&&&&&& &android:scaleType=&matrix&
&&&&&&& &android:src=&@drawable/page& /&
&&&&&&&&&&&&&&
&&& &/LinearLayout&
&&& &LinearLayout
&&&&&&&&&&& android:layout_width=&wrap_content&
&&&&&&&&&&& android:layout_height=&match_parent&
&&&&&&&&&&& android:orientation=&vertical& &
&&&&&&&&&&& &Button
&&&&&&&&&&&&& android:layout_width=&wrap_content&
&&&&&&&&&&&&& android:layout_height=&32dp&
&&&&&&&&&&&&& android:layout_marginTop=&8dp&
&&&&&&&&&&&&& android:layout_marginLeft=&8dp&
&&&&&&&&&&&&& android:text=&直接开始我的微信生活&
&&&&&&&&&&&&& android:textSize=&10sp&
&&&&&&&&&&&&& android:textColor=&#fff&
&&&&&&&&&&&&& android:background=&@drawable/button_bg&&&&&&&&&&&&&&
&&&& android:onClick=&startbutton&
&&&&&&&&&&&&& /&
&&&& &/LinearLayout&
&/FrameLayout&& 在这里采用了Framelayout布局，因为这样就可以把开启我的维新生活Button以及下面的圆点一同显示在同一个页面上。这是一个小技巧，非常实用。导航页面完毕我们点击开启我的微信生活就会进入到一个大门效果的Activity，这也是一个动画效果。原理就是两张图片，分别朝不同的方向移动就实现了开门的效果。代码如下：[java]
import android.os.B&
import android.os.H&
import android.app.A&
import android.content.I&
import android.view.M&
import android.view.animation.A&
import android.view.animation.AnimationS&
import android.view.animation.TranslateA&
import android.widget.ImageV&
public class Viewdoor extends Activity {&
&&& private ImageView mL//往左边移动的图片&&
&&& private ImageView mR//往右边移动的图片&&
&&& @Override&
&&& public void onCreate(Bundle savedInstanceState) {&
&&&&&&& super.onCreate(savedInstanceState);&
&&&&&&& setContentView(R.layout.viewdoor);&
&&&&&&& mLeft = (ImageView)findViewById(R.id.imageLeft);&
&&&&&&& mRight = (ImageView)findViewById(R.id.imageRight);&
&&&&&&& AnimationSet anim = new AnimationSet(true);//动画集，一个类似于集合的功能&&
&&&&&&& TranslateAnimation mytranslateanim = new TranslateAnimation(Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,-1f,Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,0f);&
&&&&&&& mytranslateanim.setDuration(2000);//设置动画时间&&
&&&&&&& anim.addAnimation(mytranslateanim);//添加动画&&
&&&&&&& anim.setFillAfter(true);//设置动画结束时停在结束位置&&
&&&&&&& mLeft.startAnimation(anim);//开始动画，下同。&&
&&&&&&& AnimationSet anim1 = new AnimationSet(true);&
&&&&&&& TranslateAnimation mytranslateanim1 = new TranslateAnimation(Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,+1f,Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,0f);&
&&&&&&& mytranslateanim1.setDuration(1500);&
&&&&&&& anim1.addAnimation(mytranslateanim1);&
&&&&&&& anim1.setFillAfter(true);&
&&&&&&& mRight.startAnimation(anim1);&
&&&&&&& new Handler().postDelayed(new Runnable(){&
&&&&&&&&&&& public void run(){&
&&&&&&&&&&&&&&& Intent intent = new Intent (Viewdoor.this,Main.class);& //进入到主页面&&&&&&&&&&
&&&&&&&&&&&&&&& startActivity(intent);&&&&&&&&&&&
&&&&&&&&&&&&&&& Viewdoor.this.finish();//结束本Activity&&
&&&&&&&&&&& }&
&&&&&&& }, 1500);&
import android.os.B
import android.os.H
import android.app.A
import android.content.I
import android.view.M
import android.view.animation.A
import android.view.animation.AnimationS
import android.view.animation.TranslateA
import android.widget.ImageV
public class Viewdoor extends Activity {
&private ImageView mL//往左边移动的图片
&private ImageView mR//往右边移动的图片
&&& @Override
&&& public void onCreate(Bundle savedInstanceState) {
&&&&&&& super.onCreate(savedInstanceState);
&&&&&&& setContentView(R.layout.viewdoor);
&&&&&&& mLeft = (ImageView)findViewById(R.id.imageLeft);
&&&&&&& mRight = (ImageView)findViewById(R.id.imageRight);
&&&&&&& AnimationSet anim = new AnimationSet(true);//动画集，一个类似于集合的功能
&&TranslateAnimation mytranslateanim = new TranslateAnimation(Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,-1f,Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,0f);
&&mytranslateanim.setDuration(2000);//设置动画时间
&&anim.addAnimation(mytranslateanim);//添加动画
&&anim.setFillAfter(true);//设置动画结束时停在结束位置
&&mLeft.startAnimation(anim);//开始动画，下同。
&&AnimationSet anim1 = new AnimationSet(true);
&&TranslateAnimation mytranslateanim1 = new TranslateAnimation(Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,+1f,Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,0f);
&&mytranslateanim1.setDuration(1500);
&&anim1.addAnimation(mytranslateanim1);
&&anim1.setFillAfter(true);
&&mRight.startAnimation(anim1);
&&new Handler().postDelayed(new Runnable(){
&&&public void run(){
&&&&Intent intent = new Intent (Viewdoor.this,Main.class);&//进入到主页面&&
&&&&startActivity(intent);&&&
&&&&Viewdoor.this.finish();//结束本Activity
&&}, 1500);
}& 至此，关于微信的导航功能就介绍到这，比较重要的地方有，ViewPager的使用，小圆点动画效果的设置，也就是Tween动画要熟练掌握。下一篇将讲述微信主页面的实现，欢迎大家关注！
效果如下：
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：314938次
积分：3748
积分：3748
排名：第6503名
原创：98篇
转载：11篇
评论：325条
文章：60篇
阅读：127681
(3)(1)(4)(4)(5)(6)(7)(2)(2)(11)(18)(8)(6)(10)(20)(4)(1)(1)}
我要回帖
更多关于 大屏安卓智能导航系统 的文章
更多推荐
- ·vs在医学上表示什么汉语中是什么意思？
- ·英语VS汉语英语vs是什么意思啊？
- ·里昂第三西班牙大学排名qs排名多少？
- ·浙江有哪些不错的美国杭州最好的留学中介介？
- ·户内各个功能室内空间功能区划分尺度由哪三个部分组成？
- ·心里堵得慌如何排解头闷得慌，太难受，感觉老是满满的，怎么回事?
- ·怀孕一个月怎么打掉打掉多少钱，查到怀孕一个月怎么打掉是不是被骗了，一共就一个月
- ·三个月宝宝血清谷丙转氨酶 9090怎么办
- ·上海哪家看银屑病好转的表现，涂了一个月药膏不见好转
- ·姨头部软组织肿胀影伴肝内胆管扩展
- ·苹果关机门苹果召回序列号查询是什么
- ·红米2官方网好用吗?
- ·买游戏本好 还是末日超级游戏系统本好
- ·笔记本电脑开机伪黑屏有黑线条
- ·意大利原产卓丽/chario syntar5星座二号delphinus hifi书架音箱实木行货应该多少价格
- ·刚买的魅蓝3充电太慢慢怎么办
- ·三星s6充电器时边酥麻不对劲
- ·华为手机开机声音取消声音保护取消了怎么开启？
- ·有谁知道好的英语网站密码这些什么密码求？
- ·迄今为止最漂亮的 iPhone 是哪乔布斯最后一款iphone
- ·安卓导航界面智能大屏导航怎样同时打开两个界面
- ·为什么王者荣耀 安卓 iosios系统不能和安卓系统相通了
- ·酷派8150刷机教程S怎么样？酷派8150刷机教程S好吗
- ·qq射线代码怎么玩手机打出来的，要下载什么软件
- ·魅族m1 metal rootetal能root了吗？有谁有系统刷
- ·手机上有哪些网上挣钱小九赚钱日结的几个小时能挣二三十就行了
- ·ppt是先把空u盘插进去吗？然后怎么做，求每个u盘装系统详细步骤过程，谢谢啦
- ·对方手机有我照片，我有他的信息号我可以上，这样能删除对方微信聊天记录他微信里的照片吗。
- ·三星note2开机白屏a7发送位置白屏了怎么办
- ·nexus 5xnexus6p 无限重启启怎么解决
- ·魅族mx5魅蓝note3
- ·北镇有卖360手机实体店有卖吗的吗?
- ·苹果平板电脑显示苹果app无法连接接app怎么办
- ·苹果6P手机相册的容量都是5G吗？还是手机内存不一样qq相册容量多大就不一样
- ·苹果55s升级ios10怎么降级.1怎么样
- ·银行卡如何绑定手机号更换了手机号为什么还绑定不了
