Electron跨平台仿QQ|vue3+electron+antdv聊天应用

今分享一个最新开发的electron跨端聊天应用。 pp3.gif 基本实现了发送图文消息、图片/视频/链接预览、拖拽发送图片、截图及朋友圈等功能。 p4.gif 框架技术 vue3全家桶：vue3.0+vuex4+vue-router@4 electron框架：electron11.2.3 打包工具：vue-cli-plugin-electron-builde n.sohucs.gif electron自定义无边框导航菜单 为了让项目UI更加美观，大家可以选择在创建窗口的时候去掉系统边框，自定义拖拽区域。 electron-builder打包配置 创建vue3项目的时候，根目录会有一个vue.config.js配置文件。可用来进行一些项目配置和electron打包配置。 image.png ending，基于vue3.x+electron开发聊天软件就分享到这里。希望对大家有些帮助！ .mp.itc.gif

electron 仿制QQ登录界面

首先来看看qq的登录界面: ? 准备开发 制作一个窗口先 主进程代码: import {BrowserWindow, webContents, app, ipcMain} from 'electron' LoginWindow(); $electron.remote.getCurrentWindow(); document.addEventListener('mousedown', function (e) 注册页面 我们改进一点 因为qq的注册是一个连接到web页面去申请qq号码的 不过我做的是点击注册将界面切换到注册界面,只不过是 在写注册界面代码之前先将父组件种的login注释掉备用 (别删除哦) 在父组件中引入 到这里就差不多了 代码太多没法一一发布上来 如果有需要的可以去github下载或者加QQ群 814270669 github地址:https://github.com/lihaotian0...

仿qq登录界面

最近做一个登录的界面，我脑子里一下就想到QQ的登录界面，简单，美观，所以就找了些资料实现了下，现在整理下 先来看下效果图 1.首先是布局文件XML文件，不解释直接上 1>主界面 1 <RelativeLayout

mpvue——仿QQ【一】

前言 原生仿QQ https://github.com/wangyang0210/Imitate-QQ-For-Mini-Program 这个是当时学习小程序时，模仿的一个demo，只不过是纯页面没啥具体的功能 做之前考虑哪些是可以复用的就封账成组件 最后确定使用colorUI+mpvue+gateway来实现，代码更新在github https://github.com/wangyang0210/Imitate-QQ-For-Mini-Program /tree/mp-color-qq 2019-05-21 13:51:09 前端代码基本更新完毕

electron实现qq快捷登录!

之前本来想不写这个功能的,结果客户死活要qq登录! 实在没办法就写了,顺便写个文章! 在写之前有两个问题: 1: 打开qq授权页面点击页面中的链接会又打开一个页面! ..... 2: 授权之后是否成功很难去判断 不过脑海中有一个想法就是,electron就是一个类似于浏览器一样,既然是浏览器那肯定可以阻止链接的点击 也可以判断状态! 就去啃文档了!!! 言归正传 说qq登录! 后端是使用PHP实现的 没什么难度,主要的就是客户端的一些处理! 演示 ? 放置qq登录按钮 <template>

仿qq底部Tab导航

切换 使用RadioGroup和RadioButton实现仿qq底部切换 使用RadioGroup和ViewPager 实现可以滑动切换的仿qq底部Tab切换 解决Fragment多次实例化的几种方案 RadioGroup和ViewPager 实现可以滑动切换的仿qq底部Tab效果图 ? 使用FragmentTabHost实现qq底部Tab切换 第一步先看布局文件 <? ---- 使用RadioGroup和RadioButton实现仿qq底部切换 第一步 ，先看布局文件 <?xml version="1.0" encoding="utf-8"? showFragment(mCurFragment, to); mCurFragment = to; } }); ---- 使用RadioGroup和ViewPager 实现可以滑动切换的仿qq // 设置左右页面 能缓存的fragment 数量 mViewPager.setOffscreenPageLimit(fragmentAdapter.getCount() - 1); ---- 到此仿qq

Android--仿QQ气泡

主要利用三角函数和贝塞尔曲线实现粘连效果，角度和坐标对应关系如下 /** * qq气泡 */ public class BubbleView extends View { //原始气泡半径

electron-vue仿微信桌面端|electron聊天实例

electron-vchat客户端聊天实例是基于electron+vue+vuex+Node+vue-router等技术开发的仿制微信pc桌面聊天项目。 034360截图20200108115113391.png 技术框架 框架技术：electron + electron-vue + vue 状态管理：Vuex 地址路由：Vue-router 字体图标： https://electronjs.org/ https://electron.org.cn/vue/index.html https://github.com/SimulatedGREG/electron-vue electron主进程创建窗口 通过electron提供的BrowserWindow对象创建窗体，electron-vue构建项目后，主进程入口页面是src/main/index.js import electron实现自定义顶部最大/小化、关闭按钮、无外框窗口 electron 中配置 frame: false 后，就能去除原窗体顶部，原先的顶部操作栏就没有了，需要自定义配置。

electron仿制qq(2) 主界面制作

有可能是根据分辨率来显示的) 最大宽度: 605px 顶部头像区域高度: 140px 底部选项区域高度: 40px 搜索框高度: 30px 头像直径/高度: 50px 右键菜单宽度: 180px 下载安装 安装electron-vue #cd F:\electron vue init simulatedgreg/electron-vue qq_main cd qq_main npm install npm run dev ? import {BrowserWindow} from 'electron' let main = null; function createMainWindow() { main = new 比对qq ? 给main 加一个背景就差不多了 其实qq主界面的背景色是一整个图 然而我们并没有采取这种方式 ? 版权声明 本文只学习electron使用 不做任何商业用途,文章中使用的腾讯qq相关图片和相关Logo都作为学习使用,如果侵犯了腾讯的相关权益,请联系作者删除!

electron制作聊天界面(仿制qq)

在制作之前参考了qq和千牛 需要注意的点 qq将滚动条美化了 而且在无操作的情况下是不会显示的 滚动条美化 ::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px

仿qq空间好友动态刷新

在qq空间里有好多网页特效值得初学html和js的去学习，今天我来介绍一种特效。我们在上qq空间是都会发现，当向下滚动鼠标，使滚动条到达最低端的时候，好友动态会自动增加。

仿qq最新侧滑菜单

github地址 https://github.com/sunguowei 最近项目要做一个QQ5.0的侧滑菜单效果，和传统的侧滑菜单存在着一些差异。想必大家都已经见识过了。

Android仿qq侧滑菜单

我们经常能看到各种app中都有应用侧滑菜单（SlidingMenu）,效果很好的一种显示方式，今天我就向大家展示可以说是很简单就能实现和qq的侧滑菜单很相似的效果。 现在侧滑菜单的框架在github上也有很多，有兴趣的可以去搜一下，今天我就给大家展示一个简单的仿qq侧滑菜单的例子。 declare-styleable> </resources> 其中的rightPadding为水平滚动条向右边滑动到极限后保留的距离(原谅我语言匮乏，不怎么会形容),还是不能理解我说的什么意思的话可以自己看看手机qq > <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:qq_menu="http ="match_parent" android:layout_height="match_parent" qq_menu:rightPadding="100dp">

Android 仿微信， QQ 裁剪

这篇博客实现的功能主要有仿微信，QQ 上传图像裁剪功能，包括拍照，从相册选取。裁剪框的样式有圆形，正方形，九宫格。

仿QQ音乐(HTML+CSS)

wpf、winform仿QQ靠边隐藏

先说下下面的代码和demo是wpf的，如果winform要用，改动不大的。 实现思路： 通过定时刷新鼠标位置 和 窗体坐标 进行计算 来控制窗体的隐藏 显示  代码都有详细的注释 //窗体状态 true为显示 false为隐藏 private bool IsHide = false; //鼠标状态 true为进入窗体 false为离开窗体 private bool IsMouseEnter = false; //计时器 通过win32api实时

仿qq聊天及定位等

聊天其实就是要实现消息推送，而推送消息就需要保持连接（长连接）。在之前项目里虽然实现了即时聊天，但是一种很本的方法。 去掉了其中的网络访问。地图试用的百度API 还是先放上图，在说下做法。 具体做

仿QQ简易聊天（安卓版）

private PrintWriter writer; private ServerSocket server; private Socket socket ;     private QQServer qq QQServer qqserver2 = new QQServer(); qqserver.getServer(8000); qqserver2.getServer(8100); qqserver.qq =qqserver2; Thread t=new Thread(qqserver); t.start(); qqserver2.qq=qqserver; Thread t2=new Thread qq.socket.isClosed()){ writer = new PrintWriter(new OutputStreamWriter( qq.socket.getOutputStream() = null) { socket.close(); } if (qq.socket!

java版仿qq简易聊天程序

项目全部文件(包括素材和源码)已上传到github https://github.com/wwang-dev/MyQqChat qq聊天项目使用简介： 项目环境配置 软件开发工具：IntelliJ IDEA https://blog.csdn.net/qq245034548/article/details/43063311 有什么问题或者建议欢迎在下方留言！

android 仿qq手写板涂鸦

以前博客的链接：点击打开链接 附上关键代码： MainView.java package com.tszy.views;   import java.io.File;   import java.io.FileNotFoundException;   import java.io.FileOutputStream;   import java.io.IOException;   import android.content.Context;   import android.graphi