功能:

开发一个类似微信的主页面框架,UI布局为上中下结构,包含4个tab界面:

开发技术为:

layout xml、控件、监听,fragment;

设计流程:

创建项目

改下项目名,编程语言为java

UI界面

UI界面由多个xml组成,头部标题为微信,中间留空白,底部分为四个(微信,联系人,发现,我)四个可以切换

1 头部标题

新建xml

创建好后拖入一个TextView到linearlayout里

进入代码界面修改

2底部

创建四个底部layout,和头部标题一样设置

改布局代码,后面三个和第一个一样。

页面整合

创建fragment

四个页面转换创建四个fragment

将界面输出的字打印在屏幕中间

运行结果截图

MianActivity代码

package com.example.homeworkapp;import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;import android.os.Bundle;
import android.view.View;
import android.widget.LinearLayout;public class MainActivity extends AppCompatActivity implements View.OnClickListener{Fragment fragment1,fragment2,fragment3,fragment4;  //声明为父类int transaction;FragmentManager manager;LinearLayout linearLayout1,linearLayout2,linearLayout3,linearLayout4;int i;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);linearLayout1=findViewById(R.id.layout1);linearLayout2=findViewById(R.id.layout2);linearLayout3=findViewById(R.id.layout3);linearLayout4=findViewById(R.id.layout4);manager=getSupportFragmentManager();fragment1=new BlankFragment();fragment2=new BlankFragment2();fragment3=new BlankFragment3();fragment4=new BlankFragment4();initial();fragmentHide();showfragment(fragment1);linearLayout1.setOnClickListener(this);linearLayout2.setOnClickListener(this);linearLayout3.setOnClickListener(this);linearLayout4.setOnClickListener(this);}public void initial(){transaction=manager.beginTransaction().add(R.id.content,fragment1).add(R.id.content,fragment2).add(R.id.content,fragment3).add(R.id.content,fragment4).commit();}public void onClick(View view){fragmentHide();switch (view.getId()){case R.id.layout1:showfragment(fragment1);break;case R.id.layout2:showfragment(fragment2);break;case R.id.layout3:showfragment(fragment3);break;case R.id.layout4:showfragment(fragment4);break;}}private void showfragment(Fragment fragment) {transaction=manager.beginTransaction().show(fragment).commit();}public void fragmentHide(){transaction=manager.beginTransaction().hide(fragment1).hide(fragment2).hide(fragment3).hide(fragment4).commit();}

源代码

安卓开发 微信ui界面设计 (Android Studio)相关推荐

  1. 安卓开发——微信UI界面

    一.功能说明 本次作业开发的是类似微信的主页面框架,UI布局为上中下结构,用户可通过点击底部导航栏切换板块内容,其中共包含四个板块,分别是"微信"."通讯录". ...

  2. 安卓手机应用软件UI界面设计展示PR样机模板MOGRT

    9个不同角度展示安卓手机应用软件UI界面设计作品展示PR模板Mogrt|Android安卓样机模板 主要特点: 适用于 Premiere Pro CC 2021+ 适用于图像或视频 轻松改变颜色 轻松 ...

  3. android studio微信界面设计,android studio开发微信界面

    android studio开发微信界面 android studio开发微信界面 功能说明:主要是做微信的简单的聊天界面,利用Fragment,进行微信界面的跳转 项目代码: 源代码地址 MainA ...

  4. 安卓开发基础预备篇(Android Studio的使用)

    一.Android Studio的安装 网上已经有许多教程,官方中文做的也很好,所以还是推荐阅读官方文档,按照官方文档来安装,下面给出安装的地址: 安装 Android Studio  |  Andr ...

  5. 安卓开发(2):基本UI界面设计

    下面用开发一个小应用的方法来学习一下安卓基本的UI界面设计 这个应用的界面如下: 应用的具体界面设置如下: (1)     该界面为应用启动后看到的第一个界面 (2)     各控件:只用一个 Con ...

  6. Android Studio:基本UI界面设计 (详细)

    一. 实验题目 基本UI界面设计 二. 实现内容 实现一个 Android 应用,界面呈现如下效果: 三. 实验过程 (1)标题 首先我们建立一个TextView控件来写标题. 实验对标题的要求如下: ...

  7. android 音乐播放器ui界面设计音乐播放器毕业设计。Android studio编译,项目有源码和apk

    使用Android Studio开发一个简易的音乐播放器 界面图: 视频展示: android 音乐播放器ui界面设计音乐播放器毕业设计.Android studio编译 项目下载: android音 ...

  8. 蓝牙聊天App设计1:Android Studio制作蓝牙聊天通讯软件(UI界面设计)

    前言:蓝牙聊天App设计全部有三篇文章(一.UI界面设计,二.蓝牙搜索配对连接实现,三.蓝牙连接聊天),这篇文章是一.UI界面设计 课程1:Android Studio小白安装教程,以及第一个Andr ...

  9. 便签 java_基于安卓Android的便签笔记APP设计(Android studio)

    基于安卓Android的便签笔记APP设计(Android studio)(论文9000字,程序代码) 摘要:本文介绍了便签的发展史.基础操作流程以及便签的具体功能,提出了基于Android的便签AP ...

最新文章

  1. Android自定义控件NumberCircleProgressBar(圆形进度条)的实现
  2. 快速搭建Java 17环境并玩转Record特性
  3. 计算机学院的运动会介绍,敢于拼搏 超越自我 --计算机学院校运动会动员大会召开...
  4. 54万奖金+百度地图海量业务数据集,智能交通CV赛题来了
  5. 人工智能时代,学好数学有什么用?
  6. C++11并发编程:多线程std::thread
  7. oracle sql 基础(六):数据控制语言(用户及权限管理)
  8. 剑指offer (02):实现 Singleton 单例模式 (Python 实现详解)
  9. De 30: Decoupling Linear Systems with Constant Coefficients
  10. JavaScript:typeof的用法以及undefined和null的区别
  11. ConurrentHashMap和Hashtable的区别
  12. 晨间日记模板 Web应用版 晨间日记软件 开源
  13. SREng 使用指南(一)SREng简介
  14. Eclipse 启动提示java虚拟机启动失败,“Failed to create the Java Virtual Machine”-------解决方法
  15. 数学建模:SPSS线性回归分析——逐步回归分析
  16. 暖火柴打一数字_火柴里的天堂
  17. 连接池以及连接池的使用
  18. idea 将分支代码合并到另一分支上
  19. 哈工大李治军老师操作系统笔记【29】:目录与文件系统(Learning OS Concepts By Coding Them !)
  20. 智能灯泡控APP快速开发定制介绍

热门文章

  1. GIT与SVN的底层原理对比
  2. 积分消耗插件游戏 fastadmin TP5 TP6 workerman
  3. vue 报错Invalid prop: type check failed for prop “span“. Expected Number, with value 2, got String wit
  4. u校园新视野英语 视听说 读写
  5. autojs开发的QQ复读机(学习版),源代码免费分享了
  6. 我才不会难过 我还是很快乐
  7. 第十三届蓝桥杯全国软件和信息技术专业人才大赛个人赛(电子类)单片机设计与开发科目 程序设计题
  8. 光谱预处理算法(matlab版本)
  9. WARNING: erroneous pipeline: no element nvcamerasrc
  10. react-native使用模拟器调试步骤(安卓机)