这个主要是如何替换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就不提供下载了,毕竟不是很难,所有的东西都交代了,自己敲一遍收获总是比打开别人的代码来研究要好的多。
例子中有什么错误的地方欢迎指正。
原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/tech/app/5649.html