fragment和radiobutton做出类tabhost效果

首先给两个截图看一下基本框架，java和xml文件

每一个java对应一个Fragment，每一个Fragment对应一个xml文件

主要内容：

如何定制RadioButton：

设置radiobutton的android:button="@null";

设置radiobutton的android:background为一个自定义selector

设置alignparentbottom=true;

废话不多说了，上
.-' _..`.
/ .'_.'.'
| .' (.)`.
;' ,_ `.
.--.__________.' ; `.;-'
| ./ /
| | /
`..'`-._ _____, ..'
/ | | | |\ \
/ /| | | | \ \
/ / | | | | \ \
/_/ |_| |_| \_\
|__\ |__\ |__\ |__\

ZhuActivity java代码

package net.xiaocool.yunzhu.activity;
/**
* Created by Administrator on 2015/6/11.
*/
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.view.Window;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import net.xiaocool.yunzhu.R;
public class ZhuActivity extends FragmentActivity {
private Fragment[] mFragments;
private RadioGroup bottomRg;
private FragmentManager fragmentManager;
private FragmentTransaction fragmentTransaction;
private RadioButton rbone, rbTwo, three, rbFour;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.textradiobutton);
mFragments = new Fragment[4];
fragmentManager = getSupportFragmentManager();
mFragments[0] = fragmentManager.findFragmentById(R.id.fragement_dingdan);
mFragments[1] = fragmentManager.findFragmentById(R.id.fragement_dingdan);
mFragments[2] = fragmentManager.findFragmentById(R.id.fragement_chat);
mFragments[3] = fragmentManager.findFragmentById(R.id.fragement_chaper);
fragmentTransaction = fragmentManager.beginTransaction()
.hide(mFragments[0]).hide(mFragments[1]).hide(mFragments[2]).hide(mFragments[3]);
fragmentTransaction.show(mFragments[0]).commit();
setFragmentIndicator();
}

private void setFragmentIndicator() {
bottomRg = (RadioGroup) findViewById(R.id.group);
rbone = (RadioButton) findViewById(R.id.one);
rbTwo = (RadioButton) findViewById(R.id.two);
three = (RadioButton) findViewById(R.id.three);
rbFour = (RadioButton) findViewById(R.id.four);
bottomRg.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
fragmentTransaction = fragmentManager.beginTransaction()
.hide(mFragments[0]).hide(mFragments[1])
.hide(mFragments[2]
).hide(mFragments[3]);
switch (checkedId) {
case R.id.one:
fragmentTransaction.show(mFragments[0]).commit();
break;
case R.id.two:
fragmentTransaction.show(mFragments[1]).commit();
break;
case R.id.three:
fragmentTransaction.show(mFragments[2]).commit();
break;
case R.id.four:
fragmentTransaction.show(mFragments[3]).commit();
break;
default:
break;
}
}
});
}
}

对应的xml文件

四个Frag

package net.xiaocool.yunzhu.activity;

import android.app.Fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import net.xiaocool.yunzhu.R;

/**
* Created by Administrator on 2015/6/11.
*/
public class Frag extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
return inflater.inflate(R.layout.frag1, container, false);
}
}

对应的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" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="60dp"
android:orientation="horizontal"
android:background="#0061BB"
>

<TextView
android:gravity="center"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:textColor="#EAF2FA"
android:text="订单"
android:textSize="30sp"

/>
</LinearLayout>

<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:text="这是订单"
android:textColor="#000000" />

</LinearLayout>

更多相关文章

随机推荐