Android_Button点击切换Fragment_141007

功能: 点击不同的Button 跳出对应的Fragment , Fragment可以自己随时加

其中包含的文件有: MainActivity.java ,activity_main.xml , firstFragment.java , fragment_first.xml , secondFragment.java , fragment_second.xml

文件介绍:

MainActivity.java  --> 监听点击事件, 对应的布局文件为 activity_main.xml

activity_main.xml文件, 中有 Framelayout 布局, 这一个是关键, 可以重叠放置Fragment. 

不多说, 上代码

  //MainActivity.java

package com.yline.fragment_button;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MainActivity extends FragmentActivity implements OnClickListener {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		Button btnFirst = (Button) findViewById(R.id.btn_first);
		Button btnSecond = (Button) findViewById(R.id.btn_second);

		Fragment fragLayout = new firstFragment();
		
		//启用 app , 就开启一个 Fragment
		getSupportFragmentManager().beginTransaction().replace(R.id.frame_layout, fragLayout).commit();

		//建立相同的监听器
		btnFirst.setOnClickListener(this);
		btnSecond.setOnClickListener(this);
	}

	@Override
	public void onClick(View v) {
		Fragment fragLayout = null;
		switch (v.getId()) {
		case R.id.btn_first:
			fragLayout = new firstFragment();
			break;
		case R.id.btn_second:
			fragLayout = new secondFragment();
			break;
		}
		getSupportFragmentManager().beginTransaction().replace(R.id.frame_layout,fragLayout).commit();
	}
}

  // activity_main.xml

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

    <FrameLayout
        android:id="@+id/frame_layout"
        android:layout_width="fill_parent"
        android:layout_height="400sp" >
    </FrameLayout>

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

        <Button
            android:id="@+id/btn_first"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="first" />

        <Button
            android:id="@+id/btn_second"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="second" />
    </LinearLayout>

</LinearLayout>

  // firstFragment.java

package com.yline.fragment_button;

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

public class firstFragment extends Fragment{

	/**
	 * 构建一个打气筒,充气fragment_second布局,返回一个View对象
	 */
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		View v = inflater.inflate(R.layout.fragment_first,null); 
		return v;
	}
}

  //fragment_first.xml

<?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" >
    
    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="first"/>
    
</LinearLayout>

至于 secondFragment.java , fragment_second.xml文件   与    firstFragment.java , fragment_first.xml文件 类似 就不累述了

运行图:

Fragment_Button 代码链接: (可直接运行):

http://pan.baidu.com/s/1eQy53F0

参考网址:

无