Fragment實現TabHost標籤切換功能

首先定義四個佈局文件分別表示切換的四個界面

fragment1.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"
    android:padding="10dp" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我是第一個fragment" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="得到第四個Fragment中EditText的值" />

</LinearLayout>

fragment2.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"
    android:padding="10dp" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我是第二個fragment" />

    <DatePicker
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

fragment3.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"
    android:padding="10dp" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我是第三個fragment" />

    <RatingBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

fragment4.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"
    android:padding="10dp" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我是第四個fragment" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</LinearLayout>

定義一個主佈局文件來裝納四個切換的界面

activity_main.xml

<RelativeLayout 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"
    tools:context=".MainActivity" >

    <LinearLayout
        android:id="@+id/linearlayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#000000"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/btn1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="A" />

        <Button
            android:id="@+id/btn2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="B" />

        <Button
            android:id="@+id/btn3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="C" />

        <Button
            android:id="@+id/btn4"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="D" />
    </LinearLayout>

    <FrameLayout
        android:id="@+id/framelayout"
        android:layout_below="@id/linearlayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </FrameLayout>

</RelativeLayout>

創建四個類Fragment1,Fragment2,Fragment3,Fragment4,

分別表示四個界面的操作類。

Fragment2 ,Fragment3和Fragment4只是簡單的返回其對應的佈局文件視圖,這裏不做介紹。

Fragment2.java

package com.example.myfragment;

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

public class Fragment2 extends Fragment {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
	}

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		View view = inflater.inflate(R.layout.fragment2, null);
		return view;
	}

	@Override
	public void onPause() {
		// TODO Auto-generated method stub
		super.onPause();
	}

}

Fragment3.java

package com.example.myfragment;

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

public class Fragment3 extends Fragment {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
	}

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		View view = inflater.inflate(R.layout.fragment3, null);
		return view;
	}

	@Override
	public void onPause() {
		// TODO Auto-generated method stub
		super.onPause();
	}

}

Fragment4.java

package com.example.myfragment;

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

public class Fragment4 extends Fragment {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
	}

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		View view = inflater.inflate(R.layout.fragment4, null);
		return view;
	}

	@Override
	public void onPause() {
		// TODO Auto-generated method stub
		super.onPause();
	}

}

Fragment1主要是獲取Fragment4裏EditText的值並顯示出來。

通過getFragmentManager().findFragmentByTag("fragment4");取得fragment4對象,

並通過fragment4.getView().findViewById(R.id.editText1);獲得EditText控件,顯示裏面的值。

Fragment1.java

package com.example.myfragment;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class Fragment1 extends Fragment {

	private Button button;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
	}

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		View view = inflater.inflate(R.layout.fragment1, null);
		button = (Button) view.findViewById(R.id.button1);
		button.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				//得到fragment4對象
				Fragment4 fragment4 = (Fragment4) getFragmentManager().findFragmentByTag("fragment4");
				//取得fragment4中的editText控件,並得到裏面的值
				EditText editText = (EditText) fragment4.getView().findViewById(R.id.editText1);
				Toast.makeText(getActivity(), "第四個Fragment中EditText的值爲:\n"+editText.getText(),
						Toast.LENGTH_LONG).show();
			}
		});
		return view;
	}

	@Override
	public void onPause() {
		// TODO Auto-generated method stub
		super.onPause();
	}

}

主界面實現類

MainActivity.java

package com.example.myfragment;

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MainActivity extends FragmentActivity implements OnClickListener {

	private Button btn1;//標籤按鈕1
	private Button btn2;//標籤按鈕2
	private Button btn3;//標籤按鈕3
	private Button btn4;//標籤按鈕4
	private FragmentManager manager;
	private FragmentTransaction transaction;
	private Fragment1 fragment1;//頁面1
	private Fragment2 fragment2;//頁面2
	private Fragment3 fragment3;//頁面3
	private Fragment4 fragment4;//頁面4

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		//通過manager得到transaction對象
		manager = getSupportFragmentManager();
		transaction = manager.beginTransaction();
		//創建四個Fragment對象並將其添加到transaction中
		fragment1 = new Fragment1();
		//第一個參數表示要添加到某個佈局上(id)
		//第二個參數表示要添加的Fragment
		//第三個設置標籤
		transaction.add(R.id.framelayout, fragment1, "fragment1");
		//默認顯示第一個頁面,其他的都隱藏起來
		fragment2 = new Fragment2();
		transaction.add(R.id.framelayout, fragment2, "fragment2").hide(fragment2);
		fragment3 = new Fragment3();
		transaction.add(R.id.framelayout, fragment3, "fragment3").hide(fragment3);
		fragment4 = new Fragment4();
		transaction.add(R.id.framelayout, fragment4, "fragment4").hide(fragment4);
		//提交
		transaction.commit();
		btn1 = (Button) findViewById(R.id.btn1);
		btn2 = (Button) findViewById(R.id.btn2);
		btn3 = (Button) findViewById(R.id.btn3);
		btn4 = (Button) findViewById(R.id.btn4);
		btn1.setOnClickListener(this);
		btn2.setOnClickListener(this);
		btn3.setOnClickListener(this);
		btn4.setOnClickListener(this);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	@Override
	public void onClick(View v) {
		// TODO Auto-generated method stub
		//將全部Fragment頁面都隱藏起來
		transaction = manager.beginTransaction();
		transaction.hide(fragment1).hide(fragment2).hide(fragment3).hide(fragment4);
		//然後顯示你所點擊的那個按鈕所對應的Fragment
		switch (v.getId()) {
		case R.id.btn1:
			transaction.show(fragment1);
			break;
		case R.id.btn2:
			transaction.show(fragment2);
			break;
		case R.id.btn3:
			transaction.show(fragment3);
			break;
		case R.id.btn4:
			transaction.show(fragment4);
			break;
		}
		//提交
		transaction.commit();
	}

}

MyFragmentTab截圖


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章