viewpager每个页面的实现

新手求助,想实现一个类似微信的界面,已经完成了页面的切换,但是这些界面只有布局文件,我怎么往每个界面里添加我要的内容啊,谢谢

看来你刚学android。布局文件里面就可以添加内容。

给你发点源码:

上面这个是 MainActivity,下面那个是仿微信的其中一个布局页面 fragment
MainActivity 中viewPager 动态添加四个页面,好友,我的信息,设置,微信四个Fragment ,、做为其界面
在每个fragment 都要继承 Fragment 重写 onCreateView() 方法,获取一下 view ,在return view 之前,写相关布局的操作代码

package com.example.ususaltest;

import java.util.ArrayList;
import java.util.List;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentPagerAdapter;//适配器
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.ImageButton;

public class MainActivity extends FragmentActivity {

    private ViewPager viewPager;
    private FragmentPagerAdapter mAdapter;
    private List<Fragment>mFragmentlist;//List里面是Fragment

    private ImageButton im_weixin, im_haoyou, im_setting, im_qun;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);

        initView();                                             //加载组件
        initEvents();                                           //代码实现
        setTab(0);                                              //初始化第一个页面
    }

    private void initView() {
        im_weixin = (ImageButton) findViewById(R.id.im_weixin);
        im_haoyou = (ImageButton) findViewById(R.id.im_haoyou);
        im_setting = (ImageButton) findViewById(R.id.im_setting);
        im_qun = (ImageButton) findViewById(R.id.im_qun);

        viewPager = (ViewPager) findViewById(R.id.viewPager);
    }

    private void initEvents() {
        //1 fragment 通过监听事件实现页面转换
        im_weixin.setOnClickListener(new OnClickListener() {
            public void onClick(View v) {
                setTab(0);
            }
        });
        im_haoyou.setOnClickListener(new OnClickListener() {
            public void onClick(View v) {
                setTab(1);
            }
        });
        im_setting.setOnClickListener(new OnClickListener() {
            public void onClick(View v) {
                setTab(2);
            }
        });
        im_qun.setOnClickListener(new OnClickListener() {
            public void onClick(View v) {
                setTab(3);
            }
        });

        //2 fragment 通过 viewPager适配器实现手指滑动切换页面效果
        mFragmentlist = new ArrayList<Fragment>();
        Fragment mTab01 = new WeixinFragment();
        Fragment mTab02 = new HaoyouFragment();
        Fragment mTab03 = new SettingFragment();
        Fragment mTab04 = new WoFragment();
        mFragmentlist.add(mTab01);
        mFragmentlist.add(mTab02);
        mFragmentlist.add(mTab03);
        mFragmentlist.add(mTab04);

        mAdapter = new FragmentPagerAdapter(getSupportFragmentManager()) {

            @Override
            public int getCount() {//fregment 页面总数
                return mFragmentlist.size();
            }

            @Override
            public Fragment getItem(int id_currentPage) {//返回  当前页面
                return mFragmentlist.get(id_currentPage);
            }
        };

        viewPager.setAdapter(mAdapter); //viewPager 实现手指滑动效果

        viewPager.setOnPageChangeListener(new OnPageChangeListener() {//页面改变效果监听实现

            @Override
            public void onPageSelected(int id) {// viewpager 的监听事件实现页面转换
                int currentItem = viewPager.getCurrentItem();

                setTab(currentItem);
            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {}

            @Override
            public void onPageScrollStateChanged(int arg0) {}
        });

    }

    //页面转换方法:改变内容页面,及设置对应下面的图片变化
    private void setTab(int i){
        im_weixin.setImageResource(R.drawable.weixin3);//将图片设置为暗色
        im_haoyou.setImageResource(R.drawable.haoyou3);
        im_setting.setImageResource(R.drawable.faxian3);
        im_qun.setImageResource(R.drawable.wo3);
        // 将图片设置为亮色
        viewPager.setCurrentItem(i);//设置
        switch (i) {
        case 0: {
            im_weixin.setImageResource(R.drawable.weixin1);
            break;
        }
        case 1: {
            im_haoyou.setImageResource(R.drawable.haoyou1);
            break;
        }
        case 2: {
            im_setting.setImageResource(R.drawable.faxian1);
            break;
        }
        case 3: {
            im_qun.setImageResource(R.drawable.wo1);
            break;
        }
        default:
            break;
        }
    }



}

 package com.example.ususaltest;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class HaoyouFragment extends Fragment{

    @Override
    public View onCreateView(LayoutInflater inflater,ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.tab_haoyou02, container, false);
        Button btn = (Button)findViewById(R.id.id_btn);
                btn.setOnClickListener(new OnClickListener(){
                    //具体相关操作

                });



        return view;

    }
}