Android仿QQ微信开场导航以及登陆界面

最新推荐文章于 2016-10-13 15:39:00 发布

你妈说我帅

最新推荐文章于 2016-10-13 15:39:00 发布

阅读量1.5k

点赞数

分类专栏：【Android——UI篇】文章标签：开场微信 android 社交应用导航

本文链接：https://blog.csdn.net/James_genggongfa/article/details/13006297

版权

这篇博客介绍了如何在Android中模仿微信和QQ的开场导航和登录界面。通过Handler控制开场闪屏页面的自动跳转，使用ViewPager实现功能介绍图片的滑动浏览，并详细注释了代码实现，包括小圆点导航的跟随效果。此外，还涉及开门动画的制作，最后展示了一个简单的微信风格登录界面。适合开发者参考和实践。

摘要由CSDN通过智能技术生成

相信大家对于微信等社交应用的UI界面已经都很熟悉了，该UI最值得借鉴的莫过于第一次使用的时候一些列产品介绍的图片，可以左右滑动浏览，最后进入应用，这一效果适用于多种项目中，相信今后开发应用一定会用得到。网路上也有不少这样的例子可以参考，不过看别人的代码是一回事，自己实际做起来又是另一回事，今天的这个微信的Demo是研究过多个类似的界面后自己动手去实现的效果，并且都加上了详细的注释(虽然有的多余)，方便以后回顾一看就能看明白，只有真正亲自写一写，体会才会更深刻，例子中的图片都是在微信的APK中提取出来的，涉及到的知识点无外乎是ViewPager和Animation。

首先是开场闪屏的一个界面，使用handler控制该页面指定时间后进行跳转

package com.example.weichat.UI;

import com.example.weichat.R;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;

/** 开场欢迎动画 */
public class WelcomeA extends Activity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.strat);
		//延迟两秒后执行run方法中的页面跳转
		new Handler().postDelayed(new Runnable() {

			@Override
			public void run() {
				Intent intent = new Intent(WelcomeA.this, WhatsnewPagesA.class);
				startActivity(intent);
				WelcomeA.this.finish();
			}
		}, 2000);

————————————————————————————————————————————————————————————————

接着是主要的部分，也就是一系列的功能介绍图片，主要是viewpager来实现，嵌套在上面的小圆点的跟随导航也是要实现的效果之一