有没有适合触摸屏 Web 应用程序的不错的 UI 组件？
由于各种原因，网络应用程序最适合我正在开发的项目，但我担心用户界面。 将会有很多可以通过检查列表、组合框等处理的选择选项……并且在较小程度上它们将是一些自由文本字段。 然而，我担心标准组件的可用性，因为用户必须从安装在制造环境中的触摸屏计算机访问应用程序（即它们会非常脏且维护不善）。
For various reasons a web application would be best suite a project that I am working on but I am worried about the user interface. There will be a lot of pick and choose options that could be handled by check lists, combo boxes, etc… and to a lesser extent their will be some free text fields. However, I am concerned about the usability of standard components because users will have to access the application from touchscreen computers that will be wall mounted in a manufacturing environment (i.e. they will be very dirty and poorly maintained).
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
我们目前正在推出一个与您所描述的完全相同的应用程序。 您会遇到很多问题。
在某些时候您可能需要一个“软键盘”。 我们还没有找到像样的第三方，但是自己编写它们并不太难。
如果要实现将文本写入另一个控件的任何类型的按键按钮，则需要能够调用 SetStyle() 方法以确保焦点不会更改。 我们发现 Janus 按钮控件不允许我们进行此更改，因此我们恢复到标准 winforms 按钮。
我还没有看到任何专门为触摸屏设计的现有组件库。 我们结合使用了标准 winforms 控件和 Janus UI 组件。
如果我现在重新开始，我会从 WPF 开始。 它相对于 Winform 来说是一个巨大的改进，对我来说这是一个简单的选择。
如果您确实坚持在 Web 浏览器中执行此操作，那么我会考虑 Silverlight 作为一个可行的选择。 就我个人而言，对于快速数据输入很重要的应用程序，我永远不会接触 HTML。
不要忘记条形码输入，迟早有人会告诉您他们想用扫描仪进行输入。
We are currently in the process of rolling out an application that is exactly as you describe. There are a number of issues that you will run into.
You will probably need a "Soft keyboard" at some point. We have not found a decent third party one, but they are not too difiicult to write yourself.
If you want to implement any kind of keypress button that writes text into another control, you need to be able to call the SetStyle() method to ensure that focus does not change. We found that the Janus button controls did not allow us to make this change so we reverted back to the standard winforms button.
I have not seen any existing component libraries that are designed specifically for touch screens. We have used a combination of the standard winforms controls and the Janus UI components.
If I were starting again now though, I would start with WPF. It is such a huge improvement over Winforms that it would be an easy choice for me.
If you are really stuck with doing it in a web browser, then I would consider Silverlight as a viable option. Personally, I would never touch HTML for an application where quick data entry is important.
Don't forget about bar-code input, sooner or later someone is going to tell you they want to do input with a scanner.
由于触摸被转换为点击，您可能可以使用大部分标准组件，也许还可以用 javascript 进行补充。 即，应该很容易为每个切换关联复选框的标签实现 onClick 事件。
我更担心文本输入。 触摸屏打字（尤其是安装在墙上时）听起来很乏味。
As a touch is translated to a click, you can probably use mostly standard components, maybe supplemented by javascript. I. e., it should be easily possible to implement an onClick event for every label that toggles the associated checkbox.
I'd worry more about the text input. Touchscreen typing (especially when wall-mounted) sounds tedious.
我目前正在自己开发一个触摸屏网络应用程序，并一直想知道我什么时候“必须”放入软键盘。 目前正在开发的模块仅处理订单输入和检索/调度功能，客户希望尽可能限制呼叫中心服务员的任何输入。 所以还没有数据输入。
不过，我自己一直在寻找适合触摸屏的键盘。 达里尔，如果我必须写一篇，你建议我应该从哪里开始？
祝你们俩好运！
I'm currently working on a touch screen web application myself and keep wondering when I would "have" to put in a soft keyboard. The modules currently being developed deal only with order entry and retrieval/dispatch functionality and the client wants to limit any input by the call center attendant whereever possible. So no data input yet.
However, I've been searching for a keyboard for a touch screen myself. Darryl, where would you suggest I should begin if I had to write one?
Good luck to both of you!
您可能想看看 Baobab Health 的开源触摸屏 takeit。 它仅使用 JavaScript 就能很好地将 html 表单转换为触摸屏交互。 文档有点少，但它至少可能是一个很好的起点。
You might want to take a look at Baobab Health's open source touchscreen tookit. It does a nice job converting an html form into a touchscreen interaction using only javascript. Documentation is a little light, but it might at least be a good starting point.