移动开发--类vx界面

一、开发目标

创建一个类似vx的界面，具有vx、通讯录、发现、我四个tab，可通过点击实现切换

二、代码解析

写4个tab，用作vx 、通讯录、发现、我四个界面

一个top.xml

一个bottom.xml

一个framelayout作为容器

mainactivity如下：

package com.example.myapplication;import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;import android.os.Bundle;
import android.view.View;
import android.widget.LinearLayout;public class MainActivity extends AppCompatActivity implements View.OnClickListener{private Fragment fragment1,fragment2,fragment3,fragment4;private FragmentManager manager;private FragmentTransaction transaction;private LinearLayout linearLayout1,linearLayout2,linearLayout3,linearLayout4;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);linearLayout1=findViewById(R.id.LinearLayout1);linearLayout2=findViewById(R.id.LinearLayout2);linearLayout3=findViewById(R.id.LinearLayout3);linearLayout4=findViewById(R.id.LinearLayout4);fragment1=new Fragment1();fragment2=new Fragment2();fragment3=new Fragment3();fragment4=new Fragment4();manager=getSupportFragmentManager();initial();hidden();linearLayout1.setOnClickListener(this);linearLayout2.setOnClickListener(this);linearLayout3.setOnClickListener(this);linearLayout4.setOnClickListener(this);}private void initial() {transaction=manager.beginTransaction().add(R.id.frameLayout,fragment1).add(R.id.frameLayout,fragment2).add(R.id.frameLayout,fragment3).add(R.id.frameLayout,fragment4);transaction.commit();}@Overridepublic void onClick(View view) {switch (view.getId()){case R.id.LinearLayout1:select(1);break;case R.id.LinearLayout2:select(2);break;case R.id.LinearLayout3:select(3);break;case R.id.LinearLayout4:select(4);break;};}private void select( int i) {hidden();switch (i){case 1:showfragment(fragment1);break;case 2:showfragment(fragment2);break;case 3:showfragment(fragment3);break;case 4:showfragment(fragment4);break;    }}private void showfragment(Fragment fragment) {transaction.show(fragment);}private void hidden() {transaction=manager.beginTransaction().hide(fragment1).hide(fragment2).hide(fragment3).hide(fragment4);transaction.commit();}}

实现的效果：