Android Studio微信界面基础开发

Android Studio微信界面基础开发

基础页面开发

新建页面并编写


#第一个框架处理，分为top,content,bottom

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical"
    android:baselineAligned="false">
    <include layout="@layout/top"/>
    <FrameLayout
        android:id="@+id/fl_01"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
    </FrameLayout>
    <include layout="@layout/bottom" />
</LinearLayout>

事件处理函数

MainActivity.java

package com.example.wexin;

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.ImageButton;
import android.widget.LinearLayout;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {


    private Fragment wexin_bar = new WexinFragment();
    private Fragment friend_bar = new FriendFragment();
    private Fragment contact_bar = new ContactFragment();
    private Fragment setting_bar = new SettingFragment();
    private FragmentManager fm;

    LinearLayout mTabWexin,mTabFriend,mTabContact,mTabSetting;
    ImageButton mBtn_01,mBtn_02,mBtn_03,mBtn_04;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
//        设置没有标题
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);

        intView();
        initEvent();
        initFragment();
        setSelectFragment(0);
    }

//    初始化我的fragment
    private void initFragment(){
        fm = getFragmentManager();
        FragmentTransaction transaction = fm.beginTransaction();
        transaction.add(R.id.fl_01,wexin_bar);
        transaction.add(R.id.fl_01,friend_bar);
        transaction.add(R.id.fl_01,contact_bar);
        transaction.add(R.id.fl_01,setting_bar);
        transaction.commit();
    }
//    找到相应区
    private void intView(){
        mTabWexin = findViewById(R.id.lay_01);
        mTabFriend = findViewById(R.id.lay_02);
        mTabContact = findViewById(R.id.lay_03);
        mTabSetting = findViewById(R.id.lay_04);

        mBtn_01 = findViewById(R.id.btn_01);
        mBtn_02 = findViewById(R.id.btn_02);
        mBtn_03 = findViewById(R.id.btn_03);
        mBtn_04 = findViewById(R.id.btn_04);
    }
    //根据i值选择
    private void setSelectFragment(int i){
        FragmentTransaction transaction =  fm.beginTransaction();
        //隐藏四个主体内容
        hideFragment(transaction);
        //设置内容为亮的部分
        switch (i){
            case 0:
                transaction.show(wexin_bar);
                mBtn_01.setImageResource(R.drawable.tab_weixin_pressed);
                break;
            case 1:
                transaction.show(friend_bar);
                mBtn_02.setImageResource(R.drawable.tab_find_frd_pressed);
                break;
            case 2:
                transaction.show(contact_bar);
                mBtn_03.setImageResource(R.drawable.tab_address_pressed);
                break;
            case 3:
                transaction.show(setting_bar);
                mBtn_04.setImageResource(R.drawable.tab_settings_pressed);
                break;
            default:
                break;
        }
        transaction.commit();
    }
//隐藏
    private void hideFragment(FragmentTransaction transaction) {
        transaction.hide(wexin_bar);
        transaction.hide(friend_bar);
        transaction.hide(contact_bar);
        transaction.hide(setting_bar);
    }
    //监听点击事件
    @Override
    public void onClick(View v) {
        restImg();
        switch (v.getId()){
            case R.id.btn_01:
                setSelectFragment(0);
                break;
            case R.id.btn_02:
                setSelectFragment(1);
                break;
            case R.id.btn_03:
                setSelectFragment(2);
                break;
            case R.id.btn_04:
                setSelectFragment(3);
            default:
                break;
        }
    }

    public void restImg(){
        mBtn_01.setImageResource(R.drawable.tab_weixin_normal);
        mBtn_02.setImageResource(R.drawable.tab_find_frd_normal);
        mBtn_03.setImageResource(R.drawable.tab_address_normal);
        mBtn_04.setImageResource(R.drawable.tab_settings_normal);
    }

    public void initEvent(){
        mBtn_01.setOnClickListener(this);
        mBtn_02.setOnClickListener(this);
        mBtn_03.setOnClickListener(this);
        mBtn_04.setOnClickListener(this);
    }
}

WexinFragment.java

package com.example.wexin;

import android.annotation.TargetApi;
import android.app.Fragment;
import android.os.Build;
import android.os.Bundle;

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

/**
 * A simple {@link Fragment} subclass.
 */
@TargetApi(Build.VERSION_CODES.HONEYCOMB)
public class WexinFragment extends Fragment {

    public WexinFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
//界面对象化
            return inflater.inflate(R.layout.wexin_01,container,false);
    }
}

其他三个Fragment类似

##最终页面展示

附上我的git：https://github.com/shakeboy/Android-Studio