安卓开发 微信ui界面设计 (Android Studio)
功能:
开发一个类似微信的主页面框架,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)相关推荐
- 安卓开发——微信UI界面
一.功能说明 本次作业开发的是类似微信的主页面框架,UI布局为上中下结构,用户可通过点击底部导航栏切换板块内容,其中共包含四个板块,分别是"微信"."通讯录". ...
- 安卓手机应用软件UI界面设计展示PR样机模板MOGRT
9个不同角度展示安卓手机应用软件UI界面设计作品展示PR模板Mogrt|Android安卓样机模板 主要特点: 适用于 Premiere Pro CC 2021+ 适用于图像或视频 轻松改变颜色 轻松 ...
- android studio微信界面设计,android studio开发微信界面
android studio开发微信界面 android studio开发微信界面 功能说明:主要是做微信的简单的聊天界面,利用Fragment,进行微信界面的跳转 项目代码: 源代码地址 MainA ...
- 安卓开发基础预备篇(Android Studio的使用)
一.Android Studio的安装 网上已经有许多教程,官方中文做的也很好,所以还是推荐阅读官方文档,按照官方文档来安装,下面给出安装的地址: 安装 Android Studio | Andr ...
- 安卓开发(2):基本UI界面设计
下面用开发一个小应用的方法来学习一下安卓基本的UI界面设计 这个应用的界面如下: 应用的具体界面设置如下: (1) 该界面为应用启动后看到的第一个界面 (2) 各控件:只用一个 Con ...
- Android Studio:基本UI界面设计 (详细)
一. 实验题目 基本UI界面设计 二. 实现内容 实现一个 Android 应用,界面呈现如下效果: 三. 实验过程 (1)标题 首先我们建立一个TextView控件来写标题. 实验对标题的要求如下: ...
- android 音乐播放器ui界面设计音乐播放器毕业设计。Android studio编译,项目有源码和apk
使用Android Studio开发一个简易的音乐播放器 界面图: 视频展示: android 音乐播放器ui界面设计音乐播放器毕业设计.Android studio编译 项目下载: android音 ...
- 蓝牙聊天App设计1:Android Studio制作蓝牙聊天通讯软件(UI界面设计)
前言:蓝牙聊天App设计全部有三篇文章(一.UI界面设计,二.蓝牙搜索配对连接实现,三.蓝牙连接聊天),这篇文章是一.UI界面设计 课程1:Android Studio小白安装教程,以及第一个Andr ...
- 便签 java_基于安卓Android的便签笔记APP设计(Android studio)
基于安卓Android的便签笔记APP设计(Android studio)(论文9000字,程序代码) 摘要:本文介绍了便签的发展史.基础操作流程以及便签的具体功能,提出了基于Android的便签AP ...
最新文章
- Android自定义控件NumberCircleProgressBar(圆形进度条)的实现
- 快速搭建Java 17环境并玩转Record特性
- 计算机学院的运动会介绍,敢于拼搏 超越自我 --计算机学院校运动会动员大会召开...
- 54万奖金+百度地图海量业务数据集,智能交通CV赛题来了
- 人工智能时代,学好数学有什么用?
- C++11并发编程:多线程std::thread
- oracle sql 基础(六):数据控制语言(用户及权限管理)
- 剑指offer (02):实现 Singleton 单例模式 (Python 实现详解)
- De 30: Decoupling Linear Systems with Constant Coefficients
- JavaScript:typeof的用法以及undefined和null的区别
- ConurrentHashMap和Hashtable的区别
- 晨间日记模板 Web应用版 晨间日记软件 开源
- SREng 使用指南(一)SREng简介
- Eclipse 启动提示java虚拟机启动失败,“Failed to create the Java Virtual Machine”-------解决方法
- 数学建模:SPSS线性回归分析——逐步回归分析
- 暖火柴打一数字_火柴里的天堂
- 连接池以及连接池的使用
- idea 将分支代码合并到另一分支上
- 哈工大李治军老师操作系统笔记【29】:目录与文件系统(Learning OS Concepts By Coding Them !)
- 智能灯泡控APP快速开发定制介绍
热门文章
- GIT与SVN的底层原理对比
- 积分消耗插件游戏 fastadmin TP5 TP6 workerman
- vue 报错Invalid prop: type check failed for prop “span“. Expected Number, with value 2, got String wit
- u校园新视野英语 视听说 读写
- autojs开发的QQ复读机(学习版),源代码免费分享了
- 我才不会难过 我还是很快乐
- 第十三届蓝桥杯全国软件和信息技术专业人才大赛个人赛(电子类)单片机设计与开发科目 程序设计题
- 光谱预处理算法(matlab版本)
- WARNING: erroneous pipeline: no element nvcamerasrc
- react-native使用模拟器调试步骤(安卓机)