安卓类微信门户页面框架设计

简介：移动开发实验一

一、设计目标

使用Android Studio中的fragment，activity等设计一个类微信门户页面。

要求：不使用UNIAPP技术进行开发（H5或小程序）。

二、功能说明

程序运行后进入门户页面，页面有顶部、主页面和底部三个部分。通过点击底部的通讯、聊天、服务、我的四个按钮可以跳转到对应的主页面。进行页面跳转时，只改变门户主页面的元素，顶部和底部都不变。

三、代码解析

页面部分：顶部和底部使用include导入进来

单个fragment代码：

header部分：

bottom部分：包含四个LinearLayout，每个LinearLayout中包含一个图标ImageView和一个TextView

MainActivity主要代码：

首先在onCreate()方法中的25~35行获取linearLayout与Fragment对象以及fragmentManager。

36、37行分别调用initial和hide方法应用进行初始化和fragment页面的隐藏。

initial方法的具体代码如下：

其中48行通过fragmentManager开始事务管理，之后通过链式调用add方法将四个fragment加入到fragmentManager中进行管理，最后提交事务。

hide方法的具体代码如下：

该方法通过fragmentManager的hide方法将四个fragment都进行隐藏，并同样进行事务的开始与提交。

初始化操作完成后，程序的39~42行设置了页面底部的四个linearLayout的点击事件监听，设置为onClick方法。

onClick方法的具体代码如下：

通过方法参数View获取到当前被点击的对象id，并通过switch语句调用对应的select方法，先将所有的fragment都隐藏，再根据传入的id

调用showFragment将其显示，实现页面跳转的功能。

最后在44行通过showFragment方法将fragment1，即通讯页面显示。此页面即为程序启动时的默认首页。

四、运行展示截图

本机运行环境：
CPU：12th Gen Intel® Core™ i7-12700H 2.30 GHz
内存：16.0 GB (15.7 GB 可用)
操作系统：Windows 11 家庭中文版

AS虚拟机如下图：

运行结果如下：
初始主页面，默认为通讯页面

切换界面：

五、源码仓库地址

gitee源码地址：https://gitee.com/zzjavac/android

安卓实现类微信门户页面相关推荐

移动开发一：类微信门户界面框架设计
设计目标: 本作业框架需要使用fragment,activity来实现一个类微信门户界面的设计. 功能说明: 这个框架需要设计出的要点有两点: 1. 顶部标识需要常驻 2. 底部按钮切换时可以变换样式 ...
Android Studio安卓开发-类微信UI设计
新建一个安卓空项目,语言采用Java,基于Android SDK11.0实现,使用虚拟设备Pixel 5 API 30. 实现顶部微信栏-layout_top.xml. 创建时选择LinearLayo ...
微信的门户页面框架设计（AS）
一.设计目标: 1.完成基本的微信页面布局设计,包括顶部显示栏,和底部导航栏(四个tab页包括微信.朋友.发现.我). 2.利用fragment(分段).activity完善门户页面的框架设计,实现四 ...
移动开发作业1：类微信的门户页面框架设计
目录一.设计目标 1.1 设计要求 1.2 设计功能介绍二.界面设计详解 2.1 UI布局设计 2.1.1 准备图片 2.1.2 顶端top.xml 2.1.3 底端button.xml 2.1. ...
C#开发微信门户及应用(44)--微信H5页面开发的经验总结
在我们开发微信页面的时候,需要大量用到了各种呈现的效果,一般可以使用Boostrap的效果来设计不同的页面,不过微信团队也提供很多这方面的资源,包括JSSDK的接口,以及Weui的页面样式和相关功能页 ...
安卓类微信开发(三)
目录一.主要内容二.核心代码三.效果展示在上次的基础上: 安卓类微信开发(二)_qingsongxyz的博客-CSDN博客一.主要内容完成好友聊天界面的开发和activity之间的数据传 ...
Android开发-UI界面--类微信页面设计
Android开发-UI界面–类微信页面设计一.功能说明设计一个类似微信的主页面框架,UI布局为上中下结构,包含了四个tag页面二.开发技术本次用到了layout.xml.控件.监听.fr ...
安卓类微信开发(二)
目录一.主要内容二.核心代码三.效果展示在UI的基础上: 安卓类微信界面开发(一)_qingsongxyz的博客-CSDN博客一.主要内容对聊天主界面chatFragement进行完善, ...
android 打开h5文件下载,微信h5页面下载app —— 安卓直接下载apk文件包,IOS跳转AppStore的实现代码...
需求:微信h5页面下载app -- 安卓直接下载apk文件包,IOS跳转AppStore 分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX有合作的应用,否则也不 ...

安卓实现类微信门户页面