APP门户界面设计

• 主界面与框架
• • top部分
  • button部分
  • main部分
  • fragment_weixin文件
  • fragment_friend文件
  • fragment_find文件
  • fragment_set文件
  • MainActivity
  • 实现选中变色
  • 具体效果

这是微信主界面的具体页面设计

还包括top部分，frameLayout部分，button部分；以及如下xml文件：

还有相应的Java文件：

界面设计

代码

界面设计

具体布局

代码（先给出一部分）

代码

具体代码

package com.example.mywork;

import androidx.appcompat.app.AppCompatActivity;

import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentTransaction;

import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.LinearLayout;

public class MainActivity extends AppCompatActivity implements View.OnClickListener{


    private Fragment weixinFragment=new weixinFragment();
    private Fragment friendFragment=new friendFragment();
    private Fragment setFragment=new setFragment();
    private Fragment discoverFragment=new findFragment();
    private FragmentManager fragmentManager;
    private LinearLayout linearLayout1,linearLayout2,linearLayout3,linearLayout4;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);

        linearLayout1=findViewById(R.id.LinearLayout_weixin);
        linearLayout1=findViewById(R.id.LinearLayout_friend);
        linearLayout1=findViewById(R.id.LinearLayout_find);
        linearLayout1=findViewById(R.id.LinearLayout_set);

        linearLayout1.setOnClickListener(this);
        linearLayout2.setOnClickListener(this);
        linearLayout3.setOnClickListener(this);
        linearLayout4.setOnClickListener(this);

        initFragment();
        selectFragment(0);
    }

    private void initFragment() {
        fragmentManager = getFragmentManager();
        FragmentTransaction transaction =fragmentManager.beginTransaction();
        transaction.add(R.id.id_connect, weixinFragment);
        transaction.add(R.id.id_connect, friendFragment);
        transaction.add(R.id.id_connect, setFragment);
        transaction.add(R.id.id_connect, findFragment);
        transaction.commit();
    }

    private void hideFragment(FragmentTransaction transaction){
        transaction.hide(weixinFragment);
        transaction.hide(friendFragment);
        transaction.hide(setFragment);
        transaction.hide(findFragment);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.LinearLayout_weixin:
                selectFragment(0);
                break;
            case R.id.LinearLayout_friend:
                selectFragment(1);
                break;
            case R.id.LinearLayout_find:
                selectFragment(2);
                break;
            case R.id.LinearLayout_set:
                selectFragment(3);
                break;
            default:
                break;
        }
    }

    private void selectFragment(int i) {
        FragmentTransaction transaction=fragmentManager.beginTransaction();
        hideFragment(transaction);
        switch (i){
            case 0:
                transaction.show(weixinFragment);
                break;
            case 1:
                transaction.show(friendFragment);
                break;
            case 2:
                transaction.show(findFragment);
                break;
            case 3:
                transaction.show(setFragment);
                break;
            default:
                break;
        }
        transaction.commit();
    }
}

具体代码：

选中效果

全部代码：Gitee