Anndroid 标题菜单栏切换界面
以前终觉得这种非常难，现在才发现其实简单的布局加fragment即可实现，先上效果图：
大致就三个布局搞定，一个布局用来设置背景色，一个布局嵌入在前一个布局的里边，用来存放文本标签，另一个布局就是用于显示内容。代码如下：
<LinearLayout 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"
android:orientation="vertical"
android:background="@color/y_gray"
tools:context="com.exa.changecolortitle.MainActivity$PlaceholderFragment" >
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@color/bg_title_blue"
android:padding="5dp" >
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:background="@drawable/l_bg3" >
<TextView
android:id="@+id/tv_signup"
android:layout_width="80dp"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:padding="5dp"
android:text="飞 牛"
android:textSize="16sp" />
<TextView
android:id="@+id/tv_course"
android:layout_width="80dp"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:padding="5dp"
android:text="冲 天"
android:textSize="16dp" />
</LinearLayout>
</RelativeLayout>
<LinearLayout
android:id="@+id/ll_fragment2"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:orientation="vertical" >
</LinearLayout>
</LinearLayout>
窗体实现的java代码如下：
public class MainActivity extends FragmentActivity implements OnClickListener {
private TextView tv_feiniu;// 第一个标题文本
private TextView tv_chongtian;// 第二个标题文本
private Fragment fragment1;// 第一个操作界面
private Fragment fragment2;// 第二个操作界面
private android.app.FragmentManager fm;//管理器
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.fragment_main);
initView();
}
private void initView() {
// 实例化第一个标签
tv_feiniu = (TextView) findViewById(R.id.tv_feiniu);
// 实例化第二个标签
tv_chongtian = (TextView) findViewById(R.id.tv_chongtian);
//设置监听事件
tv_feiniu.setOnClickListener(this);
tv_chongtian.setOnClickListener(this);
selectFragment(0);// 设置默认选项
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.tv_feiniu:
selectFragment(0);
break;
case R.id.tv_chongtian:
selectFragment(1);
break;
default:
break;
}
}
// 切换Fragment
private void selectFragment(int i) {
FragmentTransaction transaction = getSupportFragmentManager()
.beginTransaction();
hideFragment(transaction);
changeView(i);// 设置选项颜色
switch (i) {
case 0:
if (fragment1 == null) {
fragment1 = new Fragment1();
transaction.add(R.id.ll_fragment2, fragment1);
}
transaction.show(fragment1);
break;
case 1:
if (fragment2 == null) {
fragment2 = new Fragment2();
transaction.add(R.id.ll_fragment2, fragment2);
}
transaction.show(fragment2);
break;
}
transaction.commit();
}
// 隐藏fragment
private void hideFragment(FragmentTransaction transaction) {
if (fragment1 != null) {
transaction.hide(fragment1);
}
if (fragment2 != null) {
transaction.hide(fragment2);
}
}
//改变字体和背景色状态
@SuppressLint("NewApi")
private void changeView(int i) {
if (i == 0) {
//设置背景色及字体颜色
tv_chongtian.setBackgroundResource(R.drawable.l_bg8);
tv_chongtian.setTextColor(getResources().getColor(R.color.white));
tv_feiniu.setBackground(null);
tv_feiniu.setTextColor(getResources().getColor(R.color.blue));
} else if (i == 1) {
tv_feiniu.setBackgroundResource(R.drawable.l_bg7);
tv_feiniu.setTextColor(getResources().getColor(R.color.white));
tv_chongtian.setBackground(null);
tv_chongtian.setTextColor(getResources().getColor(R.color.blue));
}
}
}
drawable中的三个设置标题按钮边框及背景色分别入下：
l_bg3.xml：
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape>
<solid android:color="@color/white" />
<corners android:radius="5dp" />
<stroke
android:width="1dp"
android:color="@color/blue" />
</shape>
</item>
<item
android:bottom="1dp"
android:left="1dp"
android:right="1dp"
android:top="1dp">
<shape>
<solid android:color="@color/white" />
<corners android:radius="5dp" />
<stroke
android:width="1dp"
android:color="@color/white" />
<padding
android:bottom="1dp"
android:left="1dp"
android:right="1dp"
android:top="1dp" >
</padding>
</shape>
</item>
</layer-list>
l_bg7.xml：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<corners
android:bottomLeftRadius="5dp"
android:topLeftRadius="5dp" />
<solid android:color="@color/blue" />
<stroke
android:width="1dp"
android:color="@color/white" />
</shape>
l_bg8.xml：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<corners
android:bottomRightRadius="5dp"
android:topRightRadius="5dp" />
<solid android:color="@color/blue" />
<stroke
android:width="1dp"
android:color="@color/white" />
</shape>
接下来的Fragment自定义即可。
