Fragment实现点击替换翻页

package com.xiaoke.fragment;

import android.app.Activity;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
//布局文件中用FrameLayout，由于不是用的viewpager所有导v4包里面的
public class MainActivity extends Activity implements OnClickListener {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//获取点击事件
Button btn;
btn = (Button) findViewById(R.id.btn_a1_id);
btn.setOnClickListener(this);

btn = (Button) findViewById(R.id.btn_a2_id);
btn.setOnClickListener(this);

btn = (Button) findViewById(R.id.btn_a3_id);
btn.setOnClickListener(this);

btn = (Button) findViewById(R.id.btn_a4_id);
btn.setOnClickListener(this);

// addToBackStack添加到回退栈,addToBackStack与ft.add(R.id.fragment, new
// MyFragment())效果相当
// ft.addToBackStack("test");

}

@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btn_a1_id: {
//添加界面前的赋值
FragmentManager fm = this.getFragmentManager();
FragmentTransaction ft = fm.beginTransaction();
//替换布局中的FrameLayout，是替换不是覆盖
ft.replace(R.id.fragment, new Yaowen());
ft.commit();
}
break;
case R.id.btn_a2_id: {
FragmentManager fm = this.getFragmentManager();
FragmentTransaction ft = fm.beginTransaction();
ft.replace(R.id.fragment, new ShiPing());
ft.commit();
}
break;
case R.id.btn_a3_id: {
FragmentManager fm = this.getFragmentManager();
FragmentTransaction ft = fm.beginTransaction();
ft.replace(R.id.fragment, new Yule());
ft.commit();
}
break;
case R.id.btn_a4_id: {
FragmentManager fm = this.getFragmentManager();
FragmentTransaction ft = fm.beginTransaction();
ft.replace(R.id.fragment, new Tiyu());
ft.commit();
}
break;
}

}

}

package com.xiaoke.fragment;

import android.app.Fragment;
import android.graphics.Color;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

public class ShiPing extends Fragment {

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
//获取自己创建的布局文件
View iv=(View) inflater.inflate(R.layout.a, null);
iv.setBackgroundColor(Color.BLUE);
return iv;
}

@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
//找到布局文件中的控件并对布局文件中的控件赋值
ImageView iv=(ImageView)view.findViewById(R.id.iv_a1_id);
TextView tv=(TextView) view.findViewById(R.id.tv_a1_id);
tv.setText("视频");
iv.setImageResource(R.drawable.ic_launcher);
}

}

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >

<Button
android:id="@+id/btn_a1_id"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="要闻"
/>

<Button
android:id="@+id/btn_a2_id"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="视频"/>

<Button
android:id="@+id/btn_a3_id"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="娱乐"/>

<Button
android:id="@+id/btn_a4_id"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="体育" />
</LinearLayout>

<FrameLayout
android:id="@+id/fragment"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</FrameLayout>

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<ImageView
android:id="@+id/iv_a1_id"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/tv_a1_id"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>

</LinearLayout>