移动开发课程-作业1

一、设计目标

       请大家根据课程教学内容完成类微信的门户页面框架设计，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;
        }

监听点击，展示点击后的图标界面，并改变图标颜色

 

 代码仓库