开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 18731|回复: 75
收起左侧

[2021年界面设计大赛] 云视窗——支持多端同步的Web桌面UI

[复制链接]
回帖奖励 65 枚 精币 回复本帖可获得 5 枚 精币奖励! 每人限 2 次(中奖概率 80 %)
结帖率:100% (7/7)
发表于 2021-5-17 13:28:09 | 显示全部楼层 |阅读模式   内蒙古自治区呼和浩特市
本帖最后由 1051496412 于 2021-5-17 14:00 编辑
这是一套Web桌面系统,为了实现多端同步功能,界面主要采用HTML + 原生JS + CSS开发。
下面先放上来一些效果图。
网页端
网页端.jpg

安卓端
安卓端.jpg

也可以实现PC端,易语言 + Chrome内核浏览器 + JS接口即可实现环境检测,这个项目也是近期刚做的,还没来得及写。


项目结构
项目结构.png
代码结构.png
代码截图
代码截图.png


系统主要特性:
1.支持环境检测
可以有效地检测安卓端、网页端。这个原理与很多H5游戏的环境检测原理是类似的(看过很多类似的写法,他们常用一个变量控制,0表示网页1表示安卓2表示IOS等),可以作为一种启发思路。
2.窗口支持鼠标拖动与鼠标滑动两种方式调整尺寸
安卓端使用拖动方式调整尺寸,源码中附带了APK和安卓端源码,大家安装上试一下即可知道效果;
网页端使用滑动方式调整尺寸,鼠标先按一下要调整的位置(右下角同时调整XY,右侧调整X,下侧调整Y),然后滑动到指定尺寸,再按一下即可停止调整。
3.支持窗口的最大化、最小化等动画效果
点击窗口最大化、最小化按钮即可看出效果。另外,加入了一些动画执行逻辑,如果在一个窗口动画显示过程中,无法进行其它窗口的最大化等操作。 可以在页面中放心操作,无论你点得多快都不会出现冲突。
4.支持界面层次管理
可以实现类似Windows系统窗口焦点的功能,最前方的窗口具有和其它窗口不一样的效果,更易区分。
5.代码本地化
页面中用到的JavaScript代码均为中文,新手也可以学习其中的原理。
没有使用外部库,但并未影响展示效果,极具学习价值。


附件:
云视窗UI.rar (1.77 MB, 下载次数: 102)

评分

参与人数 5好评 +5 精币 +107 收起 理由
王东林 + 1 + 2 支持开源~!感谢分享
clocks + 1 + 1 支持开源~!感谢分享
天乞地丐 + 1 + 2 感谢发布原创作品,精易因你更精彩!
道易有道 + 1 + 2 感谢发布原创作品,精易因你更精彩!
精易自媒体 + 1 + 100 此处应该有鼓励~

查看全部评分

本帖被以下淘专辑推荐:

签到天数: 3 天

发表于 2024-10-14 22:10:46 高大上手机用户 | 显示全部楼层   河南省郑州市

回帖奖励 +5 枚 精币

支持一下,辛苦你了
回复 支持 反对

使用道具 举报

结帖率:40% (2/5)

签到天数: 2 天

发表于 2023-10-13 12:24:30 | 显示全部楼层   北京市北京市

回帖奖励 +5 枚 精币

再支持一下!!
回复 支持 反对

使用道具 举报

结帖率:40% (2/5)

签到天数: 2 天

发表于 2023-10-13 12:24:16 | 显示全部楼层   北京市北京市

回帖奖励 +5 枚 精币

支持一下!
回复 支持 反对

使用道具 举报

发表于 2023-5-14 20:49:59 | 显示全部楼层   西藏自治区拉萨市

回帖奖励 +5 枚 精币

支持开源,谢谢分享
回复 支持 反对

使用道具 举报

发表于 2023-5-4 23:21:42 高大上手机用户 | 显示全部楼层   山东省潍坊市

回帖奖励 +5 枚 精币

6666666好看炫酷
回复 支持 反对

使用道具 举报

发表于 2022-12-15 10:35:03 | 显示全部楼层   河南省南阳市

回帖奖励 +5 枚 精币

非常有用的代码,谢谢
回复 支持 反对

使用道具 举报

发表于 2022-12-15 10:34:44 | 显示全部楼层   河南省南阳市
非常有用的代码,下载看看
回复 支持 反对

使用道具 举报

结帖率:100% (33/33)

签到天数: 20 天

发表于 2022-11-29 18:29:46 | 显示全部楼层   河北省廊坊市

回帖奖励 +5 枚 精币

感谢分享
回复 支持 反对

使用道具 举报

结帖率:75% (3/4)

签到天数: 14 天

发表于 2022-11-15 14:04:15 | 显示全部楼层   河北省石家庄市

回帖奖励 +5 枚 精币

支持楼主
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报电话0663-3422125,QQ: 793400750,邮箱:wp@125.la
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备12094385号-1) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表