[Android学习笔记]fragment配合RadioGroup实现点击切换内容

本人博客地址: www.grackertalk.com ,欢迎收藏和访问

这个主要是如何替换fragment的demo。效果图如下（下面的tabhost和上面的bar不属于这次的内容，这个是我做的一个应用程序框架的一部分，有需要的或者想研究研究的可以私下联系），主要是讲解中间的内容怎么实现，即点击上面的RadioGroup，下面的内容一起改变（改变的是XML中的布局，这样的话下面三个的布局完全可以自己定义）

1.首先在主界面的xml中添加一个RadioGroup，里面添加三个RadioButton即可

<RadioGroup
                android:id="@+id/radioGroup1"
                style="@style/layout_full"
                android:layout_margin="5dp"
                android:background="@drawable/rounded_edittext"
                android:orientation="horizontal"
                android:padding="5dp" >

                <RadioButton
                    android:id="@+id/radio0"
                    style="@style/layout_horizontal"
                    android:layout_gravity="center_horizontal"
                    android:layout_weight="1"
                    android:checked="true"
                    android:text="均分" />

                <RadioButton
                    android:id="@+id/radio1"
                    style="@style/layout_horizontal"
                    android:layout_gravity="center_horizontal"
                    android:layout_weight="1"
                    android:text="个人" />

                <RadioButton
                    android:id="@+id/radio2"
                    style="@style/layout_horizontal"
                    android:layout_gravity="center"
                    android:layout_weight="1"
                    android:text="借贷" />
            </RadioGroup>

其中

android:background="@drawable/rounded_edittext"

这一句是给这个RadioGroup添加一个带圆角的边框 

rounded_edittext.xml的代码如下

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <solid android:color="#ffffff" />

    <corners android:radius="7dip" />

    <stroke
        android:width="2px"
        android:color="#000000" />

</shape>

放置在drawable文件夹下即可

2.下面的内容由三个xml定义好的布局来呈现，这三个xml的布局可以自己来写 ，我就很简单地建了三个，做例子用

speeddial_fragment_pay1.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_margin="5dp"
    android:background="@drawable/rounded_edittext"
    android:orientation="vertical" >

    <Button
        android:id="@+id/Button04"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="Button" />

</RelativeLayout>

3.（重要）在主布局文件中添加Fragment的载体，比如一个framlayout，负责承载fragment

在上面的RadioGroup的布局下增加：

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

这样布局就完成了

4.由于Fragment的特性，我们要新建三个自己的Fragment，都继承自Fragment 

SpeeddialFragmentOne.java

package com.gracker.fragment;

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

import com.gracker.tabactivity.R;

public class SpeeddialFragmentOne 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
		return inflater.inflate(R.layout.speeddial_fragment_pay1, container, false);
	}
}

这个Fragment非常简单，没有添加任何的逻辑，仅仅只是在onCreateView的要布局然后以View返回。Fragment有很多方法，可以根据自己的需要进行重载，这里就不多说了，自己到用的时候自然就知道了。

类似地，建立另外两个Fragment ，改变的仅仅是

return inflater.inflate(R.layout.speeddial_fragment_pay1, container, false);

5.在主Activity中调用：

MainActivity.java

/**
 * 主Activity
 * 
 * @author Gracker Gao
 * @date 2012.8.15
 */
package com.gracker.hostactivity;

import android.app.Activity;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.util.Log;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;

import com.gracker.fragment.SpeeddialFragmentOne;
import com.gracker.fragment.SpeeddialFragmentThree;
import com.gracker.fragment.SpeeddialFragmentTwo;
import com.gracker.tabactivity.R;

public class MainActivity extends Activity {

	private final String TAG = "SpeedDialActivity";

	private RadioGroup mRadioGroup;
	private SpeeddialFragmentTwo mSpeeddialFragmentTwo;
	private SpeeddialFragmentOne mSpeeddialFragmentOne;
	private SpeeddialFragmentThree mSpeeddialFragmentThree;
	
	private FragmentTransaction transaction;

	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.speeddial);
		
		init_date();
		setupWidgets();
	}
	
	private void init_date(){
		transaction = getFragmentManager()
				.beginTransaction();
		if (null == mSpeeddialFragmentOne) {
			mSpeeddialFragmentOne = new SpeeddialFragmentOne();
		}
		transaction.add(R.id.fragment_container,
				mSpeeddialFragmentOne);
		// Commit the transaction
		transaction.commit();
	}

	private void setupWidgets() {

		mRadioGroup = (RadioGroup) findViewById(R.id.radioGroup1);
		mRadioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {

			@Override
			public void onCheckedChanged(RadioGroup group, int checkedId) {
				// TODO Auto-generated method stub

				switch (checkedId) {
				case R.id.radio0:
					Log.v(TAG, "setupWidgets():radio0 clicked");
					if (null == mSpeeddialFragmentOne) {
						mSpeeddialFragmentOne = new SpeeddialFragmentOne();
					}
					transaction = getFragmentManager()
							.beginTransaction();
					transaction.replace(R.id.fragment_container,
							mSpeeddialFragmentOne);				
					// Commit the transaction
					transaction.commit();
					break;
				case R.id.radio1:
					Log.v(TAG, "setupWidgets():radio1 clicked");
					if (null == mSpeeddialFragmentTwo) {
						mSpeeddialFragmentTwo = new SpeeddialFragmentTwo();
					}
					transaction = getFragmentManager()
							.beginTransaction();
					transaction.replace(R.id.fragment_container,
							mSpeeddialFragmentTwo);					
					// Commit the transaction
					transaction.commit();
					break;
				case R.id.radio2:
					Log.v(TAG, "setupWidgets():radio2 clicked");

					if (null == mSpeeddialFragmentThree) {
						mSpeeddialFragmentThree = new SpeeddialFragmentThree();
					}
					transaction = getFragmentManager()
							.beginTransaction();
					transaction.replace(R.id.fragment_container,
							mSpeeddialFragmentThree);					
					// Commit the transaction
					transaction.commit();
					break;

				default:
					break;
				}
			}
		});
	}

	@Override
	protected void onResume() {
		// TODO Auto-generated method stub
		super.onResume();

	}

	@Override
	protected void onDestroy() {
		// TODO Auto-generated method stub
		super.onDestroy();
		// dataEncapsulation.closeDataBase_speedDial();
	}

}

init_data()函数中主要是初始化值，包括初始化用户第一个看到的Fragment

在RadioGroup的onCheckedChangeLinsteer中，切换Fragment。关于Fragment的一些操作，比如增加，删除，替换等等，可以参照这个帖子：http://www.eoeandroid.com/thread-71642-1-1.html 讲的很详细，我也不想重复。

这个Demo就不提供下载了，毕竟不是很难，所有的东西都交代了，自己敲一遍收获总是比打开别人的代码来研究要好的多。

例子中有什么错误的地方欢迎指正。