2021-10-08

APP门户界面设计

实验目标：

使用布局（layouts）和分段（fragment），对控件进行点击监听；

---

实验内容：

请根据课程实操实现APP门户界面框架设计，至少包含4个tab页，能实现tab页之间的点击切换；

---

实验步骤：

1.编写 bottom.xml
该文件需要用五个 LinearLayout，分为一个LinearLayout 和四个子 LinearLayout ，每个里面子 LinearLayout 中创建一个 ImageView 和一个 TextView ，添加id，调整layout_width、layout_height、背景颜色与字体颜色，添加需要的图片，修改显示内容。

 

2.编写 top.xml
该文件需要一个LinearLayout和一个TextView，调整LinearLayout和TextView的layout_width、layout_height及背景颜色与字体颜色即可。

 

3.编写四个 xxxBlankFragment.java 文件及对应的xml文件
保留 xxxBlankFragment.java 文件中的构造函数和onCreateView（）函数即可，在创建xxxBlankFragment.java 文件的同时也会创建对应的xml文件，返回inflater。

 

package com.example.mywork;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import android.app.Fragment;

/**
 * A simple {@link Fragment} subclass.
 * Use the {@link friendFragment#newInstance} factory method to
 * create an instance of this fragment.
 */
public class friendFragment extends Fragment {
    public friendFragment() {
        // Required empty public constructor
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.friend, container, false);
    }
}
4.编写 MainActivity.java 文件
通过transaction.add（）将四个xxxFragment中的内容填入FrameLayout中，通过show()就可以展示对应的页面，hide()可以隐藏相应的页面，先用hide（）隐藏所有的页面，点击底部的图标时，用show（）展示对应的页面。

 

---

实验代码：

汪寅/mywork