首页 > 代码库 > android笔记5——同一个Activity中Fragment的切换

android笔记5——同一个Activity中Fragment的切换

今天来模拟一个注冊的界面过程:

技术分享

点击“下一步”之后:

技术分享


说明一下:界面总局仅仅在一个Activity里面。

1、首先定义RegistActivity

public class RegistActivity extends Activity {

	private EditText userEditText;
	private EditText verifyCodeText;

	private Fragment verifyCodeFragment;
	private Fragment checkCodeFragment;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_regist);

		if (savedInstanceState == null) {
			verifyCodeFragment = new VerifyCodeFragment();
			getFragmentManager().beginTransaction()
					.add(R.id.activity_regist, verifyCodeFragment).commit();
		}
	}
}


activity_regist.xml文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_regist"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.javen.activity.RegistActivity" >
    
</LinearLayout>

这边通过java代码来增加Fragment。

2、fragment_verifycode.xml  获取验证码的界面

技术分享

<?xml version="1.0" encoding="utf-8"?

> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" tools:context="com.javen.activity.fragment.VerifyCodeFragment" > <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/message" android:textSize="@dimen/label_font_size" /> <EditText android:id="@+id/userEditText" android:layout_width="200dp" android:layout_height="wrap_content" android:inputType="text" /> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" > <CheckBox android:layout_width="wrap_content" android:layout_height="wrap_content" android:checked="true" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/app_name" android:textSize="@dimen/label_font_size" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" > <Button android:id="@+id/bnRegist" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:onClick="verifyCodeListener" android:text="@string/next" /> </LinearLayout> </LinearLayout>


2、输入验证码的界面:fragment_checkcode.xml

技术分享


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    tools:context="com.javen.activity.fragment.CheckCodeFragment" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/verifyCode"
            android:textSize="@dimen/label_font_size" />

        <EditText
            android:id="@+id/verifyCodeText"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:inputType="text" />
    </LinearLayout>



    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal" >

        <Button
            android:id="@+id/bnRegist"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:onClick="checkCodeListener"
            android:text="@string/next" />
    </LinearLayout>

</LinearLayout>

3、设置buttonListener,此处须要在Activity里面加入方法。

verifyCodeListener:

public void verifyCodeListener(View source) {

		userEditText = (EditText) verifyCodeFragment.getView().findViewById(
				R.id.userEditText);

		String phoneNumber = userEditText.getText().toString().trim();
		if (!Tools.matchPhone(phoneNumber)) {<span style="white-space:pre">	</span>//对手机号码验证的一个正則表達式方法
			DialogUtil.showDialog(this, Constant.LOGIN_USER_NAME, false);
			return;
		}
		this.getVerifyCode(phoneNumber);<span style="white-space:pre">	</span>//Http请求获取验证码
		// 释放当前的fragment。又一次设置短信验证码输入的fragment
		FragmentTransaction transaction = getFragmentManager()
				.beginTransaction();
		transaction.remove(verifyCodeFragment);
		checkCodeFragment = new CheckCodeFragment();
		transaction.add(R.id.activity_regist, checkCodeFragment).commit();
	}
主要切换代码为:

<span style="white-space:pre">	</span>// 释放当前的fragment。又一次设置短信验证码输入的fragment
	FragmentTransaction transaction = getFragmentManager()
			.beginTransaction();
	transaction.remove(verifyCodeFragment);
	checkCodeFragment = new CheckCodeFragment();
	transaction.add(R.id.activity_regist, checkCodeFragment).commit();

checkCodeListener:

public void checkCodeListener(View source) {
		verifyCodeText = (EditText) checkCodeFragment.getView().findViewById(
				R.id.verifyCodeText);
		String verifyCode = verifyCodeText.getText().toString().trim();

		Map<String, String> params = new HashMap<String, String>();
		params.put("verifyCode", verifyCode);

		String url = UrlsUtil.formatUrl(UrlConstant.REGIST_CHECKCODE);

		String result = null;
		try {
			result = HttpsUtil.postRequest(url, params);
		} catch (Exception e) {
			e.printStackTrace();
			DialogUtil.showDialog(this, Constant.SERVICE_ERRO, false);
		}
		
		if(result != null){
			//TODO
		}
	}

说明一下:

这边主要说明的是Fragment切换的过程,至于Http请求,Util方法什么的,仅仅要了解这个功能就可以,代码事实上和普通工具类似的。

android笔记5——同一个Activity中Fragment的切换