• 2024-04-05如何实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]
    如何实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]一、简介如何实现仿微信界面[我的+首页聊天列表+长按菜单功能+添加菜单功能]采用uni-app实现,可以适用微信小程序、其他各种小程序以及APP、Web等多个平台具体实现步骤如下:下载开发者工具HbuilderX进入
  • 2024-04-05小程序实现微信 【我的】界面
    小程序实现仿微信【我的】界面一、简介小程序实现仿微信【我的】界面采用uni-app实现,可以适用微信小程序、其他各种小程序以及APP、Web等多个平台具体实现步骤如下:下载开发者工具HbuilderX进入【Dcloud插件市场】搜索【小程序实现仿微信【我的】界面】,一键导入
  • 2023-11-05uniApp 仿微信下拉菜单
    uniApp仿微信下拉菜单手指长按事件longpress@longpress="longpress(index,$event)"下拉菜单 <!--长按的下拉菜单--> <viewclass="jh-w-200jh-h-60-minjh-dropDownMenujh-shadow-greyjh-bg-whitejh-solid" :id="'dropDownMenu&#
  • 2023-09-12react18-webchat网页聊天实例|React Hooks+Arco Design仿微信桌面端
    React18Hooks+Arco-Design+Zustand仿微信客户端聊天ReactWebchat。react18-webchat基于react18+vite4.x+arco-design+zustand等技术开发的一款仿制微信网页版聊天实战项目。实现发送带有emoj消息文本、图片/视频预览、红包/朋友圈、局部模块化刷新/美化滚动条等功能。使用技术
  • 2023-08-13仿微信聊天程序 - 11. 服务端
    本文是仿微信聊天程序专栏的第十一篇文章,主要记录了【米虫IM-服务端】的实现。界面设计仿微信聊天程序的服务端正常来说可能不需要界面,但是为了配置和调试方便,还是开发了一下简单的界面,主要由两部分组成:服务端域名(或IP)端口配置收发数据包日志打印Spring集成仿微信聊天程
  • 2023-07-16仿微信聊天程序 - 09. 聊天信息
    本文是仿微信聊天程序专栏的第九篇文章,主要记录了【聊天信息】的逻辑实现,下面涉及代码是《仿微信聊天程序-09.聊天窗口》的基础上进行完善的。实现效果在《仿微信聊天程序-09.聊天窗口》章节中,已经实现了基本的聊天界面框架,《09.聊天信息》这里只是补充实现聊天内容部分
  • 2023-07-16仿微信聊天程序 - 01. 开篇
    本文是仿微信聊天程序专栏的第一篇文章,主要简要说明仿微信聊天程序的功能需求及架构设计。仿微信聊天程序专栏主要记录了使用JavaFX+Netty开发仿微信聊天程序---米虫IM。功能需求米虫IM已经完成的功能如下:用户注册功能用户登录功能搜索好友功能添加好友功能文本聊天
  • 2023-07-16仿微信聊天程序 - 02. 注册界面
    本文是仿微信聊天程序专栏的第二篇文章,主要记录了【注册界面】的实现。界面设计仿微信聊天程序的注册界面,是一个表单,由三个输入框和一个按钮组成,具体UI展示如下图所示:界面布局页面布局使用fxml,采用VBox从上到下布局,中间的表单使用formsfx,所以只需要预留一个StackPane给表单即
  • 2023-07-16仿微信聊天程序 - 03.登录界面
    本文是仿微信聊天程序专栏的第三篇文章,主要记录了【登录界面】的实现。界面设计仿微信聊天程序的登录界面跟注册界面差不多,只是比注册界面少了一个昵称输入框,如下图所示:界面布局登录界面的界面布局和注册界面的布局差不多,也是使用fxml,采用VBox从上到下布局,中间的表单使用form
  • 2023-07-16仿微信聊天程序 - 04. 主界面
    本文是仿微信聊天程序专栏的第四篇文章,主要记录了【主界面】的实现。界面设计仿微信聊天程序的主界面总体跟微信的主界面差不多,但是比微信的主界面简单得多,如下图所示:界面布局主界面整个界面采用HBox布局,分为左中右三个部分,最左边是菜单栏,中间是联系人列表或对话信息列表,最右
  • 2023-07-16仿微信聊天程序 - 05. 聊天列表
    本文是仿微信聊天程序专栏的第五篇文章,主要记录了【聊天列表】的界面实现。界面设计聊天列表在主界面左边,主要显示最近的聊天记录,以及添加好友的信息等,总体界面设计如下:界面布局聊天列表的布局分为两部,列表布局和列表中的每一行的布局,其中列表布局的完整fxml如下:<HBoxprefH
  • 2023-07-16仿微信聊天程序 - 07. 好友信息
    本文是仿微信聊天程序专栏的第七篇文章,主要记录了【好友信息】的界面实现。界面设计这里的好友信息界面没有处理复杂的功能,仅仅显示好友信息,支持在此界面中发起聊天而已,总体的界面设计如下图所示:界面布局好友信息仅仅只是信息展示,布局相对比较简单,这里采用VBox和HBox组合使用
  • 2023-07-16仿微信聊天程序 - 06. 好友列表
    本文是仿微信聊天程序专栏的第六篇文章,主要记录了【好友列表】的界面实现。界面设计好友列表在主界面左边,界面UI风格跟聊天列表类似,只不过相比聊天列表更加简单,不需要显示聊天信息,时间等,总体界面设计如下:界面布局跟好友列表一样,聊天列表的布局也分为两部,列表布局和列表中的每
  • 2023-07-16仿微信聊天程序 - 08. 聊天窗口
    本文是仿微信聊天程序专栏的第八篇文章,主要记录了【聊天窗口】的界面实现。界面设计聊天窗口是整个聊天程序的核心控件,比较复杂,大致可以分为上中下三个部分,上面显示用户昵称以及一些操作菜单,中间是聊天内容显示区域,下面的信息发送的区域,总体界面设计如下:界面布局根据界面设计
  • 2023-06-22Android仿微信图片浏览
    实现原理自定义PopupWindow+RecyclerView+TouchImageViewPopupWindow与AlertDialog的区别最关键的区别是AlertDialog不能指定显示位置,只能默认显示在屏幕最中间(当然也可以通过设置WindowManager参数来改变位置)。而PopupWindow是可以指定显示位置的,十分灵活。要生成一个PopupWindow
  • 2023-06-11仿微信我的列表功能菜单按钮 我的个人中心页面功能菜单
    前端vue自定义仿微信我的列表功能菜单按钮我的个人中心页面功能菜单, 下载完整代码请访问https://ext.dcloud.net.cn/plugin?id=12990效果图如下:    ####使用方法```使用方法<!--leftTitle:标题 icon:左边图标@click:点击事件 --><ccMenuBtnleftTitle="
  • 2023-02-02tauri介绍
    一.参考网址1. Tauri入门篇-是什么2. vue3-tauri-chat:基于tauri聊天实例|tauri仿微信客户端
  • 2023-01-10VUE一个仿微信提现的功能
     UI组件用的是vant的键盘组件1:HTML部分<divclass="withdraw_page"><divclass="withdraw_page_header"><divclass="withdraw_page_header_
  • 2022-10-06WPF 截图控件之绘制方框与椭圆(四) 「仿微信」
    前言接着上周写的截图控件继续更新 绘制方框与椭圆。​​1.WPF实现截屏「仿微信」​​​​2.WPF实现截屏控件之移动(二)「仿微信」​​​​3.WPF截图控件之伸缩(三)「仿微
  • 2022-08-29uniapp实现IM即时通讯仿微信聊天功能
    本文介绍如何基于UNIAPP使用即时通讯SDKZIMSDK快速实现基本的消息收发功能。1uniappim即时通讯功能方案介绍即时通讯SDKZIMSDK提供了如下接入方案:在此方