上周,我们进行了认知实习,任务是模仿微信页面开发。
接下来我会分成四段一一展现给大家,虽然完成的不是很准确精致
大概框架还是有的,在记录自己成长进步的同时,也可能会给其他小伙伴一些建议。
接下来,是微信的主页面。上代码首先是html部分<!DOCTYPE html>
<html lang="en">
<head>
<meta chars
转载
2023-07-25 16:58:12
458阅读
一.仿得太像了有木有~1.登录窗口 2.主窗口 二.构思,以微信设计布局构思以微信布局构思,参考element提供的组件;element提供的tabs标签页刚好能实现切换效果,element tabs 标签页;element tabs标签页虽然能达到切换效果,但是样式是在差异较大,所以需要自主编写样式覆盖element tabs标签页默认样式,以达到微信ui的样式效果,毫无疑问
转载
2023-12-12 15:41:33
271阅读
第1篇
叮咚项目参考文档 v1.0项目技术栈:前端:uni-app + nvue 实现原生页面渲染、同时兼容多端。后端:Egg.js + MySQL + Redis 实现后端API服务。不使用第三方组件库,自己写一套。NVUE需要注意的点在NVUE中引入字体图标需要参考Weex的引入规则 点我查看NVUE模式下的页面默认是Flex布局iconfont图标
转载
2024-05-27 17:10:07
145阅读
虽然说软件分工的目的在于各司其职更有效地完成开发任务,但在我写代码的过程中总是忍不住搞搞美工的事。(估计骨子里是个搞美工的)因为软件的好坏,有时候不是从功能上评价的,而是从外观上。而美工这活,绿色与浅绿色的区别,没准就造成美丑之分。这两天完成了功能代码的编写,心血来潮搞起UI,通过模仿微信(配色、布局、操作方式)来完善我的app(虽然是一个完全不需要外观的app = =)。经过模仿微信,我深有体会
转载
2024-05-23 17:35:37
53阅读
接着上一篇博客中的卡片式设计,我们继续从微信中寻找一些线索,我们首先来看这样一个界面,这是微信中默认的一个公众号,主要是发布腾讯新闻上的最新动态,我们可以看出,它采用了类似于我们在上一篇文章中采用的卡片式布局。那么,今天就让我们一起来做这样一个界面吧!第一步,当然是创建layout_item的布局,即列表项目的布局,这里直接给出布局代码,代码并不复杂,只是属性设置较为繁琐。第二步,我们需要为卡片编
转载
2023-11-08 06:50:51
63阅读
国庆假期第四天,新的一轮降温开始,外面狂风不止,在家继续优化项目。 上篇把基本框架搭建起来,简单几个子页面的切换,本篇开始对子页面中内容进行优化。 源码及素材地址:Github仓库 MUI 官方文档:MUI文档第一、微信聊天详情页引入 chat.html 文件,可到仓库(/paper/material)中下载。第一步、发送文字信息 即点击 消息列表跳转新页面(chat.html),使用的是打开新页
转载
2024-01-22 06:52:54
126阅读
8.聊天信息设置页开发1、新建页面chat-set.nuve2、给chat.nvue中的free-icon-button组件绑定点击事件让其跳转到chat-set.nvue页面中。3、编写chat-set.nvue页面的导航栏。期间对导航栏组件做了下面优化。新增showRightprops属性用于控制是否显示导航栏右侧图标以及弹出菜单具体代码改动参考commits。3、编写聊天成员列表。4、剩余部
转载
2023-09-18 16:45:29
2阅读
有人已经发过了,我掐头去尾精简了一下 这种效果跟图和布局有很大关系,并不
转载
2022-09-13 09:45:32
155阅读
# Android仿企业微信源码实现指南
## 流程概述
下面是实现Android仿企业微信源码的整体流程:
```mermaid
flowchart TD
A(项目准备) --> B(搭建基本框架)
B --> C(实现登录功能)
C --> D(实现会话功能)
D --> E(实现通讯录功能)
E --> F(实现发现功能)
F --> G
原创
2023-09-13 21:34:01
204阅读
Android PopupWindow 仿微信弹出效果,直接下载 到项目中用 简单高效
原创
2021-12-17 17:06:44
527阅读
Android PopupWindow 仿弹出效果,直接下载 到项目中用 简单高效
原创
2022-02-11 09:58:45
453阅读
在本文中,我们将探讨如何在Android平台上实现“仿微信语音发送UI”的功能。这个界面可以让用户方便地录音、发送语音消息,提升应用的互动性。下面将详细介绍从环境准备到实战应用的整个过程。
## 环境准备
在开始之前,我们需要确保开发环境的搭建和依赖的安装。下面是我们需要的环境和依赖项的列表,以及它们的版本兼容性矩阵。
### 依赖安装指南
| 依赖项 | 最低
文章目录前言一、问题陈述二、开发工具三、设计流程四、代码解析1.项目文件目录2.layout部分3.Java代码部分六、实验总结 前言本系列实验为移动开发技术课程实验,如有问题欢迎指正!一、问题陈述根据移动开发课程内容设计类微信界面: 任务一:掌握Activity的注册; 任务二:掌握Activity的生命周期; 任务三:依托作业一,将recyclerView的每个item增加点击功能,点击后跳
。1、引言最近有个需求:评论@人(没错,就是IM聊天或者微博APP里的@人功能),就像下图这样:WechatIMG43.jpg (19.52 KB, 下载次数: 242)2 年前 上传WechatIMG44.jpg (24.86 KB, 下载次数: 239)2 年前 上传▲ 微信群聊界面里的@人功能 &
微信右上角的操作菜单看起来很好用,就照着仿了一下,不过是旧版微信的,手里刚好有一些旧版微信的资源图标,给大家分享一下。 不知道微信是用什么实现的,我使用popupwindow来实现,主要分为几块内容: 1、窗口布局文件:popwin_share.xml Java代码  
转载
2024-05-27 17:10:53
78阅读
各位同学大家好,有点时间没有给大家更新文章了具体多久。我也记不清楚了哈, 最近开发中要做一个类似微信聊天的工单系统客服中心界面(安卓版)所以想着也模仿一个鸿蒙版(基于JAVA UI的,JSUI版本的后期更新哈) 那么废话不多数说我们正式开始
推荐
原创
2021-11-15 11:48:27
3431阅读
2评论
本文仅做记录成长!我的要求不高,每天进步一点点就好!相信努力总能得到回报,即使只是一点点!通过微信截图,抠出了几个需要的素材然后开始搞事情了!首先制作UI的顶部,没啥特别的(top.xml)<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/a
转载
2023-07-14 15:27:57
148阅读
注意:1. 系统相册中的图片都是经过压缩算法处理才放在那里2. 直接得到图片源是很大的,占用的内存也很大,例如拍照,从相册中得到的图片源,需要经过特殊的压缩处理才能使用 ----------------------------------(这部分借鉴其他博客的,出处忘了,当时随手记录的。)微信的缩略图要求是不大于32k,这就需要对我的图片进行压缩。试了几种方法,一一道来。 代码如下Byt
转载
2024-10-10 16:48:42
34阅读
今天整理个不是问题的问题,没学到啥,主要完成功能:老大要求能调用手机号码然后通过微信聊,我去,说白了老大看到了应用-通讯录plus-的微信功能,要我模仿。首先,坑啊,我以为是开放的功能,就去看了半天微信的开发分享功能,记录下分享功能的使用:1.去下载微信开放平台的包: 微信提供了 开发的工具包sdk ,里面有个 libammsdk.jar.将它导入工程2.去微信开放平台申请你的 APP_ID ,做
转载
2024-07-27 17:23:25
142阅读
点击小图片转到图片查看的页面在Android开发中很常用到,抱着学习和分享的心态,在这里写下自己自定义的一个ImageView,可以实现类似微信朋友圈中查看图片的功能和效果。主要功能需求:1.自由缩放,有最大和最小的缩放限制2.若图片没充满整个ImageView,则缩放过程将图片居中3.根据当前缩放的状态,双击放大两倍或缩小到原来4.当图片尺寸超过ImageView所能展示,图片可以移动5.移动以
转载
2023-11-08 06:47:49
95阅读