Fragment实现点击替换翻页

最新推荐文章于 2025-07-31 09:13:22 发布

原创最新推荐文章于 2025-07-31 09:13:22 发布 · 925 阅读

0 ·

CC 4.0 BY-SA版权

android 专栏收录该内容

29 篇文章

订阅专栏

本文介绍如何在Android应用中使用Fragment实现点击事件来替换翻页的效果，详细讲解了主界面的Java代码和布局文件设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图

主界面java代码

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>