Contact me: hankecnc@gmail.com

支持 Android WebApp [改进] #402

推推 grbl 3年前 (2023-02-02) 281次浏览
打开
12 个任务中的第 4 个
nrepian 开启了这个问题 2019 年 1 月 11 日 · 15条评论
打开
12 个任务中的第 4 个

支持 Android WebApp [改进]#402

nrepian 开启了这个问题 2019 年 1 月 11 日 · 15条评论

注释

支持 Android WebApp [改进] #402
热片 评论了 2019 年 1 月 11 日  

描述

在android设备上查看CNCjs时(例如,将其用作挂件),地址栏浪费了大量屏幕空间。在 Android 主屏幕上添加 CNCjs URL 时可以删除它,因为它应该能够作为 Web 应用程序启动。它需要将少量代码添加到标头以启用此功能:

<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">

来源:https ://developers.google.com/web/fundamentals/native-hardware/fullscreen/

这是一个微小的调整,不会影响除将其用作网络应用程序的用户以外的任何人,正如我想我们中的许多人所做的那样。

版本

  • CNCjs:1.9.15

你如何安装CNCjs?

  • NPM
  • 下载 CNCjs 桌面应用程序

数控系统

  • Grbl
  • 冰沙
  • TinyG/g2核心

硬件

  • 树莓派
  • 台式机或笔记本电脑
  • 移动设备

操作系统

  • 不适用
  • 视窗
  • 苹果
  • Linux
支持 Android WebApp [改进] #402

我已经尝试使用 cncjs shopfloor 吊坠。从技术上讲,它会全屏显示,但布局会发生巨大变化,因为我认为按钮和文本字段的大小是相对的。但是,如果有人可以尝试在全屏模式下冻结相同的布局,那么在安卓和苹果手机上全屏模式下工作将是一个巨大的优势。

支持 Android WebApp [改进] #402

当您说“Android 设备”时,您指的是平板电脑还是手机,或者两者兼而有之?shopfloor 平板电脑屏幕布局在 10″ 平板电脑上工作得很好,但它不适用于手机大小的屏幕。您可以使用 .css 做一些事情来制作以手机为中心的布局,但我认为它会需要重新考虑整体布局,而不仅仅是缩放和冻结。我一直在考虑将 UI 构建为一组以任务为中心的子屏幕,而不是当前的“一个屏幕来统治它们”的方法。工作会有不同的屏幕设置/慢跑、任务运行和维护。每个屏幕只有几个控件,带有大按钮。

支持 Android WebApp [改进] #402

更新:我刚刚在 iPhone 上试过 cncjs-shopfloor-tablet。在横向模式下还可以,但底部的 gcode 部分不在屏幕上,您必须滚动才能找到它。这是子屏幕方法可能起作用的示例 – gcode 部分可以移到任务运行屏幕。
在纵向模式下,按钮太小了。

支持 Android WebApp [改进] #402

以任务为中心的子屏幕的好主意@MitchBradley. 如果可能,这还将为更多按钮和信息显示(如主轴开/关、警报描述和程序文件的文件夹视图)留出空间。顺便说一句,这些只是我几天来使用 RasPi 7″ 触摸屏的经验的建议。我热切地等待着这个吊坠。

支持 Android WebApp [改进] #402

如果您想尝试设计子屏幕,请制作一组显示建议的按钮布局的图纸。您可以使用任何绘图程序,或者只是在纸上涂鸦并拍照。设计和编码是两个不同的任务。即使您不是编码员,也可以为第一个做出贡献。

以下是一些设计指南:

  • 事物应该以某种网格的形式布置,因为这样可以使编码简单得多。我们使用的“bootstrap”框架将屏幕分为 12 列,每个元素可以占据任意数量的列,每行的总数加起来为 12。因此,您可以有 4 个按钮,每个按钮占据 3 列,或 2、2、2、3、3,或任何加起来为 12 的排列。
  • 我试图在引起运动的事物之间保持良好的分离 – 或者至少使按钮变大 – 以避免误击。
  • 在给定操作或状态期间不相关或不能使用的事物被禁用(变灰)。

顺便说一句,我最新版本的 cncjs-shopfloor-tablet 有主轴速度和进给率信息——在运行作业时覆盖点动按钮区域。它在下拉菜单中将主轴关闭作为条目。它允许您浏览文件选择器菜单中的子目录。

支持 Android WebApp [改进] #402

谢谢@MitchBradley. 你把我的任务交给了我。考虑到以上几点,我一定会做一些绘图之类的东西并提交给你。我很乐意帮助你。顺便说一句,我怎样才能将这些图纸上传到这里?我对 git 不是很熟悉。

支持 Android WebApp [改进] #402

我正在输入的评论框在底部显示:“通过拖放、选择或粘贴来附加文件。”

支持 Android WebApp [改进] #402

行。现在我明白了。以前我是通过我的手机打字,不知何故这个选项不存在。谢谢。

支持 Android WebApp [改进] #402

你好@MitchBradley. 请根据我的想法找到附加的建议布局。请发表意见。我这边需要的任何更多输入,将很乐意提供帮助。
Shopfloor Pendant 建议布局.pdf

支持 Android WebApp [改进] #402

@karoria不错的建议布局!+1 该增强功能

支持 Android WebApp [改进] #402

等待您的专家意见@MitchBradley.

支持 Android WebApp [改进] #402

我以为我已经发表了评论,但也许我忘了发送它们。我喜欢这种方法,但我认为顶部的一些按钮 – GoX0 等 – 太小了。误击其中之一可能会产生不良后果。

我认为欢迎屏幕是不必要的。当你打开你的机器时,你正在考虑你的任务,任何让你慢下来的事情都是令人恼火的。您只想正确处理它。

整理顶部区域的一种方法是为“设置数值”设置一个单独的屏幕。对输入值进行操作的“Go X”和“X=”等按钮可以集成到弹出式计算器屏幕中。或者当您退出该计算器屏幕时,可能会出现一个显示计算值的屏幕,然后让您选择如何处理它。

另一个想法是为 MDI 设置一个单独的屏幕。我经常将一次性作业设置为几条 MDI 线,因此拥有四到五条线而不是现在的两条线会很有帮助。

支持 Android WebApp [改进] #402

我同意你的看法。但我相信设置 xy 和 z 的按钮,如 x=0 等应该只在点动屏幕上。由于空间有限,我无法将它做得更大。但是,我为此记住了 7 英寸触摸屏。但我认为如果我们按照 5 英寸屏幕进行设计,那么对于移动用户来说会很棒。这需要更大的按钮和整洁的布局。

支持 Android WebApp [改进] #402

欢迎屏幕背后的思想是为了回家的目的,这样人们就不会在开始工作之前忘记回家。但是他也可以根据需要跳过它。但是,是的,并没有像你说的那样增加太多魅力。所以我们也可以删除它。右侧垂直列中的选项卡的排列是为了更好地符合人体工程学,就像 siemens 和 fanuc 对硬按钮所做的那样。

免费注册 在 GitHub 上加入此对话。已有帐户? 登录评论
项目
状态:分流
发展

没有分支机构或拉取请求

6人参加
支持 Android WebApp [改进] #402支持 Android WebApp [改进] #402支持 Android WebApp [改进] #402支持 Android WebApp [改进] #402支持 Android WebApp [改进] #402支持 Android WebApp [改进] #402

喜欢 (0)