一、设计目标
请大家根据课程教学内容完成类微信的门户页面框架设计,APP最少必须包含4个tab页面。框架设计需要使用fragment,activity,不得使用UNIAPP技术进行开发(H5或者小程序)
二、功能说明
设计出微信界面,每一次点击下方进行界面切换都需要显示对应的界面,因此需要这几种部件,1、顶部标题的xml,2、底部4个按钮botton,保证每一次点击下方进行界面切换都需要显示对应的界面,所以,该部分有4个xml,3、实现功能的java文件。
三、内容
首先寻找好要用的微信图标,下载后将其放在/app/res/drawable 目录下
其次是设计布局
top.xml
android:background="@color/black">
android:textColor="@color/white"
将背景设为黑色,字体设为白色
android:layout_width="0dp"
android:layout_height="55dp"
android:layout_weight="1"
android:gravity="center"
设计布局,将字体居中
android:textSize="30sp" />
调整字体大小
Fragment_wechat/Fragment_friend/Fragment_find/Fragment_meself.xml设计与top.xml大同小异,不多赘述
最后是java代码
private void hideFragment(FragmentTransaction transaction){
transaction.hide(Fragment_wechat);
transaction.hide(Fragment_myself);
transaction.hide(Fragment_find);
transaction.hide(Fragment_friend);
}
用来隐藏图标,不点击的时候图标不变亮
public void onClick(View v) {
switch (v.getId()){
case R.id.linearLayout1:
showfragmnet(0);
break;
case R.id.linearLayout2:
showfragmnet(1);
break;
case R.id.linearLayout3:
showfragmnet(2);
break;
case R.id.linearLayout4:
showfragmnet(3);
break;
default:
break;
}
监听点击,展示点击后的图标界面,并改变图标颜色