最终效果图如:

安卓仿微信Tab页用Fragment实现安卓仿微信Tab页用Fragment实现安卓仿微信Tab页用Fragment实现

实现步骤:

新建项目tabdemo,我选的是4.0.3版本,然后依次新建三个Fragment,名字分别为:ChatFragment、FriendFragment、FindFragment,他会生成对应的界面布局xml文件。

项目资源管理器结构如下:

安卓仿微信Tab页用Fragment实现

Drawable中是用到的三张图片,可自行找然后粘进去。

对应的Java代码如下:

package com.example.administrator.tabdemo;


import android.content.Context;
import android.net.Uri;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;


public class ChatFragment extends Fragment {

    View mView;
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        if (mView == null) {
            mView = inflater.inflate(R.layout.fragment_chat,null);
        }
        ((TextView)mView.findViewById(R.id.mTextView)).setText("聊天界面");
        return mView;
    }
}
View Code

相关文章: