Android 仿微信之界面导航篇

最新推荐文章于 2021-06-19 23:12:16 发布
最新推荐文章于 2021-06-19 23:12:16 发布
阅读量163 收藏
点赞数
分类专栏： android开发 文章标签： android java google
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w2af521/article/details/84365676
版权
微信是现在比较流行的应用了，在各大安卓市场几乎都是名列前茅了。说实话不得不羡慕腾讯庞大的用户群体，只要腾讯敢做，就会有很多人去用。废话不多说，下面就开始说一下如何实现微信的第一次启动程序的用户导航，ViewPager相信大家都不陌生了，是google放出的一个安卓低版本的兼容包android-support-v4.jar，里面有很多类我们可以去使用。那这个导航就是使用这个类来辅助完成的，在每一个View里放置一个图片，当我们使用ViewPager滑动界面的时候，就会看到一张张图片，从而实现这个效果，我们来看一下官方的：
[img]https://img-my.csdn.net/uploads/201211/02/1351837816_4384.jpg[/img]
[img]https://img-my.csdn.net/uploads/201211/02/1351838162_3129.png[/img]
[img]https://img-my.csdn.net/uploads/201211/02/1351838195_5053.png[/img]
[img]https://img-my.csdn.net/uploads/201211/02/1351838386_6072.png[/img]

其实使用过微信的用户都知道，每次启动程序都会有这个启动画面，如果是第一次使用当然还会出现后面的导航界面。下面以第一次使用为例，来说明如何实现。当启动出现进入第一个Activity，其实就是那个启动画面，有地球那个，之后会在这个Activity里面设置一个Handler去延迟（1秒，数值可以自己设定）执行启动导航界面的Activity，代码如下： 

import android.os.Bundle;
import android.os.Handler;
import android.app.Activity;
import android.content.Intent;
import android.view.Window;
import android.view.WindowManager;

public class Appstart extends Activity{

	/*
 * 2012.11.1
 * @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.ArrayList;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.PagerTitleStrip;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;


public class Viewpager extends Activity {

	private ViewPager mViewPager;//声明ViewPager对象
	private PagerTitleStrip mPagerTitleStrip;//声明动画标题
	private ImageView mPageImg;// 动画图片
	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 = null;//声明动画对象
			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
				} 
				break;
			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);
				}
				break;
			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);
				}
				break;
			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);
				}
				break;
			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);
				}
				break;
			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);
				}
				break;
			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);
				}
				break;
			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);
				}
				break;
			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);
				} 
				break;
			}
			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="http://schemas.android.com/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="center" > 

        <android.support.v4.view.PagerTitleStrip
            android:id="@+id/pagertitle"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_gravity="bottom"
            android:background="#0000"
            android:textColor="#ffff" />
    </android.support.v4.view.ViewPager>  

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        android:gravity="center_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，这也是一个动画效果。原理就是两张图片，分别朝不同的方向移动就实现了开门的效果。代码如下： 

import android.os.Bundle;
import android.os.Handler;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;

public class Viewdoor extends Activity {

	private ImageView mLeft;//往左边移动的图片
	private ImageView mRight;//往右边移动的图片

    @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动画要熟练掌握。下一篇将讲述微信主页面的实现，欢迎大家关注！

效果如下：

[img]https://img-my.csdn.net/uploads/201211/02/1351837521_7884.JPG[/img]
[img]https://img-my.csdn.net/uploads/201211/02/1351837540_6980.JPG[/img]
w2af521
关注
专栏目录
安卓开发— —仿微信界面（一）
miKyrie的博客
03-21 1万+
目录 一、项目内容 二、代码实现 1、项目结构 2.头部代码 3.底部代码 4.四个内容界面 5.窗体总布局 6.MainActivity实现点击图标与页面的互动 三、运行效果 四、总结 一、项目内容 进行仿微信界面框架设计，包含微信、朋友、联系人、设置四个tab页面，点击相应图标进行切换，且选中图标变为绿色，未选中为灰色。 开发环境：Android Studio、Android SDK 11.0 二、代码实现 1、项目结构 ...
android高仿微信聊天界面
05-15
android高仿微信聊天界面，包含登陆，摇一摇，发信息等多个界面
安卓仿微信界面
12-14
自从Android 3.0中引入fragments 的概念，根据词海的翻译可以译为:碎片、片段。其目的是为了解决不同屏幕分辩率的动态和灵活UI设计。给大家分享一下Android 使用Fragment模仿微信界面的实例代码，需要的的朋友参考下吧
Android 仿微信之界面导航篇（一）
极致的专注 无限的热情
11-02 3万+
微信是现在比较流行的应用了，在各大安卓市场几乎都是名列前茅了。说实话不得不羡慕腾讯庞大的用户群体，只要腾讯敢做，就会有很多人去用。废话不多说，下面就开始说一下如何实现微信的第一次启动程序的用户导航，ViewPager相信大家都不陌生了，是google放出的一个安卓低版本的兼容包android-support-v4.jar，里面有很多类我们可以去使用。那这个导航就是使用这个类来辅助完成的，在每一个V
android 仿微信demo————微信消息界面实现（移动端）
stormzhuo的博客
06-14 3万+
移动端微信消息页实现 在上一篇中主界面实现说过微信四个页面中间都是是fragment的，并且四个fragment的布局都还没实现，所以这一篇主要实现微信消息页的实现（第一个fragment的布局） 微信消息页是可以上下滑动，每一个列表最多都有可显示五个数据，还可以点击列表 要实现上诉功能只需要在fragment布局中使用ListView,然后给ListView指定一个Item布局即可 修改微信消息页fragment布局 weixin_fragment.xml <LinearLayout xmln
Android仿微信之界面导航篇（1）
01-04
废话不多说，下面就开始说一下如何实现微信的第一次启动程序的用户导航，ViewPager相信大家都不陌生了，是google放出的一个安卓低版本的兼容包android-support-v4.jar，里面有很多类我们可以去使用。那这个导航就是...
Android仿微信界面的导航以及右上角菜单栏效果
08-27
Android仿微信界面的导航以及右上角菜单栏效果是Android开发中常见的UI设计样式之一，本文将详细介绍如何实现仿微信界面的导航以及右上角菜单栏效果。 一、界面编写 首先，我们需要在activity_main.xml中添加一个...
Android仿微信页面底部导航效果代码实现
09-01
在Android应用开发中，创建一个类似微信的底部导航栏效果是一项常见的需求，它能帮助用户在多个主要功能间轻松切换。下面将详细讲解如何通过代码实现这个效果。 首先，我们需要了解基本的架构。在这个示例中，`...
android 仿微信demo————微信主界面实现
stormzhuo的博客
06-14 2万+
主界面实现 （1）整体采用RelativeLayout相对布局 （2）最上面是toolbar操作栏,搜索框SearchView，Overflow（含有4个单选菜单项） （3）中间使用Fragment组件（不使用ViewPager，有兴趣可以自己添加实现下）。 （4）最下面是水平的LinearLayout线性布局：含有4个自定义的控件 这一篇主要是实现主界面，其他像顶部（toolbar,SearchView,Overflow),中间的fragment，后续文章在更新。 创建主界面activity Mai
android开发仿微信界面实现
12-13
android开发仿微信界面实现，使用了viewpager，有详细注释。来自：http://www.imooc.com/video/5902
安卓界面之仿微信界面
06-30
仿微信界面，如果是初学者，可以帮助你学习界面组合的有关知识，希望有用。。
Android-模仿微信主界面
05-28
Android模仿新版微信主界面，应该来说模仿的很相似。
Android仿微信主界面设计
01-05
先来一张效果图 一.ActionBar的设计 首先是main.xml,先定义这些菜单,界面稍后在调整 <item android:id=@+id/action_search android:actionViewClass=android.widget.SearchView android:icon=@drawable/actionbar_search_icon
Android实现仿微信底部导航栏
09-16
使用ViewPager+RadioGroup实现仿微信底部导航栏,注释很全,了解更多请参考：http://www.cnblogs.com/Fill/p/7530655.html
Android仿照微信界面开发
11-22
按照慕课网上的老师设计要求，自己动手写的，用的是AS集成开发环境
android 仿微信demo————微信顶部操作栏界面实现
stormzhuo的博客
06-19 1万+
以往文章 android 仿微信demo————微信启动页实现 android 仿微信demo————注册功能实现（移动端） android 仿微信demo————注册功能实现（服务端） android 仿微信demo————登录功能实现（移动端） android 仿微信demo————登录功能实现（服务端） android 仿微信demo————微信主界面功能实现 android 仿微信demo————微信消息界面功能实现（移动端） android 仿微信demo————微信消息界面功能实现（服务端） a
android 仿微信demo————微信消息界面实现（服务端）
热门推荐
stormzhuo的博客
06-14 3万+
服务端微信消息页实现 微信消息页的实现，和登录，注册是类似的，无非就是接受客户端数据，然后通过这个数据去数据库查找，如果查得到话，返回相应值给客户端。 在移动端中，当用户输入表单后点击登陆，如果登陆成功，则会把微信号通过Itent传给主界面activity,而在微信主界面点击微信消息页时，会把微信号作为fragment的参数传给微信消息页,然后通过把微信号数据发送给服务器，服务器接受到这消息，便会在数据库中查找，查得到得话便会返回所以列给客户端，而客户端接受到数据后便把数据显示到相应得组件上（这个功能在
Android仿微信界面--ViewPager
qqazl001的博客
06-15 513
本文仅做记录成长！我的要求不高，每天进步一点点就好！相信努力总能得到回报，即使只是一点点！通过微信截图，抠出了几个需要的素材然后开始搞事情了！首先制作UI的顶部，没啥特别的（top.xml）&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/a...
Android仿微信界面--使用Fragment实现(慕课网笔记)
Fly~~~的专栏
12-15 1万+
来自：http://www.imooc.com/video/5903 可参考另一篇博客http://blog.csdn.net/hnyzwtf/article/details/50278377 1 效果图 这里我们没有实现滑动切换view的功能 2 具体实现： 2.1 布局文件:top.xml, bottom.xml,tab01.xml,tab02.xml,tab03.xml,tab0
Android仿微信滑动界面导航实现
这篇教程以“Android仿微信之界面导航篇（1）”为主题，首先指出微信作为一款广泛应用，其用户界面和交互设计值得学习。开发者可以借鉴这些设计元素来提升自己应用的用户体验。 文章的核心技术是使用ViewPager，这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值