android studio开发微信界面

最新推荐文章于 2024-04-29 16:47:35 发布

Don?t stay up

最新推荐文章于 2024-04-29 16:47:35 发布

阅读量4.4k

点赞数 4

本文链接：https://blog.csdn.net/qq_45683190/article/details/105006403

版权

这篇博客介绍了如何使用Android Studio开发微信的聊天界面。通过结合Fragment，实现了界面的跳转和布局切换。主要内容包括头部(top.xml)、底部(bottom.xml)的设计，以及中间四个Tab的实现，点击底部图标时，界面内容会相应更新。示例代码展示了如何将这些组件整合到Activity-main.xml和MainActivity.java中，构建出类似微信的主界面。

摘要由CSDN通过智能技术生成

微信界面

主要是做微信的简单的聊天界面，利用Fragment，进行微信界面的跳转

项目代码：

源代码

微信界面

图片:

在这里插入图片描述

这是我们要做的界面主要分为头部（top.xml）文件，底部（bottom.xml）文件，中间的tab文件总共有4个，但是我只上传一个，tab01.xml(其他的三个只需要改一下文本内容文本和ID),当点击底部图标时，界面中间的内容会发生相应的改变，下面的图标颜色也会发生改变。

利用FrameLayout将以上几个xml文件放到一起，形成微信的主界面
Activity-main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <include layout="@layout/top"></include>

    <FrameLayout
        android:id="@+id/id_content"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

    </FrameLayout>

    <include layout="@layout/bottom"></include>
</LinearLayout>

MainActivity.java

package com.example.mywechat;

import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;

import android.app.Activity;
import android.os.Bundle;

import android.util.Log;
import android.view.View;
import android.view.Window;
import android.widget.ImageButton;
import android.widget.<